Certificación Experto en Diseño y Desarrollo Web

MÓDULO I Fundamentos en JavaScript

• Presentación Módulo I
• Code Sandbox IO
• Creando Primer Sandbox
• Invocando JSen HTML
• Comentarios en JavaScript
• Características de JavaScript
• Variables y funciones
• Limpiando consola
• Ámbito Variables
• EcmaScript
• Constantes
• Tipos primitivos
• Tipos complejos
• MDN
• Cadenas de texto
• Números
• Booleans
• Null Undefined
• Arreglos
• Objetos
• Funciones parámetros
• Funciones retornos
• Funciones declaradas expresadas
• Funciones flecha
• Concatenación
• Template Strings
• Tipos operadores
• Operadores aritméticos
• Operadores relacionales
• Operadores tipo datos
• Operadores lógicos
• Operadores incremento decremento
• Estructuras control
• IfElse
• Ifs Anidados
• Swhitch Case
• Operador ternario
• For
• While
• Ejercicios lógica programación
• Factorial
• Palindromo
• Número aleatorio
• Números pares impares
• Reloj Digital
• Despedida

MÓDULO II JavaScript para la web (DOM)

• Presentación Módulo II
• Herramientas curso
• Introducción DOM
• Elementos documento HTML
• Otras etiquetas
• Accediendo Elementos HTML
• Accediendo Atributos HTML
• Modificar Atributos HTML
• Validando Eliminando Agregando Atributos
• Data Attributes
• Nomenclatura variables DOM
• Accediendo Atributo Class
• Agregando Eliminando Clases
• Intercambiando Evaluando Clases
• Estilos CSS con JS
• Recorriendo DOM
• Insertar texto HTML
• Creando Elementos
• Insert Adjacent Element
• Insert Adjacent Text
• Insert Adjacent HTML
• Eventos
• Eventos Varios Elementos
• Metodo Prevent Default
• Ejercicios
• Reloj Digital
• Dark Mode
• Menú Hamburguesa
• Despedida

MÓDULO III JavaSpcript Asincronico (AJAX)

• Presentación Módulo III
• Herramientas curso
• AJAX Servidor
• Conocimientos previos para AJAX
• Temporizadores
• Cancelando Temporizadores
• Código Sincrono
• Código Asincrono
• Introducción AJAX
• Introducción JSON
• Introducción APIs Rest
• Objeto XML Http Request
• Ready Stete Status
• Response HTML
• Manejo errores AJAX
• Practicando AJAX
• Agregando Loader
• Introducción API Fetch
• Primeros pasos Fetch
• Validando Fetch
• Imprimiendo Fetch
• Practicando Fetch
• Despedida

MÓDULO IV Programación Serveless con Firebase

• Presentación Módulo IV
• Herramientas curso
• Introducción Serveless
• Introducción Firebase
• Creando Proyecto Firebase
• Configurando App
• Configuración Real Time DB
• Manipulación Real Time DB
• Insertando Datos Set Push
• CRUD Etiquetado HTML
• CRUD Create
• CRUD Read I
• CRUD Read II
• CRUD Delegación Eventos
• CRUD Update
• CRUD Delete
• Servicio Autentificación
• Autentificación correo
• Detección Autentificación
• Registro Email
• Abrir Cerrar sesión correo
• Autentificación Google
• Abrir Cerrar sesión Google
• Servicio Almacenamiento
• Subiendo Archivos I
• Subiendo Archivos II
• Loader Archivos
• Despedida

MÓDULO V Programando un sitio dinámico con JavaScript

• Presentación Módulo V
• Mostrando el Proyecto
• Herramientas curso
• Creando Archivos Proyecto
• Configuración Firebase
• Marcado HTML Dashboard
• Maquetado CSS Dashboard
• División Código JS
• Declarando variables Firebase
• Declarando variables DOM
• Estado Auth Firebase
• Iniciar Cerrar sesión Firebase
• Programación Formulario Dashboard
• Creando registros DB Firebase
• Creando Función Mensajes
• Validando Input File
• Subir Imágenes Storage
• Vinculación Storage Realtime DB
• Función Obtener Datos DB
• Renderizando Datos DB
• Refactorizando Funciones Read
• Programación Botones Editar
• Operación Update DB
• Eliminando Foto Anterior
• Operación Delete BD
• Parte Pública Proyecto
• Maquetando Parte Pública
• Despedida

MODULO VI Fundamentos de HTML

• Presentación Módulo VI
• Herramientas curso
• Introducción HTML
• Etiquetas HTML
• Comentarios HTML
• Estructura básica
• Encabezados HTML
• Etiquetas texto
• Enlaces
• Estilos CSS
• Imágenes
• Semántica HTML
• Etiquetas Bloquea Línea
• Listas
• Tablas
• Formularios
• Envío Formulario
• Embeds
• Otras Etiquetas
• Despedida

MODULO VII Fundamentos de CSS

• Presentación Módulo VII
• Herramientas Curso
• Introducción CSS
• Sintaxis Invocación CSS
• Comentarios CSS
• Selectores Etiquetas
• Selectores LDS
• Selectores Clases
• Selectores Atributos
• Selectores Hermanos
• Selectores Hijos
• Selector Universal
• Pseudo Clases Elementos
• Modelo Caja Bordes
• Margins Paddings
• Tamaño Caja
• Elementos Línea Bloque
• Posicionamiento 1
• Posicionamiento 2
• Overflow
• Unidades Medida
• Colores
• Fondos
• Tipografías
• Más Propiedades
• Despedida

MODULO VIII Maquetación Web

• Presentación Módulo VIII
• Herramientas Curso
• Bases Maquetación
• Introducción Flexbox
• Aplicando Flexbox
• Dirección Flexbox
• Envoltura Flexbox
• Alineación Eje Principal
• Alineación Eje Transversal
• Orden Alineación Hijos Flexbox
• Introducción Grid
• Terminología Grid
• Aplicando Grid
• Orden en la Grid
• Posicionamiento Grid Lines
• Posicionamiento Grid Areas
• Responsive Web Design
• Media Queries
• Cards Flexbox
• Hero Image Flexbox
• Menú Flexbox
• Split Layout Flexbox
• Holi Grail Layout Grid Lines
• Holi Grail Layout Grid Areas
• Grid Overlay
• Despedida

MODULO IX Diseñando una Landing Page

• Presentación Módulo IX
• Herramientas Curso
• Mostrando el Proyecto
• Agregando Assets
• Google Fonts Awesome
• Favicon
• Variables CSS
• Variables CSS Proyecto
• Reseteo General
• Marcado HTML Cabecera
• Arquitectura CSS
• Maquetado Cabecera Móvil
• Maquetando Menú Móvil
• Maquetado Cabecera Escritorio
• Maquetado Hero Image Inicio
• Marcado Acerca
• Maquetado Acerca
• Maquetado Footer
• Marcado Servicios
• Maquetado Servicios
• Marcado Portafolio
• Maquetado Portafolio
• Marcado Contacto
• Maquetado Contacto
• Envío Formulario
• Despedida

MODULO X Diseño Web con Bootstrap

• Presentación Módulo X
• Herramientas Curso
• Introducción Frameworks
• Comenzando Bootstrap
• Aprendiendo Leer Documentación
• Tour Sitio Bootstrap
• Maquetación Bootstrap
• Responsive Bootstrap
• Utilities
• Components
• Comenzando Proyecto
• Personalización Proyecto
• Cabecera Barra Navegación
• Personalización Cabecera Móvil
• Personalización Menú Móvil
• Personalización Menú Escritorio
• Footer
• Sección Inicio
• Diseñando Partes Comunes
• Sección Acerca 1
• Sección Acerca 2
• Sección Servicios
• Sección Portafolio
• Sección Contacto 1
• Sección Contacto 2
• Envío Formulario
• Validando Envío
• Despedida