Sitio prueba

Primera unidad

1. Introducción

• Instalar y configurar XAMPP
• Instalar Visual Studio Code (IDE)
• Navegador Chrome
• Navegador FireFox
• Publicar en 000webhost
• Publicar GitHub
• Pruebas de servidor local

2. Páginas web, HTML y JS

• Manual HTML, CSS, JS
• Diferencia entre HTML, CSS y JS
• Estructura de HTML4
• Estructura de HTML5
• Tablas
• Ventanas 1 - Advertencia
• Ventanas 2 - Confirmar
• Ventanas 3 - Ingresar valor
• Eventos

3. Formularios, JavaScript y estilos

• Elementos HTML
• Lista de elementos HTML5
• Ejemplo de nuevos elementos
• Audio y video
• Canvas(Reloj)
• Canvas(Mundo)
• Funciones sin retorno
• Funciones con retorno
• Aplicación 1 con if...else
• Aplicación 2 con for
• Combinar tablas y estilos
• Formularios (input)
• Formularios (placehorder)
• Validar con atributos HTML

4. JavaScript (JS, CSS, form)

• Estructura básica
• JS: Validación de listas
• JS: Validación de TODOS los check y radio
• JS: Validación de DOS check y verificar valores elegidos (Evidencia 1)
• JS: Validación con expresiones regulares 1
• JS: Validación con expresiones regulares 2
• JS: Aplicación 1
• JS: Aplicación 2
• JS: Aplicación 3 (Evidencia 2)

5. Validaciones (Aplicaciones)

• Aplicación 1 - Validación con atributos HTML
• Aplicación 2 - Validación con JS
• Aplicación 3 - Ventanas
• Aplicación 4 - Archivos (img, PDF, etc)
• Aplicación 5 - Formularios y tablas - Conteo por TURNO
• Aplicación 6 - Formularios y tablas - Conteo por GENERO (Evidencia 1)
• Aplicación 7 - Formulario lista con 1 criterio
• Aplicación 8 - Formulario lista con 2 criterios (Evidencia 2)

6. Evaluación - Primera unidad

• Aplicación 1 - Validación con atributo HTML
• Aplicación 2 - Validación con JavaScript
• Aplicación 3 - Ventanas
• Aplicación 4 - Listas con dos criterios

Segunda unidad

7. Framework BootStrap

• Documentación de BootStrap
• Plantilla de inicio
• Inicio con descarga de archivos
• Definición de cuadriculas(grid)
• Definición de pagina con botones (Evidencia 1)
• Definición de pagina con iconos (Evidencia 2)

8. Sitio web con framework BootStrap

• Tipografia
• Alineaciones
• Cuadriculas (grid)
• Botones
• Iconos
• Controles
• Formularios horizontales
• Formularios verticales
• Acordeon
• Paneles
• Plantilla 1
• Plantilla 2

9. Librerías React primeros pasos

• Documentación de React
• Instalar nodejs
• Instalación y configuración del sitio web con React
• Aplicación con libreria React

10. Definición de componentes

• Características en el código de los componentes (html, js, jsx)
• Definición de los componentes y sus llamadas
• Componente 0. Componente nuevo (formas de definir)
• Componente 1. Saludo llevando variable (props)
• Componente 2. Contador. Dos formas de definir estados
• Componente 3. Operación ternario
• Componente 4. Definición de matrices
• Componente 5. Operaciones con matrices

11. Evaluación - Segunda unidad

• Aplicación 1. Personalizar el sitio
• Aplicación 2. Publicar el sitio
• Aplicación 3 - Muestra de un componente en el servidor
• Aplicación 4 - Definición de componentes (Numero o texto y matrices)

Tercera unidad