Hola Mundo

1 - Introducción y margin

2 - padding y border

3 - Bordes redondos, alto, ancho y color del texto

4 - Ejercicio, crear una caja flotante en CSS

5 - Solución del ejercicio de la caja

1 - Color y alineado

2 - text decoration, align, transform, indent y height

3 - word spacing y text shadow

4 - tipos de fuentes

1 - Links, parte 1

2 - Links, parte 2

3 - Listas css

4 - Tablas css

1 - display

2 - max-width y position

3 - overflow

4 - float, combinaciones de selectores y opacidad

1 - Como construir una barra de navegación

2 - Dropdown menu

3 - contacto

1 - background en detalle

2 - Colores en detalle y opacidad

3 - Fondos con gradientes

4 - sombras

5 - Transformaciones en 2d

6 - Transformaciones en 3d

7 - transiciones animadas

8 - Ejercicio de cajas

9 - Solución ejercicio de las cajas

1 - intro grid

2 - columnas y filas

3 - tamaño minimo y maximo

4 - Repetir dimensiones con repeat

5 - brechas entre elementos

6 - expandir elementos de la grilla

7 - asignando nombres a las lineas

8 - usando repeat para nombres predecibles

9 - Grid areas

10 - Grilla implícita

11 - Alinea y justifica elementos de la grilla

12 - Alinea y justifica un solo elemento de la grilla

13 - Alineando la grilla

14 - CSS grid juego

1 - Flexbox, introducción y diferencia con CSS grid

2 - Definiciones de flexbox

3 - Propiedades del contenedor

4 - Justify content y align items

5 - Align content

6 - Manipular orden de los elementos

7 - Elementos crecen de manera dinámica

8 - flex-basis y flex

9 - align items

10 - juego flexbox

1 - Explicación del flujo de trabajo

2 - Primer programa

3 - Porque hola mundo?

4 - Tipos de datos

5 - Primera variable

6 - Reasignando valor a variable

7 - Más tipos de datos

8 - Objetos en javascript

9 - Arreglos

1 - Operadores matemáticos

2 - Operadores comparación

3 - corrección de nombre

4 - Operadores logicos

1 - Control de flujo - if

2 - control de flujo - while

3 - control de flujo - switch

4 - Control de flujo - for

5 - Accediendo a los elementos de un arreglo con for

1 - Introducción a funciones

2 - Más funciones

3 - callbacks

4 - las funciones son valores

5 - Fat arrow function

6 - Funciones anonimas

1 - intro dom

2 - armando nuestra primera app

3 - getElementById y window.onload

4 - Manipular texto

5 - agregar elementos HTML

6 - Preparando aplicación

7 - Obteniendo valores de un formulario

8 - Agregando los elementos a nuestro listado

9 - Simplificando con map

10 - Array.splice

11 - querySelectorAll

12 - Inspeccionando nuestros elementos

13 - Eliminando los elementos

14 - Creando nuestra función de render

15 - persistiendo datos con localStorage

16 - Actualizando nuestra aplicación para que persista los datos

1 - spread operator

2 - Promesas: resolve y then

3 - Promesas: reject y catch

4 - Interrumpiendo la cadena de promesas

5 - new Promise

1 - Introducción, que es una API rest

2 - Inicializando el proyecto

3 - Creando la api

4 - Agregando endpoint POST

5 - Agregando PUT, PATCH y DELETE

6 - Refactorizando los endpoint

Resumen

Material de apoyo

1 - Introducción

2 - Creando un cluster en la nube

3 - Creando modelos y guardando datos

4 - buscar, actualizar y eliminar

5 - Empezamos a actualizar nuestra API

6 - Crear y buscar uno

7 - Actualizar y eliminar

Resumen

1 - Que construiremos

2 - Sirviendo archivos con express

3 - Cargando plantilla y formulario

4 - Creando usuarios

5 - Listando usuarios

6 - Eliminando usuarios

Resumen

Material de apoyo y actualización

1 - Login y registro

2 - Instalando dependencias y creando modelo

3 - Registrando usuarios

4 - Firmando el JWT

5 - Iniciando sesión

6 - Middlewares en express

7 - Middleware de validación de jwt

8 - Middleware de manejo de errores

9 - variables de entorno

Resumen

1 - Introducción

2 - Repaso de lógica de login y registro

3 - Construyendo formulario de login

4 - onsubmit del inicio de sesión

5 - Formulario de registro

6 - onsubmit del registro

7 - Refactorizando form listener

1 - Introducción, que construiremos?

2 - Inicializando el proyecto

3 - Diferencias entre module y commonjs

4 - Creamos el formulario

5 - Envío de correos con Sendgrid

6 - Enviando formulario a la API

1 - creando una nueva aplicación con create-react-app

2 - analisis de la estructura del proyecto

3 - Introducción a JSX

4 - Componentes y propiedades

5 - anatomía de un componente

6 - inline style

7 - Estilos con clases de CSS

8 - Reutilizando componentes con estilos

9 - componentes interactivos con onClick

10 - renderizado condicional

11 - Listas y sus keys

Resumen

1 - Anatomía de un componente basado en clases

2 - El state

3 - Más sobre state

4 - Cuando se renderiza un componente?

5 - ciclo de vida

6 - montando componentes

7 - actualizando componentes

8 - desmontando componentes

9 - subiendo el estado

10 - métodos y props

1 - Que construiremos?

2 - creando la aplicación

3 - estado inicial y cargando imágenes

4 - listando los productos

5 - dando estilo a los productos

6 - Botón para agregar al carro

7 - componente de layout

8 - Componente de título

9 - Componente de navegación

10 - Componente de Logo

11 - Botón de carro de compra

12 - Componente de bubble alert

13 - agregando elementos al carro de compras

14 - agregando elementos al carro de compras - parte 2

15 - mostrando cantidad de elementos

16 - mostrando el carro al usuario

17 - mostrando el carro al usuario parte 2