Introducción
  • 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
Bootstrap 4
  • ¿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
Arquitectura Front-End para el sitio web - Blog del viajero
  • 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
Adaptar plantillas HTML para Wordpress
  • 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
Arquitectura Front-End para el sitio web - Reservas de Hotel
  • 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ú