Introducción al Curso
  • El Proyecto Final
  • Los Otros 7 PROYECTOS
  • Los Archivos Photoshop
  • El código del Curso
  • Imágenes para el Curso
Básicos de Bootstrap: Primeros Pasos
  • Primeros pasos con el Grid
  • Otras clases para el Grid
  • Clases para Tipografía
  • Otras clases para Tipografía
  • Clases para imágenes
  • Trabajando con Tablas
  • Creando Botones con Bootstrap
  • Componentes en Bootstrap: Card
  • Componentes en Bootstrap: Carousel
  • Agregando contenido extra al Carousel
  • Agregando texto al Carousel
  • Componentes en Bootstrap: Collapse o Accordion
  • Componentes en Bootstrap: Modals
  • Componentes en Bootstrap: Menus
  • Componentes en Bootstrap: ScrollSpy
  • Componentes en Bootstrap: ToolTip
  • Componentes en Bootstrap: Dropdown
  • Componentes en Bootstrap: Jumbotron
  • Masonry con Cards
  • Bootstrap: Margins y Paddings
PROYECTO: Comenzando el Proyecto y página de Inicio
  • Descargando el Template para Iniciar con Bootstrap
  • Agregando el Logotipo
  • Creando el Menú de Redes Sociales
  • Creando el Menú Principal
  • Creando un Menú responsive
  • Estilos a la navegación principal
  • Creando el Slider Principal
  • Finalizando el Slider
  • Agregando una fuente de Google Fonts
  • Creando la sección del nuevo sitio
  • Estilos a la sección de nuevo sitio
  • Creando la sección de servicios
  • Estilos a los servicios
  • Finalizando los estilos
  • Creando la sección de Horarios
  • Estilos a los horarios
  • Creando la sección de Productos
  • Estilos a los Productos
  • Trabajando con la sección de Citas
  • Estilos a la sección de Citas
  • Creando el Footer
Creando las secciones Internas - Nosotros
  • Creando un Template para las páginas Internas
  • Creando la imagen principal
  • Creando la página de nosotros
  • Creando una Galería de imágenes
  • Imprimiendo los horarios de atención
Creando la sección de Servicios
  • Creando un accordion de servicios
  • Estilos a la sección de servicios
  • Creando el sidebar de servicios
  • Estilos al cupón de descuento
Creando la sección de Productos
  • Creando la página de productos
  • Mostrando los productos con Masonry
  • Creando la sección para un producto
Creando la sección de Contacto
  • Creando la página de Contacto
  • Validación al Formulario con Bootstrap
  • Estilos al Formulario
Agregando PHP + MySQL a nuestro sitio
  • Ambientes de Desarrollo necesarios y moviendo el Proyecto
  • Creando los Templates de Header, Navegación y Footer
  • Agregando el Footer a todas las páginas
  • Creando una base de datos con phpmyadmin
  • Insertando registros a la base de datos
  • Conectando la base de datos con nuestra página web
  • Creando una función para consultar la base de datos
  • Imprimiendo los resultados
  • Mostrando los Productos en la sección de Productos
  • Filtrando las URL's
  • Creando una función para mostrar un solo producto
  • Mostrando la información de un solo producto en su template
  • Creando una página 404
  • Creando un template para las citas e imprimiendo titulos diferentes en páginas
  • Mostrando la página actual
  • Cachear las consultas MySQL y páginas PHP
Enviando correos desde el formulario de Contacto
  • Iniciando el llamado a Ajax
  • Leyendo los valores con JavaScript y enviandolos a ajax
Creando un Tema de WordPress a partir de nuestro diseño
  • Creando un Proyecto con Local de Flywheel
  • Creando nuestro theme
Tema de WordPress: Trabajando con el Header
  • Cargando la hoja de estilo principal
  • Agregando el resto de hojas de estilos
  • Mostrando el Logotipo
  • Creando el Menu de Redes Sociales
  • Imprimiendo el Menú de Redes Sociales
  • Imprimiendo el Menú Principal
  • Agregando los atributos necesarios para el menú principal
Tema de WordPress: Trabajando con el Footer