# 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