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