Experto en Bootstrap 4 en 7 días (Crea un sitio web real)

Experto en Bootstrap 4 en 7 días (Crea un sitio web real), available at $49.99, has an average rating of 4.75, with 153 lectures, based on 227 reviews, and has 1029 subscribers.

You will learn about Lograrás DISEÑAR web profesionales tomando como base plantillas web profesionales de "Template Monster". Lograrás DOMINAR y poner en práctica las clases FLEXBOX que Bootstrap nos brinda. Lograrás PERSONALIZAR sin problema, sitio web basados en Bootstrap 4. Lograrás CONSTRUIR sitios web Responsive de manera rápida. This course is ideal for individuals who are Personas que ya conocen Bootstrap y quieren profundizar sus conocimientos. or Cualquier persona interesada en aprender Bootstrap de una forma entretenida, sin extenderse en rollos teóricos. or Cualquiera que desee explorar las nuevas características de la versión 4 de Bootstrap. It is particularly useful for Personas que ya conocen Bootstrap y quieren profundizar sus conocimientos. or Cualquier persona interesada en aprender Bootstrap de una forma entretenida, sin extenderse en rollos teóricos. or Cualquiera que desee explorar las nuevas características de la versión 4 de Bootstrap.

Enroll now: Experto en Bootstrap 4 en 7 días (Crea un sitio web real)

Summary

Title: Experto en Bootstrap 4 en 7 días (Crea un sitio web real)

Price: $49.99

Average Rating: 4.75

Number of Lectures: 153

Number of Published Lectures: 153

Number of Curriculum Items: 153

Number of Published Curriculum Objects: 153

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Lograrás DISEÑAR web profesionales tomando como base plantillas web profesionales de "Template Monster".
Lograrás DOMINAR y poner en práctica las clases FLEXBOX que Bootstrap nos brinda.
Lograrás PERSONALIZAR sin problema, sitio web basados en Bootstrap 4.
Lograrás CONSTRUIR sitios web Responsive de manera rápida.

Who Should Attend

Personas que ya conocen Bootstrap y quieren profundizar sus conocimientos.
Cualquier persona interesada en aprender Bootstrap de una forma entretenida, sin extenderse en rollos teóricos.
Cualquiera que desee explorar las nuevas características de la versión 4 de Bootstrap.

Target Audiences

Personas que ya conocen Bootstrap y quieren profundizar sus conocimientos.
Cualquier persona interesada en aprender Bootstrap de una forma entretenida, sin extenderse en rollos teóricos.
Cualquiera que desee explorar las nuevas características de la versión 4 de Bootstrap.

EN ESTE CURSO USAMOS LA ÚLTIMA VERSIÓN ESTABLE DE BOOTSTRAP 4 (ACTUALIZADO: 01 de Diciembre del 2019!).

¿DE QUÉ SE TRATA EL CURSO?

En este curso nos trazamos como objetivo, crear un sitio web, tomando como referencia las mejores plantillas de “Template Monster”. Template Monster es el mejor directorio de plantillas web, donde se comercializan, plantillas profesionales. Así que prepárate para pasar al siguiente nivel de Bootstrap. Te aseguro, que este no es un curso teórico, ni con clases aburridas. Aquí aprenderás, desarrollando un proyecto web real desde 0.

¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO?

El curso se divide en varias secciones. Empezamos con la instalación de las herramientas necesarias para trabajar, luego realizamos la descarga e instalación rápida de Bootstrap 4 en nuestra PC.

Después procedemos a codificar el diseño del sitio usando Bootstrap 4. Allí entenderán por fin y de una vez por todas, la razón de muchas clases complejas de Bootstrap. Verás como exprimiremos al máximo el sistema de columnas de Bootstrap. Crearemos iconos utilizando la última versión de Font Awesome.

Luego crearemos un menú mobil usando el componente Navbar(Y lo modificaremos). A continuación creamos Slides de imágenes, ventanas modales para la carga de videos en Youtube. Instalaremos plugins para Bootstrap que nos permitan crear efectos “Parallax” con las imágenes y muchos más.

Luego nos enfocamos en la creación de formularios usando el componente Forms de Bootstrap 4.Descubriremos todos los secretos que esconde el componente Forms y los aplicaremos en el diseño de nuestros formularios.

Paso seguido, implementaremos algunos Script para generar diferentes efectos en nuestro sitio, como “Contador animado de números”, “Videos en ventanas modales”, “Parallax en imágenes”, etc.

EN RESUMEN EN ESTE CURSO:

Aprenderás HTML5 + CSS3 (Desarrollo de un Proyecto Real).
Aprenderá a personalizar los componentes de Bootstrap 4 y adaptarlos a nuestros requerimientos.
Aprenderá a insertar íconos de Font Awesome (versión 5).
Aprende a crear tus propios diseños únicos y personalizados usando la última versión Bootstrap 4.
Accederás a más de 20 horas de grabación en HD, con contenido claro y ejemplos didácticos.
Podrás acceder al contenido desde tu móvil, Tablet o PC (24/7).

No esperes más, APRENDE A CREAR UN SITIO WEB AVANZADO utilizando toda la potencia de BOOTSTRAP 4.

Un abrazo y nos vemos dentro del curso.

Course Curriculum

Chapter 1: Introducción al curso

Lecture 1: Descarga de archivos que usaremos en este curso

Lecture 2: Requisitos 1 (Programas necesario)

Lecture 3: Requisitos 2 (Extensiones para VS Code)

Lecture 4: Creando la estructura de nuestro sitio Web

Lecture 5: Integrando Bootstrap en nuestro proyecto

Lecture 6: Integrando y personalizando Font Awesome 5

Chapter 2: Explorando el componente "Forms"

Lecture 1: Introducción al Componente Forms

Lecture 2: Aclarando conceptos sobre formularios (Parte 1)

Lecture 3: Aclarando conceptos sobre formularios (Parte 2)

Lecture 4: Regla de oro 1: Todos los campos tiene que tener la clase ".form-control"

Lecture 5: Regla de oro 2: Agrupamos los campos dentro de una clase ".form-group"

Lecture 6: Regla 3: Tamaño de los campos con "form-control-lg" y "form-control-sm"

Lecture 7: Regla 4: Tamaño de los Label con ".col-form-label-sm" y ".col-form-label-lg"

Lecture 8: Regla 5: Creamos texto de ayuda a nuestros campos con al clase ".form-text"

Lecture 9: Ejercicio 1 – Creando un formulario de login (parte 1)

Lecture 10: Ejercicio 1 – Creando un formulario de login (parte 2)

Lecture 11: Regla 6: Encerramos los botones de opción en una clase .form-check

Lecture 12: Regla 7: Encerramos las casillas de verificación en una clase .form-check

Lecture 13: Regla 8: Creamos Checkboxs y Radios en linea con la clase .form-check-inline

Lecture 14: Regla 9: Creamos diseños avanzados para los campos con INPUT GROUP (parte 1)

Lecture 15: Regla 9: Creamos diseños avanzados para los campos con INPUT GROUP (parte 2)

Lecture 16: Ejercicio 2 – Creando una caja de búsqueda

Lecture 17: Ejercicio 3 – Formulario de contacto (parte 1)

Lecture 18: Ejercicio 3 – Formulario de contacto (parte 2)

Lecture 19: Regla 10 – Podemos crear 3 diseños de formularios (parte 1)

Lecture 20: Regla 10 – Podemos crear 3 diseños de formularios (parte 2)

Lecture 21: Regla 10 – Podemos crear 3 diseños de formularios (parte 3)

Lecture 22: Regla 10 – Podemos crear 3 diseños de formularios (parte 4)

Lecture 23: Regla 10 – Podemos crear 3 diseños de formularios (parte 5)

Lecture 24: Regla 10 – Podemos crear 3 diseños de formularios (parte 6)

Lecture 25: Regla 10 – Podemos crear 3 diseños de formularios (parte 7)

Lecture 26: Regla 10 – Podemos crear 3 diseños de formularios (parte 8)

Lecture 27: Regla 10 – Podemos crear 3 diseños de formularios (parte 9)

Lecture 28: Regla 10 – Podemos crear 3 diseños de formularios (parte 10)

Lecture 29: Regla 10 – Podemos crear 3 diseños de formularios (parte 11)

Lecture 30: Regla 10 – Podemos crear 3 diseños de formularios (parte 12)

Lecture 31: Regla 10 – Podemos crear 3 diseños de formularios (parte 13)

Lecture 32: Regla 10 – Podemos crear 3 diseños de formularios (parte 14)

Lecture 33: Regla 10 – Podemos crear 3 diseños de formularios (parte 15)

Chapter 3: Creando el Encabezado Responsive

Lecture 1: Definiendo variables y tipografia del sitio (Parte 1)

Lecture 2: Definiendo variables y tipografia del sitio (Parte 2)

Lecture 3: Definiendo estilos para Primary y Secondary

Lecture 4: Creando la estructura HTML básica de la sección

Lecture 5: Creando la estructura para los botones de redes sociales

Lecture 6: Creando los estilos para los botones de redes sociales

Lecture 7: Creando el diseño para pantallas de mayor tamaño

Lecture 8: Colocando el logo y telefonos responsives (parte 1)

Lecture 9: Colocando el logo y telefonos responsives (parte 2)

Lecture 10: Creando la estructura del menú de navegación

Lecture 11: Creando el boton móvil

Lecture 12: Personalizando el boton móvil

Lecture 13: Creando los enlaces del menú

Lecture 14: Creando estilos a los enlaces del menu principal (Parte 1)

Lecture 15: Creando estilos a los enlaces del menu principal (Parte 2)

Lecture 16: Creando estilos a los enlaces del menu principal (Parte 3)

Lecture 17: Trabajando con la clase BTN

Lecture 18: Personalizando la clase btn-primary (Parte 1)

Lecture 19: Personalizando la clase btn-primary (Parte 2)

Lecture 20: Personalizando la clase btn-primary (Parte 3)

Lecture 21: Personalizando la clase btn-primary (Parte 4)

Lecture 22: Personalizando la clase btn-primary (Parte 5)

Lecture 23: Insertando funciones JAVASCRIPT al menú (Parte 1)

Lecture 24: Insertando funciones JAVASCRIPT al menú (Parte 2)

Lecture 25: Insertando funciones JAVASCRIPT al menú (Parte 3)

Chapter 4: Creando el Slide de imagenes con Swipe

Lecture 1: Introducción a Swipe

Lecture 2: Instalación de Swipe (Parte 1)

Lecture 3: Instalación de Swipe (Parte 2)

Lecture 4: Creando la estructura de la animación (Parte 1)

Lecture 5: Creando la estructura de la animación (Parte 2)

Lecture 6: Estilos CSS iniciales para los Slides

Lecture 7: Configuracion los parametros de Swipe (Parte 1)

Lecture 8: Configuracion los parametros de Swipe (Parte 2)

Lecture 9: Configuracion los parametros de Swipe (Parte 3)

Lecture 10: Personalizando la apariencia de Swipe (Parte 1)

Lecture 11: Personalizando la apariencia de Swipe (Parte 2)

Lecture 12: Optimizando Swipe para diferentes tamaños de pantallas

Chapter 5: Creando la seccion "Bienvenidos"

Lecture 1: Implementando el sistema de columnas (Parte 1)

Lecture 2: Implementando el sistema de columnas (Parte 2)

Lecture 3: Optimizando la sección en diferentes tamaños de pantallas

Lecture 4: Estilizando el boton play del reproductor (Parte 1)

Lecture 5: Estilizando el boton play del reproductor (Parte 2)

Lecture 6: Estilizando el boton play del reproductor (Parte 3)

Lecture 7: Estilizando el boton play del reproductor (Parte 4)

Lecture 8: ¿Que es VenoBox?

Lecture 9: Descarga e Instalacion de VenoBox

Lecture 10: Inicializando VenoBox

Lecture 11: Definiendo parametros en VenoBox (Parte 1)

Lecture 12: Definiendo parametros en VenoBox (Parte 2)

Chapter 6: Creando la sección "Te ayudamos"

Lecture 1: Creando la estructura del al sección

Lecture 2: Descarga e instalación de Jarallax

Lecture 3: Definiendo el tipo de imagen

Lecture 4: Cargando múltiples imágenes con PICTURE

Lecture 5: Configurando los parametros de Jarallax

Lecture 6: Rotando el diseño con Skew

Instructors

Erick Mines
WebMaster y CEO en Aulaideal.com

Rating Distribution

1 stars: 1 votes
2 stars: 2 votes
3 stars: 7 votes
4 stars: 56 votes
5 stars: 161 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu