Máster en Front-End: Bootstrap4, Flexbox, CSSGrid, WordPress

Contenido del curso
Bienvenida
Material de apoyo e inquietudes
Contáctame
Editor de código y plugins
¿Qués es el desarrollo Front-End?
Fundamentos de HTML5
Fundamentos de CSS3
Fundamentos de Javascript
Fundamentos de jQuery
¿Qué es Bootstrap?
Instalación de Bootstrap 4
Sistema de Rejillas
Las Clases CSS de Bootstrap 4 - Parte 1
Las Clases CSS de Bootstrap 4 - Parte 2
Diviértete con Bootstrap 4
Aterrizando conceptos de Bootstrap 4
Organizando el proyecto
Vinculando Bootstrap 4 al proyecto
Optimizando las imágenes del proyecto
Agregando las fuentes
Maquetando la cabecera - Parte 1
Maquetando la cabecera - Parte 2
Maquetando la cabecera - Parte 3
Aplicando ajustes responsivos al cabezote - Parte 1
Aplicando ajustes responsivos al cabezote - Parte 2
Maquetando el Banner
Aplicando efectos Parallax al Banner
Maquetando el Menú
Maquetando el "Grid" de Categorías
Ajuste responsivo al "Grid" de Categorías
Animando el "Grid" de Categorías
Maquetando los artículos del inicio - Parte 1
Maquetando los artículos del inicio - Parte 2
Agregando la paginación a los artículos titulares
Maquetando el footer - Parte 1
Maquetando el footer - Parte 2
Agregando el buscador
Agregando efectos con el scroll
Agregando el preload - Parte 1
Agregando el preload - Parte 2
Ajuste al preload
Banner para la página de Categorías
Agregando el BreadCrumb
Maquetando la página de Artículos - Parte 1
Maquetando la página de Artículos - Parte 2
Deslizador de artículos relacionados
Agregando el formulario de opiniones
Comprimiendo los archivos CSS y JS
Sitio estático vs sitio dinámico
¿Qué es WordPress?
Servidor local
Instalando WordPress
Conociendo la interfaz de WordPress
Configurando los primeros ajustes de WordPress
Migrando nuestra plantilla a WordPress
Estructura de una plantilla para WordPress
Modularizando nuestra plantilla - parte 1
Modularizando nuestra plantilla - parte 2
Vinculando archivos externos CSS y Javascript
Agregando el menú dinámico
Agregando artículos al Blog
El loop de WordPress
Configurando la paginación y el breadcrumb
Configurando botones de compartir en redes
Configurando el deslizador de artículos
Configurando la sección de comentarios - parte 1
Configurando la sección de comentarios - parte 2
Configurando la sección de comentarios - parte 3
Agregando Widgets - parte 1
Agregando Widgets - parte 2
Agregando posts al Sidebar
Creando páginas internas en WordPress
Logotipo dinámico
Redes sociales dinámicas
Configurando el buscador del sitio - parte 1
Configurando el buscador del sitio - parte 2
Banner dinámico - parte 1
Banner dinámico - parte 2
Grid de categorías dinámico - parte 1
Grid de categorías dinámico - parte 2
Cargar más artículos con el scroll en móviles
Registro de usuarios para el newletter
Subir la página a un hosting
Organizando el proyecto - Reservas de Hotel
Optimizando las imágenes del proyecto
Agregando las fuentes del proyecto
Vinculando Bootstrap 4 al proyecto
CSS GRID
Aplicando CSS GRID al proyecto - parte 1
Aplicando CSS GRID al proyecto - parte 2
Finalizando el bloque "Header"
Plugin Data Picker
Modal de ingreso y registro
Efecto Toggle Botón Idiomas
Maquetando el Menú
Scroll UP y Efectos Easing
Bloque "Header" para pantallas pequeñas
Creando el Slide
Finalizando el módulo de Planes
Finalizando el módulo de Planes para pantallas pequeñas
Finalizando el módulo de Habitaciones
Finalizando el módulo de "Recorrido por el pueblo"
Finalizando el módulo de Restaurante - parte 1
Finalizando el módulo de Restaurante - parte 2
FInalizando el módulo "Footer"
Página de Habitaciones - parte 1
Página de Habitaciones - parte 2
Página de Habitaciones - parte 3
Página de Reservas - parte 1
Página de Reservas - parte 2
Página de Perfil - parte 1
Página de Perfil - parte 2
Fundamentos de PHP
¿Qué es el patrón MVC?
Módulo Apache y MySQL
Adaptando la plantilla al patrón MVC
Modularizando la plantilla - parte 1
Modularizando la plantilla - parte 2
Variables GET
Url's Amigables
Organizando el proyecto - Ventas por suscripción
Construyendo el Header
Hero Image - Cinemagraph
Construyendo la sección de Cursos
Construyendo la sección de Nosotros
Construyendo la sección de Testimonios
Construyendo la sección de Planes
Construyendo la sección FAQ
Construyendo el Footer
Configurando animación al Scroll
Plugin Preloader
Construyendo la página de Ingreso
Construyendo la página de Registro
¿Qué es Angular?
Recursos para trabajar con Angular
Creando nuestra aplicación de Angular
Adaptando la plantilla a Angular
Instalando los componentes para los bloques
Instalando los componentes para las páginas
Creación de rutas
Despedida