FrontEnd-Mision

Bienvenidos Explorers!

Estas entrando en tu misión de FrontEnd!

En esta misión veremos la mágia de cómo funcionan las aplicaciones y es tu introducción a la programación Web en su camino a convertirse en programadores FullStack.

Organización de MISIÓN FRONTEND

El curso tiene 8 módulos que tienen dentro varios subtemas que iremos viendo conforme avance el curso

1. 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

2. 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

3. 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

4. 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

5. 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

6. VUEX

   • ¿Qué es VUEX?
   • Patrón de manejo de estado
   • Setup
   • Estado / State
   • Getters
   • Mutaciones
   • Acciones
   • Módulos
   • Práctica VUEX

7. 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

8. Azure

   • Azure Static Web App
   • Setup
   • Github Actions
   • Mantenimiento de tu aplicación

Las diferentes ligas se irán desbloqueando durante el curso conforme pasen las semanas para que no se me adelanten

Vámonos hasta el espacio y más allá Explorers!