¡Te damos la bienvenida a este reto!
¡Bienvenido al mundo de JavaScript!
Día 1
Variables, funciones y sintaxis básica
Tipos de datos
Playground - Retorna el tipo
Tipos de datos - pt 2
Día 2
Operadores
Hoisting y coerción
Playground - Calcula la propina
Alcance de las variables
Día 3
Condicionales
Playground - Calcula años bisiestos
Switch
Playground - Obten información de mascotas según su tipo
Ciclos
Playground - Dibuja un triangulo
Día 4
Arrays
Playground - Encuentra al michi mas famoso
Objetos
Playground - Obten el promedio de los estudiantes
Día 5 - Checkpoint
Playground - encuentra el palindromo más grande
Día 6
Reasignación y redeclaración
Modo estricto
Día 7
Debugging y manejo de errores
Programación funcional
Quiz: Día 7
Día 8
Closures
Playground - Crea una calculadora con closures
Higher order functions
Playground - Crea tu propio método map
Día 9
ECMAScript
TC39
Quiz: Día 9
Día 10 - Checkpoint
ES6
ES7
Playground - Task planner
Día 11
Asincronismo
Playground - Promesas
Manejando el asincronismo
Playground - Resuelve el callback hell usando promesas
Playground - Resuelve el callback hell usando async/await
Día 12
Arrays a profundidad
Métodos de arrays: Every, Find y findIndex
Playground - Válida el formulario
Día 13
Métodos de arrays: Includes, Join y concat
Playground - agrupa los productos
Métodos de arrays: Flat y FlatMap
Playground - Encuentra la ubicación del valor buscado
Día 14
Mutable functions
Playground - Modifica una lista de compras
Métodos de arrays: sort
Playground - Ordena los productos
Día 15 - Checkpoint
Playground - Sistema de reservaciones de un hotel
Día 16
Programación orientada a objetos en JavaScript
Objetos literales
Playground - Congela el objeto recursivamente
Día 17
Prototipos en JavaScript
Playground - Modifica el prototype de los arrays
Playground - Crea un auto usando clases
Día 18
Abstracción en JavaScript
Playground - Sistema de carrito de compras
Encapsulamiento en JavaScript
Playground - Encapsula datos de los usuarios
Día 19
Herencia en JavaScript
Playground - Jerarquía de animales
Polimorfismo en JavaScript
Playground - Sistema de pagos
Día 20 - Checkpoint
Playground - Agenda de vuelos
Día 21
Patrones de diseño
Sinlgeton y Factory pattern en JavaScript
Playground - Implementa singleton en un chat
Día 22
Adapter y Decorator pattern en JavaScript
Playground - Personaliza productos de una tienda
Builder y Protype pattern en JavaScript
Playground - Mejora el código usando builder pattern
Día 23
Facade y proxy pattern en JavaScript
Playground - Proxy en servicio de mensajería
Chain of responsability y Observer pattern en JavaScript
Playground - Implementación de Observador en Newsletter
Día 24 - Checkpoint
Playground - Crea un task manager con patrones de diseño
Día 25
Estructuras de datos en JavaScript
Playground - Crea tu propia implementación de un array
Hash tables en JavaScript
Playground - Implementación de una HashTable para Contactos
Día 26
Set en JavaScript
Playground - Remueve duplicados de una lista
Maps en JavaScript
Playground - Crea un organizador de tareas
Día 27
Singly Linked List en JavaScript
Playground - Agrega métodos a la singly linked list
Playground - Implementación de una singly linked list
Día 28
Stacks en JavaScript
Playground - Crea un stack para una playlist
Día 29
Queues en JavaScript
Playground - Crea una cola de emails
Día 30
¡Lo lograste!
Live Class
30 días de JS con Juan DC
30 días de JS con Nicobytes
30 días de JS con GNDX
30 días de JS con LeoCode
30 días de JS con Teffcode
Sesión: Cierre de los 30 días de JavaScript
En JavaScript, existen distintos tipos de datos que podemos utilizar para almacenar información. A continuación, presentamos una descripción de los más populares:
...
Regístrate o inicia sesión para leer el resto del contenido.
Aportes 11
Preguntas 6
.
string, number, boolean, undefined, null y symbol
. Además, existe un séptimo tipo de datos llamado objeto
, que es una colección de datos y/o funciones.strings
de longitud uno.strings
son inmutables, lo que significa que no se pueden cambiar una vez que se han creado. En su lugar, se pueden crear nuevos strings
a partir de los existentes.arrays
en JavaScript también son objetos
, lo que significa que pueden tener propiedades y métodos. Una propiedad interesante de los arrays
en JavaScript es que su longitud no está fija, lo que significa que se pueden agregar o eliminar elementos en cualquier momento.true o false
en función de su valor de verdad. Algunos valores que se evalúan como false
son: 0, "", undefined, null y NaN
.Viene bárbaro todo este repaso!!
En el último ejemplo (el de typeof) hay un error en la línea que dice ’ typeof 30 // “boolean” '.
averiguando un poco más de los tipos de datos en JS me encontré con un video de midu sobre el valor null y su typeoff.
Me pareció interesante a si que se los dejo 💚
https://www.youtube.com/watch?v=E9AKgDdZKnE&ab_channel=midulive
Una cosita…
No entiendo el motivo por el cual en éste ejemplo básico, declaran TODO con const… Platzi tiene grandes problemas con el tema de la declaración de variables y puede llevar a confusiones…
Si declaran:
const edad = 30; (¿No les parece que es más adecuado un let ya que la edad NO es constante?)
const pi = 3.14; (pi, sí es una constante, ya que no cambia su valor en el tiempo)
const salario = 1500.50; (Mismo que la edad, ésto no debería ser const sino let)
A ver, cada cual declara sus variables como quiere, pero a modo educativo, es más claro demostrar la utilidad de cada tipo de variable…
Saludos.
Resumen de lo leído.
Muy interesante repasar los conceptos básicos. Estoy emocionado de completar el reto para poder aplicar estos conocimientos en futuros proyectos. ¡Vamos por más! 💻🚀
3/78 Tipos de datos
Los números son un tipos de dato en JavaScript que pueden representar valores numéricos, tanto enteros como decimales. Se pueden crear utilizando la notación numérica, que incluye dígitos y un punto decimal. También se puede utilizar la notación científica para representar números muy grandes o muy pequeños.
Ejemplos:
Los strings son un tipo de dato que representa una secuencia de caracteres, podemos crear strings utilizando comillas simplres o dobles y concatenarlos utilizando el operador +.
También podemos utilizar la notación template literal para crear strings que incluyen variables y expresiones.
Además, hay varios métodos disponbles para manipular strings, como:
Ejemplo:
const texto = “Hola Mundo”;
const nombre = “Juan”;
const apellido = “Pérez”
console.log(texto.length); // 10
console.log(texto.toUpperCase()); // HOLA MUNDO
console.log(textotoLowerCase()); // hola mundo
console.log(texto.substring(0,4)); // Hola
console.log(’Hola. ${nombre} ${apellido}!’}; // “Hola, Juan Pérez!”
Son estructuras de datos que almacenan un conjunto de pares clave-valor.
Se pueden crear utilizando llaves y especificando las propiedades del objeto mediante la sintaxis nombrePropiedad: valorPropiedad.
Para acceder a las propiedades del un objeto, se puede utilizar el operador, o la notación en corchetes [ ].
Ejemplo:
const persona = {
nombre: "fulanita",
platziRank: 9898,
Los valores booleanos son un tipo de dato que representa una condición que puede ser verdadera o falsa. En JavaScript, los valores booleanos se representan con las palabras clave “true or false”
let cursoCompletado = true;
//Se inicializa con el valor booleano true
// indicando que el curso fue terminado
let lecturaCompletada = false;
// Se unicializa con el valor booleano false
//indicando que el curso no fue terminado
Los valores booleanos se utilizan comunmente en la lógica y las estructuras de control de flujo en programación. Por ejemplo, podemos utilizar una expresión booleana en una estructura if para decidir qué acción tomar:
if (cursoCompletado) {
console.log("¡Felicidades por completar el curso!");
} else {
console.log("Aún falta completar el curso.");
}
En este caso si la variable “cursoCompletado es verdadera, se imprimirá “Felicidades por completar el curso” en la consola. Si es falsa, se imprimirá “ Aún falta completar el curso”.
En JavaScript, a veces el posible olvidar el tipo de dato de una variable o valor que estamos manejando. Para ayudarnos a identificar el tipo de dato de un valor, podemos utilizar la instrucción “typeof”. Esta instrucción nos devuelve una cadena de texto que representa el tipo de dato del valor que estamos evaluando.
En el ejemplo proporcionado, se muestran diferentes tipos de datos y su resultado al utilizar la instrucción “typeof”. Por ejemplo, si utilizamos “typeof” con el valor “#PlatziChallenge”, nos devuelve la cadena de texto “string”, lo que indica que se trata de una cadena de texto. Si lo utilizamos con el valor 30 , nos devuelve la cadena de texto number, lo que indica que se trata de un número.
Además, Si utilizamos typeof en un array nos devolvera el valor object. Esto puede parecer confuso pero lo que pasa es que en JavaScript los arrays son un tipo de objeto, por lo tanto typeof nos muestra que se trata de un objeto en lugar de un tipo de dato específico para un array.
Estoy aprendiendo mucho con los comentarios de la comunidad. Muchas gracias por los aportes.
Me siento feliz, con este reto llegué a los 12 mill puntos 😃
Me gusta este curso, es como un guía rápida y precisa, y si ya se desea practicar y mejorar se van tomando los cursos sin estancarse mucho.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?