CURSO DE DISEÑO Y DESARROLLO WEB

TEMARIO

1. CAP. 1 – INTRODUCCIÓN
1.1. Conceptos Básicos
1.1.1. Hosting
1.1.2. Dominio
1.1.3. DNS
1.1.4. Sitios Web
1.2. Diseño del boceto de una Página Web
1.2.1. Iniciando nuestro Portafolio
1.2.2. Creando el encabezado
1.2.3. Creando la sección de trabajos
1.2.4. Creando la sección de contacto
1.2.5. Creando el pie de página

2. CAP. 2 – HTML5
2.1. Herramientas y Editores que utilizaremos
2.2. Estructura básica de un sitio web
2.3. Encabezados H
2.4. Párrafos de texto
2.5. Etiquetas de texto
2.6. Enlaces
2.7. Listas
2.8. Imágenes
2.9. Tablas
2.10. Formularios
2.11. Tipos de Input
2.12. Etiquetas para citas de Texto
2.13. Etiquetas Meta
2.14. Atributos Class & ID
2.15. Audio
2.16. Video
2.17. Imágenes SVG
2.18. Etiquetas de Maqueteado
2.19. Diferencias entre Div, Article y Section
2.20. Etiqueta iframe y span
2.21. Etiqueta script y noscriot
2.22. Incrustando Videos de Vimeo y Youtube
2.23. Agregando Iconos a la página (favicon)
2.24. Proyecto 1 (Creando un Layout en Html5)
2.24.1. Header
2.24.2. Contenido
2.24.3. Sidebar
2.24.4. Footer
3. CAP. 3 – CSS3
3.1. Introducción
3.2. Nuestros primeros estilos en CSS
3.3. Selectores
3.4. Selectores Avanzados
3.5. Fondos
3.6. Enlaces
3.7. Textos y Tipografía
3.8. Unidades de Medida
3.9. Unidades de Color
3.10. Modelo de Caja
3.11. Tipos de Elementos
3.12. Práctica 1 (Diseñando botones con CSS)
3.13. Posicionamientos de Cajas
3.14. Posicionamientos Flotante
3.15. Visualización
3.16. Práctica 2 (Galería de Imágenes)
3.17. Sombras
3.18. Bordes y Bordes Redondeados
3.19. Pseudo – Clases
3.20. Pseudo – Elementos
3.21. Listas
3.22. Práctica 3 (Diseñando un Menú de Navegación Horizontal)
3.23. Tablas
3.24. Práctica 4 (Diseñando un Formulario de Contacto)
3.25. Animación
3.26. Como utilizar fuentes personalizadas
3.27. Práctica 5 (Diseñando una Plantilla con Float)
3.28. Proyecto 1 (Aplicando Css3 a nuestro Layout hecho en Html5)

4. CAP. 4 – RESPONSIVE WEB DESIGN

4.1. ¿Qué es el sitio adaptable?
4.2. El Meta Viewport
4.3. Adaptando nuestro contenido automáticamente
4.4. Mediaqueries

5. CAP. 5 – FLEXBOX
5.1. Propiedades para Elementos Padre
5.2. Estilos al Header
5.3. Estilos al Main
5.4. Estilos al Aside
5.5. Estilos al Footer
5.6. Práctica 1 (Diseñando un página con Flexbox – Estructura Html5)
6. CAP. 6 – PROYECTO – DISEÑANDO UN PORTAFOLIO DE TRABAJO

7. CAP. 7 – SASS
7.1. Introducción
7.2. Instalando SASS
7.3. Instalando Soporte para SASS en Sublime Text
7.4. Como escribir código Css utilizando SASS
7.5. Cómo complicar nuestro código
7.6. Cómo compilar SASS utilizando NodeJS y NPM
7.7. Variables
7.8. Anidación de Selectores
7.9. Organizando nuestro proyecto en varios archivos (Parciales,
@import)
7.10. Mixins y Funciones
7.11. Clases Extendidas
7.12. Práctica 1 – Convirtiendo nuestro Layout a SASS

8. CAP. 8 – JAVASCRIPT
8.1. Introducción
8.2. Variables
8.3. Tipos de Datos
8.4. Operadores
8.5. Arreglos
8.6. Métodos y Propiedades para los arreglos
8.7. Condicionales
8.8. Ciclo For
8.9. Ciclo While
8.10. Sentencia Break y Continue
8.11. Funciones
8.12. Práctica 1 – Trabajando con Funciones y Formularios
8.13. Scope de Javascript
8.14. Métodos y Propiedades para Cadenas de Texto
8.15. Introducción al DOM
8.16. Agregando Nodos al DOM
8.17. Modificando, Reemplazando y Eliminando Nodos del DOM
8.18. Eventos del DOM
8.19. Palabras Reservadas This
8.20. Formularios
8.21. Práctica 2 – Creando un Formulario (Html5, Css3 y JS)
8.22. Formularios Avanzados con JavaScript y Expresiones Regulares
8.23. Timming, Timers, Timeout e Interval
8.24. Trabajando con Fechas y Tiempo
8.25. Hoisting
8.26. Objetos en JavaScript
8.27. Html5 Audio API/Video DOM y JS
8.28. Práctica 3 – Creando un reproductor de video personalizado
8.29. Local Storage
9. CAP. 9 – WORDPRESS
9.1. Instalación de WordPress
9.2. Entendiendo la Interfaz de WordPress
9.3. Agregar Artículos
9.4. Creación de Páginas
9.5. Maquetador Elementor
9.6. Insertando Imágenes, Video, Audio, Documento PDF
9.7. Menús y Personalización
9.8. Plugins
9.9. Widgets
9.10. Proyecto – Creación de un Sitio Web

10. CAP. 10 – PUBLICANDO NUESTROS SITIO WEB

10.1. Qué se necesitar para publicar una página web en Internet
10.2. Hosting
10.3. Dominio
10.4. Subir archivos a nuestro Hosting

11. CAP. 11 – PRESENTACIÓN DEL PROYECTO FINAL