---
# System prepended metadata

title: Planeación

---

# Planeación

## HTML
### Temario
    1. Estructura básica
    2. Titulos
    3. Div
    4. Listas
    5. Imagenes
    6. Forms
    7. Inputs, botones
    8. Etiquetas especiales (a, hr, nav)
    9. Tablas
    10. head
    11. footer
    
### Cronograma
- Sesión 1. Catedra: Estructura básica
- Sesión 2. Catedra: Titulos (h1,h2,h3...) y Div
- Sesión 3. Catedra: Listas (ol, ul) e imagenes
- Sesión 4. Built-in: Primera página html
- Sesión 5. Forms, inputs, botones
- Sesión 6. Etiquetas especiales, introducción a tablas
- Sesión 7. Tablas
- Sesión 8. Built-yourself: Tabla con datos de compañeros
- Sesión 9. Head y footer


## CSS
    1. Sintaxis CSS
    2. Agregar CSS en HTML
    3. Selectores
    4. Colores
    5. Background
    6. Bordes, Márgenes, Relleno (Border, Margin, Padding)
    7. Overflow
    8. Altura, anchura
    9. Posición
    10. Unidades
    11. Gradientes
    12. Sombras
    13. Alineación de Texto
    14. Flex
    15. Grid con flex (Wrap, Flow)
    16. Box Model
    17. Media query
    18. Material Design
    19. Sass
    
- Sesión 1: Sintaxis CSS y CSS en HTML
- Sesión 2: Selectores
- Sesión 3: Colores y background
- Sesión 4: Bordes, Márgenes, Relleno (Border, Margin, Padding)
- Sesión 5: Overflow, altura y anchura
- Sesión 6: Built-in: Creando cards
- Sesión 7: Posición, unidades
- Sesión 8: Gradientes, sombras y alineación texto
- Sesión 9: Flex
- Sesión 10: Grid
- Sesión 11: Box model
- Sesión 12: Built-in: Design e-commerce
- Sesión 13: Media query e introducción material design
- Sesión 14: Material design
- Sesión 15: Build-yourself: Componentes material-design
- Sesión 16: Sass

## Javascript
### Temario
    1. Sintaxis
    2. Diferencia entre var, const y let
    3. Entendiendo variables (números, strings, null, undefined)
    4. Concatenación de strings y template string 
    5. Operaciones aritméticas
    6. Operaciones Matemáticas complementarias
    7. JSON y arreglos
    8. Identificar tipo de dato (typeof)
    9. Operadores de comparación
    10. Sentencia if
    11. Operadores relacionaes
    12. Operadores lógicos
    13. Sentencia else
    14. Sentencia else if
    15. switch
    16. For
    17. For in
    18. For of
    19. While
    20. ¿Qué es una función?
    21. Scope de variables
    22. DOM
    23. setTimeout  
    24. SetInterval
    25. Métodos HTTP (GET, POST, PUT, DELETE)
    26. Async
    27. Await
    28. Promises
    29. Fetch
    
### Planeación
- Sesión 1: Sintaxis y let, var, const, tipos de variables
- Sesión 2: Concatenación, template string y operaciones aritméticas
- Sesión 3: JSON y arreglos, identificar tipo de datos
- Sesión 4: Build-in: Crear listas HTML con arreglos.
- Sesión 5 Problemas matematicos
- Seccion 6 Calculadora simple con Class Math
- Sesión 7 Crear un arreglo de datos de personas(JSON)
- Sesión 8 Un dato de cada tipo
- Sesión 9 Cmparar diferentes Sentencias y datos
- Sesión 10 Build-in: Mostrar cosas dependiendo si son verdaderas o no 
- Sesión 11 Cambio de valores 
- Sesión 12 Comprobacion de compuertas logicas
- Sesión 13 Ejemplos dinamicos
- Sesión 14  Build-in: Mostrar mensajes dependiendo el resultado (numeros primero )
- Sesión 15 :build in menu de opciones
- Sesión 16 : Recorrer un arreglo por los 3 metodos for,while,for in 
- Sesión 17: Creacion de funciones de mensaje y  operaciones matematicas
- Sesion 18 : build-in: crear una  lista con los  numero de un arreglo
- Seccion 19: Obtener valores del DOM
- Seccion 20: Alterar valores en el DOM
- Seccion 21: Eventos en el DOM
- Seccion 22: Build- in: Calculadora con el DOM

- Seccion 23: Buil-in: Crear un contador automatico y un mensaje hasta que ese mensaje llegue a cierto numero (setInterval setTimeout)
- Sesión 24: Demostracion de los 4 http metodos
- Sesión 25: Uso de promesas 
- Sesión 26: Build-in: consumienda una API crear una interfaz de usuario usando el DOM 