Giter VIP home page Giter VIP logo

misionfrontend'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. 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! "# cursoFrontEnd"

misionfrontend's People

Contributors

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