Módulo 1: Introducción al curso 6
- Clase1.1
  
  Descarga de archivos que usaremos en este curso
  01 min
- Clase1.2
  
  Requisitos 1 (Programas necesario)
  08 min
- Clase1.3
  
  Requisitos 2 (Extensiones para VS Code)
  13 min
- Clase1.4
  
  Creando la estructura de nuestro sitio Web
  05 min
- Clase1.5
  
  Integrando Bootstrap en nuestro proyecto
  13 min
- Clase1.6
  
  Integrando y personalizando Font Awesome 5
  08 min
Módulo 2: Explorando el componente "Forms" 33
- Clase2.1
  
  Introducción al Componente Forms
  10 min
- Clase2.2
  
  Aclarando conceptos sobre formularios (Parte 1)
  12 min
- Clase2.3
  
  Aclarando conceptos sobre formularios (Parte 2)
  07 min
- Clase2.4
  
  Regla 1: Todos los campos tiene que tener la clase “.form-control”
  04 min
- Clase2.5
  
  Regla 2: Agrupamos los campos dentro de una clase “.form-group”
  05 min
- Clase2.6
  
  Regla 3: Tamaño de los campos con “form-control-lg” y “form-control-sm”
  02 min
- Clase2.7
  
  Regla 4: Tamaño de los Label con “.col-form-label-sm” y “.col-form-label-lg”
  03 min
- Clase2.8
  
  Regla 5: Creamos texto de ayuda a nuestros campos con al clase “.form-text”
  03 min
- Clase2.9
  
  Ejercicio 1 – Creando un formulario de login (parte 1)
  10 min
- Clase2.10
  
  Ejercicio 1 – Creando un formulario de login (parte 2)
  14 min
- Clase2.11
  
  Regla 6: Encerramos los botones de opción en una clase .form-check
  09 min
- Clase2.12
  
  Regla 7: Encerramos las casillas de verificación en una clase .form-check
  03 min
- Clase2.13
  
  Regla 8: Creamos Checkboxs y Radios en linea con la clase .form-check-inline
  03 min
- Clase2.14
  
  Regla 9: Creamos diseños avanzados para los campos con INPUT GROUP (parte 1)
  08 min
- Clase2.15
  
  Regla 9: Creamos diseños avanzados para los campos con INPUT GROUP (parte 2)
  06 min
- Clase2.16
  
  Ejercicio 2 – Creando una caja de búsqueda
  09 min
- Clase2.17
  
  Ejercicio 3 – Formulario de contacto (parte 1)
  10 min
- Clase2.18
  
  Ejercicio 3 – Formulario de contacto (parte 2)
  14 min
- Clase2.19
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 1)
  10 min
- Clase2.20
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 2)
  14 min
- Clase2.21
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 3)
  08 min
- Clase2.22
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 4)
  10 min
- Clase2.23
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 5)
  10 min
- Clase2.24
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 6)
  06 min
- Clase2.25
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 7)
- Clase2.26
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 8)
  11 min
- Clase2.27
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 9)
  13 min
- Clase2.28
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 10)
  10 min
- Clase2.29
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 11)
  04 min
- Clase2.30
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 12)
  10 min
- Clase2.31
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 13)
  09 min
- Clase2.32
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 14)
  09 min
- Clase2.33
  
  Regla 10 – Podemos crear 3 diseños de formularios (parte 15)
  06 min
Módulo 3: Creando el Encabezado Responsive 25
- Clase3.1
  
  Definiendo variables y tipografía del sitio (Parte 1)
  11 min
- Clase3.2
  
  Definiendo variables y tipografía del sitio (Parte 2)
  06 min
- Clase3.3
  
  Definiendo estilos para Primary y Secondary
  10 min
- Clase3.4
  
  Creando la estructura HTML básica de la sección
  09 min
- Clase3.5
  
  Creando la estructura para los botones de redes sociales
  09 min
- Clase3.6
  
  Creando los estilos para los botones de redes sociales
  11 min
- Clase3.7
  
  Creando el diseño para pantallas de mayor tamaño
  07 min
- Clase3.8
  
  Colocando el logo y telefonos responsives (parte 1)
  12 min
- Clase3.9
  
  Colocando el logo y telefonos responsives (parte 2)
  07 min
- Clase3.10
  
  Creando la estructura del menú de navegación
  12 min
- Clase3.11
  
  Creando el boton móvil
  12 min
- Clase3.12
  
  Personalizando el boton móvil
  08 min
- Clase3.13
  
  Creando los enlaces del menú
  06 min
- Clase3.14
  
  Creando estilos a los enlaces del menu principal (Parte 1)
  11 min
- Clase3.15
  
  Creando estilos a los enlaces del menu principal (Parte 2)
  11 min
- Clase3.16
  
  Creando estilos a los enlaces del menu principal (Parte 3)
  11 min
- Clase3.17
  
  Trabajando con la clase BTN
  07 min
- Clase3.18
  
  Personalizando la clase btn-primary (Parte 1)
  11 min
- Clase3.19
  
  Personalizando la clase btn-primary (Parte 2)
  06 min
- Clase3.20
  
  Personalizando la clase btn-primary (Parte 3)
  05 min
- Clase3.21
  
  Personalizando la clase btn-primary (Parte 4)
  10 min
- Clase3.22
  
  Personalizando la clase btn-primary (Parte 5)
  07 min
- Clase3.23
  
  Insertando funciones JAVASCRIPT al menú (Parte 1)
  10 min
- Clase3.24
  
  Insertando funciones JAVASCRIPT al menú (Parte 2)
  04 min
- Clase3.25
  
  Insertando funciones JAVASCRIPT al menú (Parte 3)
  15 min
Módulo 4: Creando el Slide de imágenes con Swipe 12
- Clase4.1
  
  Introducción a Swipe
  09 min
- Clase4.2
  
  Instalación de Swipe (Parte 1)
  08 min
- Clase4.3
  
  Instalación de Swipe (Parte 2)
  09 min
- Clase4.4
  
  Creando la estructura de la animación (Parte 1)
  08 min
- Clase4.5
  
  Creando la estructura de la animación (Parte 2)
  10 min
- Clase4.6
  
  Estilos CSS iniciales para los Slides
  09 min
- Clase4.7
  
  Configuración los parámetros de Swipe (Parte 1)
  12 min
- Clase4.8
  
  Configuración los parámetros de Swipe (Parte 2)
  08 min
- Clase4.9
  
  Configuración los parámetros de Swipe (Parte 3)
  08 min
- Clase4.10
  
  Personalizando la apariencia de Swipe (Parte 1)
  11 min
- Clase4.11
  
  Personalizando la apariencia de Swipe (Parte 2)
  04 min
- Clase4.12
  
  Optimizando Swipe para diferentes tamaños de pantallas
  12 min
Módulo 5: Creando la sección "Bienvenidos" 12
- Clase5.1
  
  Implementando el sistema de columnas (Parte 1)
  09 min
- Clase5.2
  
  Implementando el sistema de columnas (Parte 2)
  09 min
- Clase5.3
  
  Optimizando la sección en diferentes tamaños de pantallas
  07 min
- Clase5.4
  
  Estilizando el boton play del reproductor (Parte 1)
  09 min
- Clase5.5
  
  Estilizando el boton play del reproductor (Parte 2)
  08 min
- Clase5.6
  
  Estilizando el boton play del reproductor (Parte 3)
  07 min
- Clase5.7
  
  Estilizando el boton play del reproductor (Parte 4)
  14 min
- Clase5.8
  
  ¿Que es VenoBox?
  08 min
- Clase5.9
  
  Descarga e Instalación de VenoBox
  07 min
- Clase5.10
  
  Inicializando VenoBox
  03 min
- Clase5.11
  
  Definiendo parámetros en VenoBox (Parte 1)
  08 min
- Clase5.12
  
  Definiendo parámetros en VenoBox (Parte 2)
  13 min
Módulo 6: Creando la sección "Te ayudamos" 7
- Clase6.1
  
  Creando la estructura del al sección
  10 min
- Clase6.2
  
  Descarga e instalación de Jarallax
  04 min
- Clase6.3
  
  Definiendo el tipo de imagen
  06 min
- Clase6.4
  
  Cargando múltiples imágenes con PICTURE
  12 min
- Clase6.5
  
  Configurando los parametros de Jarallax
  09 min
- Clase6.6
  
  Rotando el diseño con Skew
  12 min
- Clase6.7
  
  Instalando el polyfill PICTUREFILL
  06 min
Módulo 7: Creando la sección "Premios" 6
- Clase7.1
  
  Creando la estructura responsive de la sección
  12 min
- Clase7.2
  
  Creando el diseño de la sección
  11 min
- Clase7.3
  
  Creando estilos CSS para el borde inferior
  05 min
- Clase7.4
  
  Creando estilos CSS para el borde inferior (HOVER)
  08 min
- Clase7.5
  
  Descargando e instalando “CounterUp.js”
  06 min
- Clase7.6
  
  Configurando el script “CounterUp.js”
  10 min
Módulo 8: Creando la sección "Nuestra APP" 4
- Clase8.1
  
  Creando la estructura HTML básica de la sección
  11 min
- Clase8.2
  
  Modificando la alineación de las columnas
  05 min
- Clase8.3
  
  Implementando el efecto parallax
  09 min
- Clase8.4
  
  Agregando estilos CSS a la sección
  05 min
Módulo 9: Creación de la sección "Contáctanos" 31
- Clase9.1
  
  Analizando la estructura del contenido
  09 min
- Clase9.2
  
  Creando el encabezado de la sección (Parte 1)
  07 min
- Clase9.3
  
  Creando el encabezado de la sección (Parte 2)
  10 min
- Clase9.4
  
  Creando el encabezado de la sección (Parte 3)
  06 min
- Clase9.5
  
  Creando la sección detalles de contacto (parte 1)
  09 min
- Clase9.6
  
  Creando la sección detalles de contacto (parte 2)
  09 min
- Clase9.7
  
  Creando la sección detalles de contacto (parte 3)
  06 min
- Clase9.8
  
  Creando los campos del formulario (parte 1)
  10 min
- Clase9.9
  
  Creando los campos del formulario (parte 2)
  09 min
- Clase9.10
  
  Creando los campos del formulario (parte 3)
  08 min
- Clase9.11
  
  Creando los campos del formulario (parte 4)
  08 min
- Clase9.12
  
  Creando el campo enviar
  10 min
- Clase9.13
  
  Creando el selector de fecha con Datepicker (Parte 1)
  10 min
- Clase9.14
  
  Creando el selector de fecha con Datepicker (Parte 2)
  07 min
- Clase9.15
  
  Configurando el selector de fecha Datepicker (Parte 1)
  09 min
- Clase9.16
  
  Configurando el selector de fecha Datepicker (Parte 2)
  06 min
- Clase9.17
  
  Configurando el selector de fecha Datepicker (Parte 3)
  08 min
- Clase9.18
  
  Creando el selector de hora con Timepicker
  06 min
- Clase9.19
  
  Configurando el selector de hora con Timepicker
  06 min
- Clase9.20
  
  Personalizando el Datepicker y el Timepicker
  13 min
- Clase9.21
  
  Introducción a Parsley.js
  08 min
- Clase9.22
  
  Descarga e instalación de Parsley.js
  04 min
- Clase9.23
  
  Metodo rápido para ejecutar Parsley.js
- Clase9.24
  
  Método completo para ejecutar Parsley.js
  05 min
- Clase9.25
  
  Comportamiento de Parsley.js
  03 min
- Clase9.26
  
  Tipos de validaciones de Parsley.js
  07 min
- Clase9.27
  
  Mostrando un mensaje de validación genérico
  04 min
- Clase9.28
  
  Mostrando mensajes según el tipo de validación (Parte 1)
  09 min
- Clase9.29
  
  Mostrando mensajes según el tipo de validación (Parte 2)
  06 min
- Clase9.30
  
  Integrando Bootstrap 4 con Parsley.js
  09 min
- Clase9.31
  
  Optimizando el formulario para diferentes contextos
  07 min
Módulo 10: Creación de la sección "Pié de página" 8
- Clase10.1
  
  Creando la estructura HTML del footer (Parte 1)
  09 min
- Clase10.2
  
  Creando la estructura HTML del footer (Parte 2)
  06 min
- Clase10.3
  
  Creando un color de fondo con un Pseudo Elemento
  10 min
- Clase10.4
  
  Aplicando estilos al contenido de la primera columna
  04 min
- Clase10.5
  
  Creando los enlaces secundarios
  11 min
- Clase10.6
  
  Optimizando el diseño para el contexto MD (Parte 1)
  10 min
- Clase10.7
  
  Optimizando el diseño para el contexto MD (Parte 2)
  03 min
- Clase10.8
  
  Optimizando el diseño para el contexto XL
  03 min
Módulo 11: Detalles finales 8
- Clase11.1
  
  Creando un encabezado fijo con Stickit.js
  07 min
- Clase11.2
  
  Configurando Stickit.js (Parte 1)
  07 min
- Clase11.3
  
  Configurando Stickit.js (Parte 2)
  04 min
- Clase11.4
  
  Creando el efecto Scroll con page-scroll-to-id.js
  09 min
- Clase11.5
  
  Configurando Page-scroll-to-id.js
  13 min
- Clase11.6
  
  Estilos CSS específicos con Css_browser_selector.js (Parte 1)
  08 min
- Clase11.7
  
  Estilos CSS específicos con Css_browser_selector.js (Parte 2)
  11 min
- Clase11.8
  
  Instalando Fuentes de Google y palabras finales
  08 min

Ir al curso Anterior Siguiente

Expandir Mostrar Lecciones

Debe iniciar sesion para poder ver lo comentarios

SOMOS AULAIDEAL

La única empresa especializada exclusivamente en la formación de profesionales usando como cimiento de desarrollo, los 2 mejores Sistemas de Gestión de Contenidos: Wordpress y Joomla.

NOSOTROS

Nosotros
Cursos
Próximos cursos
Membresías

LEGAL & OTROS

FAQs
Política de reembolsos
Términos y condiciones
Políticas de privacidad

ESTAMOS EN

1 1