Fundamentos de Desarrollo Web | HTML | CSS | JavaScript

Primeros pasos en el desarrollo:

• Acción de imprimir console.log

• Definiendo una variable de tipo var

• Combinar variables con console.log

Operaciones matemáticas básicas:

• Definiendo variables numéricas

• Operaciones aritméticas - suma, resta, multiplicación y división

• Usando console.log con operaciones aritméticas

Cadenas de caracteres:

• Qué es una cadena de caracteres

• Definiendo variables de cadena

• Entendiendo la indexación de cadenas

• Usando el operador de corchetes []

Condiciones y variables booleanas:

• Entendiendo la condición if

• Operación mayor que

• Operación menor que

• Operación de igualdad

• Operación de desigualdad (no igual)

• Operación mayor o igual que

• Operación menor o igual que

• Usando condiciones simples

Condiciones avanzadas:

• Condiciones avanzadas y operadores lógicos (&& y ||)

• Usando if y else

• Usando condiciones complejas con else if

Operación de módulo:

• Usando la operación de módulo (%) para calcular el resto

• Usando un método para calcular el número de dígitos en un número

• Usando parseInt para redondear el resultado de un número

Bucles while:

• Cómo escribir un bucle while

• Entendiendo el concepto de índice y sus usos

Bucles for:

• Definiendo un bucle for y sus usos

• Entendiendo la inicialización del bucle, incremento y terminación

Temas avanzados de módulo:

• Usando módulo para tareas más complejas

• Cómo calcular la suma de los dígitos de números

Arreglos:

• Definiendo un arreglo

• Entendiendo el concepto de índice en un arreglo y su uso

• Iterando sobre arreglos con bucles

Objetos:

• Definiendo un objeto vacío

• Inicializando claves en un objeto

• Accediendo a claves usando el operador punto

• Accediendo a claves de manera dinámica

Temas avanzados de objetos:

• Arreglo de objetos

• Usando un bucle para iterar sobre un arreglo de objetos

• Método Object.keys

• Método Object.values

• Método JSON.stringify

• Método JSON.parse

Funciones Parte A:

• Definiendo funciones

• Definiendo argumentos para una función

• Valores de retorno de una función

• Escribiendo funciones más complejas

Funciones Parte B:

• Llamando múltiples funciones

• Invocando una función dentro de otra función

• Encadenando funciones

Bucles For Anidados:

• Definiendo bucles for anidados

• Uso adecuado de índices

• Ejemplos complejos con arreglos

Construyendo un elemento usando código:

• Combinando los reinos de HTML, CSS y JavaScript juntos

• Entendiendo el DOM (Modelo de Objeto de Documento)

• Creando un elemento HTML simple usando código

• Usando innerText y classList

• Usando la función appendChild

Construyendo una lista usando un bucle:

• Creando un elemento ul dinámico

• Creando elementos li dinámicos

• Usando funciones para la creación dinámica

Recuperando elementos de la página:

• Entendiendo la función getElementById para la recuperación

• Entendiendo la función getElementsByClassName para la recuperación

• Entendiendo la función getElementsByTagName para la recuperación

• Entendiendo la función querySelectorAll para la recuperación

• Entendiendo la función querySelector para la recuperación

• Entendiendo la función createElement para la creación

Construyendo una tabla dinámica:

• Creando un elemento de tabla de manera dinámica

• Usando arreglos y funciones para construir la tabla

Eventos Parte A:

• Asociando un evento de clic a un botón

• Usando addEventListener

• Insertando contenido de manera dinámica en la página después de un evento con el usuario

Eventos Parte B:

• Uso de entradas y eventos

• Integración de elementos dinámicos

• Ejemplos más complejos

Funciones de Retrollamada:

• Qué es una función de retrollamada

• Cuándo usarla

• Cómo pasar argumentos

• Cómo verificar la corrección del código

Temporizadores:

• Entendiendo la función setTimeout

• Entendiendo la función setInterval

• Entendiendo la naturaleza asíncrona en el lenguaje

Comunicación con el servidor Parte A:

• Entendiendo el objeto xmlHttpRequest

• Creando comunicación con un servidor real para obtener datos

• Construyendo elementos dinámicos en la página

Comunicación con el servidor Parte B:

• Usando eventos y comunicación

• Creando un flujo complejo para una página dinámica que interactúa con el servidor

• Entendiendo el comportamiento asíncrono en JavaScript

Usando Promesas:

• Entendiendo el objeto Promise

• Usando then y catch

• Creando comunicación usando Promesas

• Creando un flujo complejo usando Promesas

Palabras de cierre