Skip to content

IsaiCeSa/FrontEnd-Mision

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Frontend Image


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!

About

FrontEnd practices repository

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 90.2%
  • CSS 9.8%