Descripción

1.     JavaScript – Introducción

1.1  ¿Qué es JavaScript?

1.2  Herramientas básicas

1.2.1       Instalar el Visual Studio Code

1.3  Tipos de datos

1.4  Variables

1.5  Constantes

1.6  Comentarios

1.7  Operadores

1.8  Orden y lugar de las importaciones

1.9  Prompt, confirm y alert

2.     JavaScript – Fundamentos

2.1  Tipo de dato de una variable

2.2  Tipos de datos primitivos

2.3  Introducción general a los tipos de datos primitivos

2.4  Palabras reservadas y nombres de variables

2.4.1       Palabras reservadas

2.5  Arreglos

2.6  Objetos literales

2.7  Funciones

2.8  Retorno de las funciones

2.9  Desestructuración de argumentos

3.     JavaScript – Práctica01

40 Programas para realizar

2 Programas ya realizados

4.     JavaScript – Ciclos y Estructuras de control

4.1  Estructuras de control de flujo

4.1.1       Valor por referencia

4.2  If-else

4.3  Lógica booleana

4.3.1       Negación

4.3.2       And

4.3.3       Or

4.3.4       Operador condicional ternario

4.3.5       Switch

4.4  Estructuras cíclicas

4.4.1       While

4.4.2       Do-while

4.4.3       For

4.4.4       For in

4.4.5       For of

5.     JavaScript – Práctica02

40 Programas para realizar

3 Programas ya realizados

6.     JavaScript – Lab01 – BlackJack

6.1  Comencemos entonces con nuestro proyecto

6.2  Estilo y estructura de nuestro juego

6.3  Crear barajas de cartas

6.4  Pedir carta

6.5  Valor de cada carta

6.6  Introducción al DOM y su manipulación

6.7  Manipulación del DOM – Segunda parte

6.8  Evento click – Pedir carta

6.9  Crear cartas en el HTML

6.10        Turno de la computadora

6.11        Nuevo juego y mensaje de victoria

7.     JavaScript – Práctica03

40 Programas para realizar

1 Programa ya realizado

8.     JavaScript – Lab02 – Patrón módulo y optimizaciones

8.1  Código inseguro

8.2  Optimizaciones

8.3  Problemática del código de BlackJack

8.4  Patrón módulo

8.5  Optimizaciones

8.6  Code Minify

9.     JavaScript – Clases

9.1  Prototype

9.2  Programación Orientada a Objetos (POO)

9.3  Clases

9.4  Métodos

9.5  Propiedades

9.6  Setters y Getters

9.7  Propiedades estáticas

9.8  Métodos estáticos

9.9  Herencia

9.10        Propiedades privadas

9.11        Métodos privados

9.12        Singleton

9.13        Múltiples constructores

10.  JavaScript – Práctica04

40 Programas para realizar

3 Programas ya realizados

11.  JavaScript – Despliegue a GitHub y GitHub Pages

11.1        npm install

11.2        ¿Por qué saber Git?

11.3        Configuración de Git en nuestro equipo

11.4        GitHub Pages

12.  JavaScript – Lab03 – Aplicación listas de tareas

12.1        Webpack – Clases – Importación de módulos

12.2        Inicio de proyecto – ToDo

12.3        ToDo Class

12.4        TodoList Class

12.5        Construir las tareas en el HTML

12.6        Evento para agregar un ToDo

12.7        Marcar como completado un ToDo

12.8        Eliminar un ToDo

12.9        Eliminar ToDos completados

12.10     LocalStorage y SessionStorage

12.11     Guardando y recuperando ToDos

12.12     Reconstruyendo instancias de ToDo

12.13     Aplicar filtros

12.14     ToDos en la GitHub Pages

13.  JavaScript – Práctica05

40 Programas para realizar

3 Programas ya realizados

14.  JavaScript – Callbacks y Promesas

14.1        Callbacks y promesas

14.2        Formas de usar promesas

14.3        Inicio de proyecto – Callbacks y promesas

14.4        Callbacks

14.5        Argumentos estándar de los callbacks

14.6        Callback Hell

14.7        Promesas

14.8        Promise.all

14.9        Promise.catch

14.10     Promise.race

14.11     Async

14.12     Await

14.12.1         Mejorar el uso del await

14.13     Manejo de errores en el await

14.14     for await – if await

15.  JavaScript – Práctica06

40 Programas para realizar

3 Programas ya realizados

16.  JavaScript – Práctica07

40 Programas para realizar

3 Programas ya realizados

17.  Node – Lab04 – Tareas por hacer

17.1        Instalaciones necesarias

17.2        Inicio de proyecto – Tareas por hacer

17.3        stdin – stdout – Readline

17.4        Repetir el menú de forma infinita

17.5        Construir el menú interactivo. Inquirer

17.6        Opciones del menú interactivo

17.7        Lógica para el manejo de las tareas por hacer

17.8        Crear y listar tareas

17.9        Transformar objeto a un arreglo. Detalles estéticos

17.10     Guardar tareas en un archivo de texto

17.11     Leer nuestra base de datos

17.12     Tarea – Cargar tareas

17.13     Listar tareas

17.14     Tareas completadas y pendientes. Opciones del menú

17.15     Listado para borrar

17.16     Confirmar y borrar tarea

17.17     Múltiples selecciones

17.18     Marcar como completadas o pendientes las tareas

18.  Node – MySQL y TypeScript

18.1        Configurando Express en TypeScript

18.2        Desplegar el public folder

18.3        Rutas de nuestra aplicación

18.4        Crear base de datos en MySQL

18.5        Clase para conectarse a MySQL

18.6        Implementar patrón singleton y prevenir múltiples instancias de la clase

18.7        Ejecutar queries en las rutas

19.  React

19.1        ¿Qué es React?

19.2        ¿Cómo luce el código de React?

19.3        JSX

19.4        Primeros pasos en React

19.5        ¿Qué son los componentes?

19.6        Primera aplicación de React

19.7        Hola Mundo en React

19.8        Nuestro primer componente

19.9        Retornar elementos en el componente Fragment

19.10     Impresión de variables en el HTML

19.11     Comunicación entre componentes Props

19.12     PropTypes

19.13     Componente CounterApp

19.14     Evento click (Eventos en general)

19.15     useState – Hook

19.16     handleSubtract y handleReset

20.  React – Lab05 – Creación de un juego de ahorcado

20.1        Instalaciones necesarias para este laboratorio

20.2        Configurar aplicación de Node

20.3        Inicio del Proyecto ReactApp

20.4        Introducción al proyecto

20.5        Recursos del Ahorcado

20.6        Mostrar imágenes del Ahorcado

20.7        Manejar los intentos fallidos

20.8        Manejar la palabra oculta

20.9        Lógica para la palabra oculta

20.10     Mostrar letras correctas en pantalla

20.11     Mensaje de ganar o perder

20.12     Seleccionar una palabra aleatoriamente

20.13     Reiniciar el juego

20.14     Desplegar el juego a Internet

21.  React – Lab06 - GifExpertApp

21.1        Inicio del Proyecto GifExpertApp

21.2        GifExpertApp Component

21.3        Creando una lista de categorías

21.4        Componente AddCategory

21.5        Comunicación entre componentes

21.6        Fetch API. Obtener las imágenes deseadas