Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 5D : 23H : 5M : 55S

Debes iniciar sesión

Para ver esta clase crea una cuenta sin costo o inicia sesión

Elementos de un Lenguaje de Programación: Variables, Funciones y Sintaxis

3/22

Árbolito de los tipo de datos en JS

CU01112E_1.png

Aquí les dejo esta infografía que es muy, muy buena 💚👍

169c0df8121445d6c2848875d91521c7.png

PD: Por favor no me maten porque la infografía es de EdTeam, solo que hacen my buenas infografías jajaja 😅😅😅

The history of “typeof null”

null es un valor primitivo y es null NO es un “object”

typeof null // = "object"

es un error que no pueden corregir por que dejarían de funcionar las aplicaciones actuales.

un compañero @hidalgolopezdaniel en el futuro descubrió que existe esta pag: https://jsconsole.com/
y yo como buen Marty McFly se los traje al pasado

VALORES

PRIMITIVOS: son los valores básicos que se utilizan para poder generar códigos.

  • Número: data sólo de tipo numérico, ejem: 1 2 3 4, etc.
  • Strig: texto, se utiliza entre comillas dobles. “Haciendo esto”, “Diego Hernández”
  • Boolean o Booleano: son valores creados por George Boolean dentro de lenguajes de programación para poder validar cosas y/o desiciones, por ello se utilizan: true (1) o false (0).
  • Empty values: null o undefined, se les conoce como valores “placeholders”, pero son valores reservados para un tipo de valor que queda faltante en memoria. También pueden ser tomados como valores de errores.

NO PRIMITIVOS O VALORES TIPO OBJETOS:

  • Array: se genera ocupando corchetes, los cuales dentro ocupan valores primitivos, ejem: [1,2,3] convirtiéndolos en valores tipo objeto.
  • Valor tipo Objeto: se generan con corchetes, los cuales dentro ocupan una data que se transforma en objeto, ejem de sintaxis: { nombre: “Diego”}.

min 5:43 : una aclaración, quien inventó los booleanos no se llamaba “George Boolean”, se llamaba “George Boole”

Untitled (1).jpg

Si quieren ver cuanto tiempo codean al dia o la semana, registrense en esta pagina e instalen la extension para su editor de texto preferido, https://wakatime.com, es gratis y ayuda a motivarse.

Para que quede mas claro Null y undefined

js.jpg

Valores primitivos:

number = valor tipo entero,
string =valor de cadena o texto,
boolean = True or false,
null, undefined = valores nulos

valores no primitivos

{} or [] = valores tipo objeto

Hola!, Si usarán VScode, les recomiendo instalen estas exenciones:

Esta, les pinta los brackets “{ }” de forma que puedan saber si hay una función, ciclo o condición mal cerrado o abierto.
1.png

Esta monta un servidor desde VsCode, así no tienen que andar actualizando la pagina.
2.png

Cabe resaltar que hoy día existe un nuevo tipo de dato primitivo que se incluyó con ECMASCRIPT 6, este nuevo dato se le conoce como : Symbol.

Un Symbol es un valor primitivo único e inmutable y puede ser usado como la clave de una propiedad de un Object. En algunos lenguajes de programación, los Symbols son llamados átomos. Se pueden comparar con enumeraciones de nombres (enum) en C.

/Valores numericos
40;
//valores de tipo string
("Luis");
//valores de tipo Boolean
true;
false;
//valores de tipo vacio:
null;
undefined; //tener cuidado con el undefine
//valores de tipo objeto:
//arrays
[1, 2, 3];
{
  nombre: "Luis";
}

//nota: en el navegador para ver que tipo de valor es colocas typeof ejemplo:
//typeof true
//y te va decir boleaan

Quería aportar esto.
En la parte donde pone “typeof oscar” sale “undefined” porque lo detecta como una variable que no tiene ningún valor. En javascript puedes usar variables sin haberlas definido antes.

Apunte-platzi.png

Recordando mis viejas clases de la universidad de C y C++ Null se usa para enviar una referencia (puntero) a una localidad segura de memoria para “apartarla” Ojo, no apuntaba al abismo, si no puede que estuviera apuntada a datos basura, incluso si declarabas un array de null podías ver los segmentos de memoria que contenía al imprimirlos. Por tanto, sabiendo que el motor V8 está construido en C++ No se me hace nada raro que null retorne object porque simplemente es eso.

Increíble profesor 👏👏.
Aunque ya tengo un poco de experiencia con js, siento que ahora sí lo estoy aprendiendo de la manera correcta.

/*
--------------- Variables, Funciones y Sintaxis---------------
Existen 2 componentes importante en JS
Valores o Datos: Almacenan informacion 
Funciones: realizan acciones con la informacion.

*VALORES PRIMITIVOS y VALORES NO-PRIMITIVOS (VALORES TIPO OBJETO) 

Los datos pueden ser de VALORES PRIMITIVOS (basicos):
Numeros: 40
String: "Texto"
Booleanos: TRUE OR FALSE
Vacios o Empty value: null, undefined; cuando tenemos un valor en faltante, para guardar cosas cuando las necesitamos, una caja vacia. 

Tambien existen VALORES NO-PRIMITIVOS o VALORES TIPO OBJETO:
Array [ ] : [1,2,3] (son valores primitivos)
Valor tipo objeto { }: { name: "Platzi"}

---------------
*/

Hola a todos! Acá les comparto mis apuntes para esta clase.
Éxito!

**P.D.: **Iré dejando todos los apuntes en un tutorial, por acá --> https://platzi.com/tutoriales/1814-basico-javascript/9339-guia-completa-curso-basico-de-javascript/

Elementos de un lenguaje de programación

Aqui algunos tipos de datos

tipos de datos.jpg

😮 Visual Studio Code, es el editor más usado para realizar proyectos para la Web.

Hola! Les recomiendo este video de Leonidas para que puedan configurar Visual Studio Code.
https://www.youtube.com/watch?v=o8iqG4bAN0s

Solo quería dejar esto por aquí, me pareció curioso.

De hecho es George Boole, no George Boolean.

😉🤷‍♀️

Hola!

Para probar su código JavaScript, en lugar de hacer: click derecho -> inspeccionar, dentro de cualquier página, pueden abrir una página en blanco escribiendo en la barra de direcciones:

about:blank

Le dan Enter y el navegador mostrara una página en blanco.
Ahora apretan F12 y les va a aparecer la consola para que hagan sus pruebas.
(funciona en Firefox y Chrome)

Saludos,

//primivito

// String
const name = 'John Doe';
// Number
const age = 45;
// Boolean
const hasKids = true;
// Null
const car = null;
// Undefined
let test;
// Symbol
const sym = Symbol();

//  Objectos

// Array
const hobbies = ['movies', 'music'];
// Objecto literal
const address = {
  city: 'Boston',
  state: 'MA'
}
const today = new Date();
console.log(today);
console.log(typeof today);```

Muy bueno, estas primeras clases ayudan mucho a hacer el entendimiento más fácil de otros cursos como programación básica y fundamentos de JS.

Visual Studio Code ❤️

Les dejo el link para run js https://runjs.dev/ donde pueden escribir JavaScript sin tener que usar el navagador.

Hola a todos, si no han visto temas de programación antes o si han rascado la superficie, algo muy importante es saber cómo funcionan los tipos de dados y los tipos de datos que hay.

Les dejo un link que me ayudó a entender como estos interactuan entre sí con bueno ejemplos.

Tipos de datos

Como es debilmente tipado, siento que es menos complejo de aprender, espero les ayude a entender por si llegan a tener problemas. :3

// Valores primitivos:

// Int =
40 

// String =
"Nahuel Farias" 

// Boleanos =
true
false 

// Valores reservados - Valores vacios - Se usan para reservar memoria =
null
undefined 


// Valores no primitivos:

// Valor tipo array =
[1, 2 ,3]

// Valor tipo objeto =
{ nombre: "Diego" } 

// Para comprobar los tipos de valores usamos la función "typeof"```
//valores primitivos

40 //tipo numero
"hola mundo "  //texto /string

//booleano
true
false

//valores vacios
null
undefined//valor reservado de  JS

//valores no primitivos / valores objetos

[1,2,34]
{nombre: "Junito"}```

Existen 2 componentes principales en Javascript.

1-Datos que se guardan en memoria.
2-Tareas(Funciones) que hacemos con esos datos.

//_________Valores primitivos________

40 //number

"Ramon"//String

true//Boolean
false//Boolean

//Valores Vacios
null
undefined

//_________Valores tipo objeto y tipo Array________

[1,2,3]
{nombre: "Ramon"}```

VALORES PRIMITIVOS

- String
- Number
- Boolean
- VALORES VACIOS (EMPTY VALUES)
    -null
    -undefined

VALORES NO PRIMITIVOS O TIPO OBJETO

- Arreglo []
- Objeto {nombre: "Roberto"}

TYPEOF

- Nos dice de que tipo es el valor que ingresamos

Editores de texto:
1.- Visual Studio Code
2.-Brackets
3.-Sublime Text
4.- Atom
5.-Notepad ++

etc… utiliza el que mas te acomodes

Recuerden que como lo menciona Diego De Granda, hay otros editores de código: en la pestaña “Archivos y Enlaces” de esta clase (arriba a la derecha, bajo el buscador) no solo está el link al repositorio en GitHub de la clase sino también los links para Sublime, Atom y el mismo VSCode.

😉

Elementos de un lenguaje de programación: Variables, Funciones y Sintaxis.

1.-Data que guardamos en memoria, tipos de datos como strings, números, booleanos, nulos.

2.-Tareas (funciones) que haremos con esa data.

Existen diferentes tipos de datos, los primitivos y los no primitivos.

Primitivos:
-Numeros
-Strings
-Boleanos
-Vacios

Y los no primitivos:
-Arrays
-Objetos

denme mis dos puntitos :V

El valor de undefined, es undefined HAHAHAHAHA

Ya tengo experiencia con JS pero sé que de esta manera reforzaré mis conocimientos de este lenguaje de programación.

Práctica.PNG

Antes de seguir con la clase recordé que planeé ver el curso de pensamiento lógico antes de ver javascript así que me fui y volví y tengo algunas cosas más claras pero no del todo, como una herrramienta importantes para lo que viene…El diagrama de flujo como paso vital para secuenciar procesos al resolver un problema, algunos quizás piensen que es básico y que está implícito al resolver un problema mediante programación pero, aunque les parezca sencillos algunos problemas que se harán en el curso el diagrama de flujo es ideal para problemas complejos y sobre todo largos(así cuando dan errores saber donde corregir). Les dejo un pdf sobre problemas de algoritmos resueltos con diagramas de flujo que encontré en el curso que comenté anteriormente:

Principiantes, (como yo) no se alteren si se encuentran con cosas que de momento pueden parecer complicadas de entender o recordar. Nomás apliquen la regla 80/20. El 80% solo usás el 20% de lo aprendido. 😉
![](h7nt4keyd7oy.jpg

Qué características debería tener una laptop para programar? Memoria RAM de cuánto? SSD?

javascript-data-types-primitive-and-non-primitive.png

Sitio acceder a una consola de js https://jsconsole.com/

Library Genesis touché!!! 😃

typeof (valor), me parece muy útil esto.

no sabia lo de typeof !

Deberían hacer un curso de VSCode, no creen?
Aporte: Setting Sync te permite hacer respaldo de tu configuración de VSCode y sincronizar en cualquier lugar.
Captura de pantalla 2021-06-14 100830.png

Valores primitivos

numericos

40
24.3
.4
3e4

cadenas de caracteres - string

“Hola, mundo!”

boolean

true
false

valores vacios

null - espacio reservado para poner algun valor
undefined - variable u objeto no definido

Valores no primitivos

[1, 2, 3] - valor tipo Array
{nombre: “franks”} - valor tipo Object

3.jpg

Hola como estas? Espero que bien, aca te dejo esta exension de VS code que se llama code runner, en ella puedes ejecutar codigo de Javascript adentro del editor de texto si asi lo deseas:)

es una mierda

Al utilizar Visual Studio Code una muy buena practica es aprender o conocer los keyboard shortcuts o atajos de teclado que son formas de hacer cosas manuales mucho mas fáciles

Aquí dejo el link de cuales existen

Consola para practicar: https://jsconsole.com/

Screenshot from 2021-01-04 10-54-41.png

Diego esta en mi top de profesores

antes no lo entendía que buena explicacion

Les comparto mis anotaciones para esta clase.2020-10-19_17h15_57.png

// DATOS PRIMITIVOS//

    //Dato tipo numero//
    40
    20
    26

    //Dato tipo String//
    "Carlos Sanclemente"

    //Dato tipo boolean//
    true
    false

    // Dato vacio o null//
    null
    undefined

//DATOS OBJETO//

    //Dato tipo Array//
    [1, 2, 3]

    //Dato tipo objeto//
    { nombre: "Diego" }

//Comando para verificar que tipo de dato se escribe//
typeof

Tipos De Valores Basicos

//VALORES PRIMITIVOS


//valores Numericos
40
18

//valores Texto
"Cesar Mora"
"Diego De Granda"

//valores Booleano
true 
false

//valores Vacíos
null
undefined

//valor Array
[1, 2, 3]

//valor Objeto
{nombre: "Cesar"}

Es increíble como ha crecido JavaScript.

aprendiendo desde cero pero muy interesante

Excelente clase.

Valores enteros: numeros
Valores cadena o String: Texto
Valores Boolean: True o False
Valor tipo Objeto: Array
Valores Vacios: null y undefined

Excelente el curso para reafirmar los conocimientos

El curso esta excelente como complemento y para reforzar todo lo que hemos visto en el curso de programación basica, me gusta que vayamos a trabajar con el visual studio, porque hasta ahora venia solo trabajando con sublime, y a pesar de haberlo descargado no lo habia usado, visual studio parece que tiene mas funcionalidades, ya veremos cual esta mejor.

Interesante los diferentes tipos de valores primitivos!!

Yo en lo personal estoy trabajando con Visual Studio Code…Por cierto es excelente la funcionalidad del typeof

en la barra de direcciones pueden acceder a about:blank y les abrirá una pestaña en blanco, ahí pueden usar la consola y manipular el DOM sin que salgan warnings

//Valor tipo número:
40

//Cadenas de texto:
"Diego De Granda"

//Booleanos:
true
false

//Valores vacíos:
null
undefined

//Valores tipo objeto:
[1,2,3]
{ nombre: "Diego" }

Excelente tipo el de typeof… me vino genial, muy buen curso

Atom es bueno pero Vs code tiene más cosas

Personalmente yo utilizo Visual Studio Code y Notepad++ como extra

genial

Muy buena explicación.

En lo personal no cambiaría el editor de código VS Code, me parece el más completo. ¿Cuál utilizas tú?

mis notas:
Dos componentes principales del lenguaje de programación:
1- Data que guardaremos en memoria ( tipos de datos, int, string, objetos, etc)
2- Tareas que haremos con esa data (las funciones que crearemos en el lenguaje)
Valores y tipos de valores

Valores Primitivos:
• Valores de numero : 40
• Valores de texto : “cadenas de texto string”
• Valor booleano : true o false
• Valores vacios : null undefined, valores reservados, valores faltantes
Valores no primitivos
• Array [1,2,3]
Valor objeto
• {nombre : “Diego”, edad : 14}

Marcador público: Uso de typeof

para js, ¿que tipo de atributos son los mas comunes o los mas tulizados?

Hola, me descargué “Visual Estudio Code” desde el enlace de la clase pero mi Mac me lanza el siguiente mensaje:
Captura de Pantalla 2020-02-20 a la(s) 19.49.28.png

Estoy usando MacOS Catalina. Si alguien sabe como solucionarlo!!!
gracias de antemano.

Una muy buena introducción a los tipos de datos.

Qué bueno es Diego, la verdad tenía muchas dudas sobre JS, pero ahora lejos de no querer entrarle de lleno, quiero meterme para conocer más.

que diferencia hay entre un string “” y ‘’?

Vengo de Java, y entiendo que JavaScript no es necesario las ;, pero me rompe la cabeza no verlas en las clases 😦

typeof() es una palabra reservada que nos permite saber el tipo de dato

Dos Componentes principales

Data que guardamos en la memoria : Numeros, string, objetos etc
Tareas(funciones) que haremos con los datos: Hacer osas con los datos
Tipos de datos o valores primitivos

Numero = 40
String = “John Conor”
Booleanos = true o false - toma de decisiones
valores vacíos = null o undefined -evitar este tipo de valores -valor faltante

los valores se guardan en memoria

Valores primitivos o tipo objeto

Tipo array
[1,2,3,4] > tipo objeto internamente tiene valores primitivos

Tipo objeto
{nombre: “john”}

para saber que tipo de valor usamos

typeof valor

este nos dira si es tipo numero, string, booleano, objeto

Uhiii ese dato de arrastrar la carpetica no lo sabia!!!

Existen 2 tipos de elementos en JavaScript:

*Valores o datos: almacenan información
*Funciones: realizan acciones con la información

Los datos pueden ser primitivos o no primitivos

Los primitivos son:

*Números
*Strings (Texto que podemos escribir de forma libre)
*Booleanos, pueden ser “true” o “false” y sirven para confirmar acciones
*Vacíos: Son como una caja vacía, están ahí para guardar cosas cuando lo necesitemos, pueden ser “null” o “undefinide”

Los no primitivos llevan dentro valores primitivos y son:

*Arrays: Utilizan []
*Objetos: Utilizan {}

Podemos conocer que tipo de valores estamos usando con “typeof”

Que opinan de WA? web asembly

Con F12 abres el inspector de elementos mucho más rápido.

George Boole: https://es.wikipedia.org/wiki/George_Boole

😮!!
Entonces null es el único Objeto primitivo de js :DD

Ojo con eso 😉

Muy buena la explicación, se lleva el hilo conductor de manera muy fluida y simple.

VSC<3

Es interesante saber como Js reduce la gran cantidad de tipos de variables a comparación de otros lenguajes de programación 😲

Cuándo ponemos {} o [], el typeof nos señala en cada caso que es objetcs, pero uno es Array y el otro no.}
Ambos son tipos de objetos.

Es increíble como se explica todo paso a paso

Gracias, bastante básico !

Excelente

Árbolito de los tipo de datos en JS

CU01112E_1.png

Aquí les dejo esta infografía que es muy, muy buena 💚👍

169c0df8121445d6c2848875d91521c7.png

PD: Por favor no me maten porque la infografía es de EdTeam, solo que hacen my buenas infografías jajaja 😅😅😅

The history of “typeof null”

null es un valor primitivo y es null NO es un “object”

typeof null // = "object"

es un error que no pueden corregir por que dejarían de funcionar las aplicaciones actuales.

un compañero @hidalgolopezdaniel en el futuro descubrió que existe esta pag: https://jsconsole.com/
y yo como buen Marty McFly se los traje al pasado

VALORES

PRIMITIVOS: son los valores básicos que se utilizan para poder generar códigos.

  • Número: data sólo de tipo numérico, ejem: 1 2 3 4, etc.
  • Strig: texto, se utiliza entre comillas dobles. “Haciendo esto”, “Diego Hernández”
  • Boolean o Booleano: son valores creados por George Boolean dentro de lenguajes de programación para poder validar cosas y/o desiciones, por ello se utilizan: true (1) o false (0).
  • Empty values: null o undefined, se les conoce como valores “placeholders”, pero son valores reservados para un tipo de valor que queda faltante en memoria. También pueden ser tomados como valores de errores.

NO PRIMITIVOS O VALORES TIPO OBJETOS:

  • Array: se genera ocupando corchetes, los cuales dentro ocupan valores primitivos, ejem: [1,2,3] convirtiéndolos en valores tipo objeto.
  • Valor tipo Objeto: se generan con corchetes, los cuales dentro ocupan una data que se transforma en objeto, ejem de sintaxis: { nombre: “Diego”}.

min 5:43 : una aclaración, quien inventó los booleanos no se llamaba “George Boolean”, se llamaba “George Boole”

Untitled (1).jpg

Si quieren ver cuanto tiempo codean al dia o la semana, registrense en esta pagina e instalen la extension para su editor de texto preferido, https://wakatime.com, es gratis y ayuda a motivarse.

Para que quede mas claro Null y undefined

js.jpg

Valores primitivos:

number = valor tipo entero,
string =valor de cadena o texto,
boolean = True or false,
null, undefined = valores nulos

valores no primitivos

{} or [] = valores tipo objeto

Hola!, Si usarán VScode, les recomiendo instalen estas exenciones:

Esta, les pinta los brackets “{ }” de forma que puedan saber si hay una función, ciclo o condición mal cerrado o abierto.
1.png

Esta monta un servidor desde VsCode, así no tienen que andar actualizando la pagina.
2.png

Cabe resaltar que hoy día existe un nuevo tipo de dato primitivo que se incluyó con ECMASCRIPT 6, este nuevo dato se le conoce como : Symbol.

Un Symbol es un valor primitivo único e inmutable y puede ser usado como la clave de una propiedad de un Object. En algunos lenguajes de programación, los Symbols son llamados átomos. Se pueden comparar con enumeraciones de nombres (enum) en C.

/Valores numericos
40;
//valores de tipo string
("Luis");
//valores de tipo Boolean
true;
false;
//valores de tipo vacio:
null;
undefined; //tener cuidado con el undefine
//valores de tipo objeto:
//arrays
[1, 2, 3];
{
  nombre: "Luis";
}

//nota: en el navegador para ver que tipo de valor es colocas typeof ejemplo:
//typeof true
//y te va decir boleaan

Quería aportar esto.
En la parte donde pone “typeof oscar” sale “undefined” porque lo detecta como una variable que no tiene ningún valor. En javascript puedes usar variables sin haberlas definido antes.

Apunte-platzi.png

Recordando mis viejas clases de la universidad de C y C++ Null se usa para enviar una referencia (puntero) a una localidad segura de memoria para “apartarla” Ojo, no apuntaba al abismo, si no puede que estuviera apuntada a datos basura, incluso si declarabas un array de null podías ver los segmentos de memoria que contenía al imprimirlos. Por tanto, sabiendo que el motor V8 está construido en C++ No se me hace nada raro que null retorne object porque simplemente es eso.

Increíble profesor 👏👏.
Aunque ya tengo un poco de experiencia con js, siento que ahora sí lo estoy aprendiendo de la manera correcta.

/*
--------------- Variables, Funciones y Sintaxis---------------
Existen 2 componentes importante en JS
Valores o Datos: Almacenan informacion 
Funciones: realizan acciones con la informacion.

*VALORES PRIMITIVOS y VALORES NO-PRIMITIVOS (VALORES TIPO OBJETO) 

Los datos pueden ser de VALORES PRIMITIVOS (basicos):
Numeros: 40
String: "Texto"
Booleanos: TRUE OR FALSE
Vacios o Empty value: null, undefined; cuando tenemos un valor en faltante, para guardar cosas cuando las necesitamos, una caja vacia. 

Tambien existen VALORES NO-PRIMITIVOS o VALORES TIPO OBJETO:
Array [ ] : [1,2,3] (son valores primitivos)
Valor tipo objeto { }: { name: "Platzi"}

---------------
*/

Hola a todos! Acá les comparto mis apuntes para esta clase.
Éxito!

**P.D.: **Iré dejando todos los apuntes en un tutorial, por acá --> https://platzi.com/tutoriales/1814-basico-javascript/9339-guia-completa-curso-basico-de-javascript/

Elementos de un lenguaje de programación

Aqui algunos tipos de datos

tipos de datos.jpg

😮 Visual Studio Code, es el editor más usado para realizar proyectos para la Web.

Hola! Les recomiendo este video de Leonidas para que puedan configurar Visual Studio Code.
https://www.youtube.com/watch?v=o8iqG4bAN0s

Solo quería dejar esto por aquí, me pareció curioso.

De hecho es George Boole, no George Boolean.

😉🤷‍♀️

Hola!

Para probar su código JavaScript, en lugar de hacer: click derecho -> inspeccionar, dentro de cualquier página, pueden abrir una página en blanco escribiendo en la barra de direcciones:

about:blank

Le dan Enter y el navegador mostrara una página en blanco.
Ahora apretan F12 y les va a aparecer la consola para que hagan sus pruebas.
(funciona en Firefox y Chrome)

Saludos,

//primivito

// String
const name = 'John Doe';
// Number
const age = 45;
// Boolean
const hasKids = true;
// Null
const car = null;
// Undefined
let test;
// Symbol
const sym = Symbol();

//  Objectos

// Array
const hobbies = ['movies', 'music'];
// Objecto literal
const address = {
  city: 'Boston',
  state: 'MA'
}
const today = new Date();
console.log(today);
console.log(typeof today);```

Muy bueno, estas primeras clases ayudan mucho a hacer el entendimiento más fácil de otros cursos como programación básica y fundamentos de JS.

Visual Studio Code ❤️

Les dejo el link para run js https://runjs.dev/ donde pueden escribir JavaScript sin tener que usar el navagador.

Hola a todos, si no han visto temas de programación antes o si han rascado la superficie, algo muy importante es saber cómo funcionan los tipos de dados y los tipos de datos que hay.

Les dejo un link que me ayudó a entender como estos interactuan entre sí con bueno ejemplos.

Tipos de datos

Como es debilmente tipado, siento que es menos complejo de aprender, espero les ayude a entender por si llegan a tener problemas. :3

// Valores primitivos:

// Int =
40 

// String =
"Nahuel Farias" 

// Boleanos =
true
false 

// Valores reservados - Valores vacios - Se usan para reservar memoria =
null
undefined 


// Valores no primitivos:

// Valor tipo array =
[1, 2 ,3]

// Valor tipo objeto =
{ nombre: "Diego" } 

// Para comprobar los tipos de valores usamos la función "typeof"```
//valores primitivos

40 //tipo numero
"hola mundo "  //texto /string

//booleano
true
false

//valores vacios
null
undefined//valor reservado de  JS

//valores no primitivos / valores objetos

[1,2,34]
{nombre: "Junito"}```

Existen 2 componentes principales en Javascript.

1-Datos que se guardan en memoria.
2-Tareas(Funciones) que hacemos con esos datos.

//_________Valores primitivos________

40 //number

"Ramon"//String

true//Boolean
false//Boolean

//Valores Vacios
null
undefined

//_________Valores tipo objeto y tipo Array________

[1,2,3]
{nombre: "Ramon"}```

VALORES PRIMITIVOS

- String
- Number
- Boolean
- VALORES VACIOS (EMPTY VALUES)
    -null
    -undefined

VALORES NO PRIMITIVOS O TIPO OBJETO

- Arreglo []
- Objeto {nombre: "Roberto"}

TYPEOF

- Nos dice de que tipo es el valor que ingresamos

Editores de texto:
1.- Visual Studio Code
2.-Brackets
3.-Sublime Text
4.- Atom
5.-Notepad ++

etc… utiliza el que mas te acomodes

Recuerden que como lo menciona Diego De Granda, hay otros editores de código: en la pestaña “Archivos y Enlaces” de esta clase (arriba a la derecha, bajo el buscador) no solo está el link al repositorio en GitHub de la clase sino también los links para Sublime, Atom y el mismo VSCode.

😉

Elementos de un lenguaje de programación: Variables, Funciones y Sintaxis.

1.-Data que guardamos en memoria, tipos de datos como strings, números, booleanos, nulos.

2.-Tareas (funciones) que haremos con esa data.

Existen diferentes tipos de datos, los primitivos y los no primitivos.

Primitivos:
-Numeros
-Strings
-Boleanos
-Vacios

Y los no primitivos:
-Arrays
-Objetos

denme mis dos puntitos :V

El valor de undefined, es undefined HAHAHAHAHA

Ya tengo experiencia con JS pero sé que de esta manera reforzaré mis conocimientos de este lenguaje de programación.

Práctica.PNG

Antes de seguir con la clase recordé que planeé ver el curso de pensamiento lógico antes de ver javascript así que me fui y volví y tengo algunas cosas más claras pero no del todo, como una herrramienta importantes para lo que viene…El diagrama de flujo como paso vital para secuenciar procesos al resolver un problema, algunos quizás piensen que es básico y que está implícito al resolver un problema mediante programación pero, aunque les parezca sencillos algunos problemas que se harán en el curso el diagrama de flujo es ideal para problemas complejos y sobre todo largos(así cuando dan errores saber donde corregir). Les dejo un pdf sobre problemas de algoritmos resueltos con diagramas de flujo que encontré en el curso que comenté anteriormente:

Principiantes, (como yo) no se alteren si se encuentran con cosas que de momento pueden parecer complicadas de entender o recordar. Nomás apliquen la regla 80/20. El 80% solo usás el 20% de lo aprendido. 😉
![](h7nt4keyd7oy.jpg

Qué características debería tener una laptop para programar? Memoria RAM de cuánto? SSD?

javascript-data-types-primitive-and-non-primitive.png

Sitio acceder a una consola de js https://jsconsole.com/

Library Genesis touché!!! 😃

typeof (valor), me parece muy útil esto.

no sabia lo de typeof !

Deberían hacer un curso de VSCode, no creen?
Aporte: Setting Sync te permite hacer respaldo de tu configuración de VSCode y sincronizar en cualquier lugar.
Captura de pantalla 2021-06-14 100830.png

Valores primitivos

numericos

40
24.3
.4
3e4

cadenas de caracteres - string

“Hola, mundo!”

boolean

true
false

valores vacios

null - espacio reservado para poner algun valor
undefined - variable u objeto no definido

Valores no primitivos

[1, 2, 3] - valor tipo Array
{nombre: “franks”} - valor tipo Object

3.jpg

Hola como estas? Espero que bien, aca te dejo esta exension de VS code que se llama code runner, en ella puedes ejecutar codigo de Javascript adentro del editor de texto si asi lo deseas:)

es una mierda

Al utilizar Visual Studio Code una muy buena practica es aprender o conocer los keyboard shortcuts o atajos de teclado que son formas de hacer cosas manuales mucho mas fáciles

Aquí dejo el link de cuales existen

Consola para practicar: https://jsconsole.com/

Screenshot from 2021-01-04 10-54-41.png

Diego esta en mi top de profesores

antes no lo entendía que buena explicacion

Les comparto mis anotaciones para esta clase.2020-10-19_17h15_57.png

// DATOS PRIMITIVOS//

    //Dato tipo numero//
    40
    20
    26

    //Dato tipo String//
    "Carlos Sanclemente"

    //Dato tipo boolean//
    true
    false

    // Dato vacio o null//
    null
    undefined

//DATOS OBJETO//

    //Dato tipo Array//
    [1, 2, 3]

    //Dato tipo objeto//
    { nombre: "Diego" }

//Comando para verificar que tipo de dato se escribe//
typeof

Tipos De Valores Basicos

//VALORES PRIMITIVOS


//valores Numericos
40
18

//valores Texto
"Cesar Mora"
"Diego De Granda"

//valores Booleano
true 
false

//valores Vacíos
null
undefined

//valor Array
[1, 2, 3]

//valor Objeto
{nombre: "Cesar"}

Es increíble como ha crecido JavaScript.

aprendiendo desde cero pero muy interesante

Excelente clase.

Valores enteros: numeros
Valores cadena o String: Texto
Valores Boolean: True o False
Valor tipo Objeto: Array
Valores Vacios: null y undefined

Excelente el curso para reafirmar los conocimientos

El curso esta excelente como complemento y para reforzar todo lo que hemos visto en el curso de programación basica, me gusta que vayamos a trabajar con el visual studio, porque hasta ahora venia solo trabajando con sublime, y a pesar de haberlo descargado no lo habia usado, visual studio parece que tiene mas funcionalidades, ya veremos cual esta mejor.

Interesante los diferentes tipos de valores primitivos!!

Yo en lo personal estoy trabajando con Visual Studio Code…Por cierto es excelente la funcionalidad del typeof

en la barra de direcciones pueden acceder a about:blank y les abrirá una pestaña en blanco, ahí pueden usar la consola y manipular el DOM sin que salgan warnings

//Valor tipo número:
40

//Cadenas de texto:
"Diego De Granda"

//Booleanos:
true
false

//Valores vacíos:
null
undefined

//Valores tipo objeto:
[1,2,3]
{ nombre: "Diego" }

Excelente tipo el de typeof… me vino genial, muy buen curso

Atom es bueno pero Vs code tiene más cosas

Personalmente yo utilizo Visual Studio Code y Notepad++ como extra

genial

Muy buena explicación.

En lo personal no cambiaría el editor de código VS Code, me parece el más completo. ¿Cuál utilizas tú?

mis notas:
Dos componentes principales del lenguaje de programación:
1- Data que guardaremos en memoria ( tipos de datos, int, string, objetos, etc)
2- Tareas que haremos con esa data (las funciones que crearemos en el lenguaje)
Valores y tipos de valores

Valores Primitivos:
• Valores de numero : 40
• Valores de texto : “cadenas de texto string”
• Valor booleano : true o false
• Valores vacios : null undefined, valores reservados, valores faltantes
Valores no primitivos
• Array [1,2,3]
Valor objeto
• {nombre : “Diego”, edad : 14}

Marcador público: Uso de typeof

para js, ¿que tipo de atributos son los mas comunes o los mas tulizados?

Hola, me descargué “Visual Estudio Code” desde el enlace de la clase pero mi Mac me lanza el siguiente mensaje:
Captura de Pantalla 2020-02-20 a la(s) 19.49.28.png

Estoy usando MacOS Catalina. Si alguien sabe como solucionarlo!!!
gracias de antemano.

Una muy buena introducción a los tipos de datos.

Qué bueno es Diego, la verdad tenía muchas dudas sobre JS, pero ahora lejos de no querer entrarle de lleno, quiero meterme para conocer más.

que diferencia hay entre un string “” y ‘’?

Vengo de Java, y entiendo que JavaScript no es necesario las ;, pero me rompe la cabeza no verlas en las clases 😦

typeof() es una palabra reservada que nos permite saber el tipo de dato

Dos Componentes principales

Data que guardamos en la memoria : Numeros, string, objetos etc
Tareas(funciones) que haremos con los datos: Hacer osas con los datos
Tipos de datos o valores primitivos

Numero = 40
String = “John Conor”
Booleanos = true o false - toma de decisiones
valores vacíos = null o undefined -evitar este tipo de valores -valor faltante

los valores se guardan en memoria

Valores primitivos o tipo objeto

Tipo array
[1,2,3,4] > tipo objeto internamente tiene valores primitivos

Tipo objeto
{nombre: “john”}

para saber que tipo de valor usamos

typeof valor

este nos dira si es tipo numero, string, booleano, objeto

Uhiii ese dato de arrastrar la carpetica no lo sabia!!!

Existen 2 tipos de elementos en JavaScript:

*Valores o datos: almacenan información
*Funciones: realizan acciones con la información

Los datos pueden ser primitivos o no primitivos

Los primitivos son:

*Números
*Strings (Texto que podemos escribir de forma libre)
*Booleanos, pueden ser “true” o “false” y sirven para confirmar acciones
*Vacíos: Son como una caja vacía, están ahí para guardar cosas cuando lo necesitemos, pueden ser “null” o “undefinide”

Los no primitivos llevan dentro valores primitivos y son:

*Arrays: Utilizan []
*Objetos: Utilizan {}

Podemos conocer que tipo de valores estamos usando con “typeof”

Que opinan de WA? web asembly

Con F12 abres el inspector de elementos mucho más rápido.

George Boole: https://es.wikipedia.org/wiki/George_Boole

😮!!
Entonces null es el único Objeto primitivo de js :DD

Ojo con eso 😉

Muy buena la explicación, se lleva el hilo conductor de manera muy fluida y simple.

VSC<3

Es interesante saber como Js reduce la gran cantidad de tipos de variables a comparación de otros lenguajes de programación 😲

Cuándo ponemos {} o [], el typeof nos señala en cada caso que es objetcs, pero uno es Array y el otro no.}
Ambos son tipos de objetos.

Es increíble como se explica todo paso a paso

Gracias, bastante básico !

Excelente