Giter Club home page Giter Club logo

frontend-mision's Introduction

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!

frontend-mision's People

Contributors

andreavillavicencio28 avatar juanrodiles avatar romarpla avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.