El curso tiene 8 módulos que tienen dentro varios subtemas, en este repositorio encontraremos los ejercicios que se vayan dejando a lo largo del curso.
-
[Programación FrontEnd]
- ¿Qué es la programación FRONTEND?
- ¿Para que sirve la programación FRONTEND?
- En qué consiste la programación FRONTEND
- Tecnologías aplicadas
- SETUP de programación Web
- Estructura de páginas web
- Estructura y limpieza de código
-
[HTML]
- ¿Qué es HTML?
- Estructura de archivo HTML
- Sintaxis de etiquetas
- Titulos / Headings
- Parrafos / Paragraphs
- Imágenes / Images
- Enlaces / Links
- Tablas / Tables
- Listas / Listas
- Entradas / Input
- Botón / Button
- Formularios / Forms
- Rutas / Routes
- Acomodo / Layout
- Barra de navegación / NavBar - SideBar
- Pie de página / Footer
- Filas y columnas / Rows & Columns
- Propiedades de etiquetas / Properties
- Práctica de HTML
-
[CSS]
- ¿Qué es CSS?
- Selectores / Selector
- Colores
- Fondos / Background
- Textos y fuentes
- Enlaces y botones / Links
- Acomodo / Box model
- Responsive
- Media Queries
- Grid
- Flexbox
- Librerías de CSS
- Práctica de CSS
-
[JavaScript]
- ¿Qué es JS?
- Variables, tipos y operadores
- Estructura de programación
- Funciones
- Estructuras de datos
- Objetos
- Excepciones
- Programación Asincrona
- JS en el navegador
- DOM (Document Object Model
- Eventos
- Consumo de APIs
- Librerías y paquetes de JS
- Práctica de JS
-
[Vue JS]
- ¿Qué es VueJS?
- Setup de VueJS
- Estructura de archivos y proyecto
- Estilos globales
- Componentes
- Eventos
- Métodos
- Rutas
- JSON Server
- Práctica de Vue
-
[VUEX]
- ¿Qué es VUEX?
- Patrón de manejo de estado
- Setup
- Estado / State
- Getters
- Mutaciones
- Acciones
- Módulos
- Práctica VUEX
-
[Angular]
- ¿Qué es Angular?
- Prerequisitos y setup
- Componentes
- Plantillas
- Inyección de dependencias
- Angular CLI
- Aplicación de ejemplo
- Práctica de Angular
- Despliegue de aplicación
-
[Azure]
- Azure Static Web App
- Setup
- Github Actions
- Mantenimiento de tu aplicación