Master en Bootstrap 4: Crea páginas web responsive desde 0
4.4 (596 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,398 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Master en Bootstrap 4: Crea páginas web responsive desde 0 to your Wishlist.

Add to Wishlist

Master en Bootstrap 4: Crea páginas web responsive desde 0

Aprende a diseñar páginas web multipantallas con HTML5 y CSS3 en tiempo récord, usando toda la potencia de Bootstrap 4.
4.4 (596 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,398 students enrolled
Created by Erick Mines
Last updated 10/2016
Spanish
Current price: $10 Original price: $160 Discount: 94% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 22 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Aprenderás a utilizar el Framework Bootstrap 4.
  • Crear tus diseños pensando en "Mobile First".
  • Crear tus el diseño de tu sitio usando Adobe Illustrator CC.
  • Aprenderás a desarrollar un sitio web desde cero.
  • Crear páginas web con los estándares actuales de HTML5.
  • Diseñar Animaciones con CSS3, sin flash.
View Curriculum
Requirements
  • Usted necesita tener nociones básicas de Html5 y CSS3.
  • Usted necesita tener nociones básicas de informática.
  • Debe tener instalado un editor de código como "Sublime text".
  • Debe tener instalado un editor de imágenes vectoriales como "Adobe Illustrator".
Description

ACTUALIZADO PARA BOOTSTRAP 4 (ALPHA 5) 30 de Octubre del 2016!
__________________________________________________________________________________

¿DE QUÉ SE TRATA EL CURSO?

Bootstrap es el framework HTML+CSS+JS más popular del mundo y en su última versión trae mejoras indiscutibles, como el uso de Flexbox y la incorporación de nuevos componentes.

En este curso te explico cómo crear proyectos web exitosos, en tiempo record, escribiendo menos líneas de código CSS y 100% Responsive.

Te invito a que veas cualquiera de las clases que están gratuitas antes de comprar el curso y seguro que desearás ver el resto del curso.

¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO?

El curso se divide en varias secciones. Empezamos por entender el concepto clave “La filosofía Mobile First”, para luego empezar a crear el diseño del sitio completo desde 0, usando “Adobe Illustrator CC” (No necesitas conocerlo, nosotros te enseñamos a dominarlo).

Luego procedemos  a crear el diseño del sitio usando solo  HTML5 y CSS3 sin usar Bootstrap 4. ¿Porque?, esto te permitirá entender la manera en la que Bootstrap influye en el desarrollo de tu proyecto.

El siguiente paso es entender a la perfección el nuevo modelo de caja "Flexbox (Flexible Box)" y hemos dedicado una sección completa, de más de 5 horas de grabación. También creamos 3 mini-proyectos con situaciones concretas para que entiendas perfectamente cómo aplicar flexbox en sitios web reales.

Luego pasaremos a explicarte el uso de Bootstrap y todas las novedades que nos trae la versión 4 y profundizaremos en todos los conceptos necesarios para implementar exitosamente este Framework en tus proyectos.

Después procederemos implementar el sistema de columnas que maneja Bootstrap, para que cada caja HTML se adapte a cualquier dispositivo.

Finalmente crearemos animación personalizada usando CSS3, inserción de efectos Parallax, la creación de un encabezado animado y todos los detalles que un proyecto de calidad necesita.

EN RESUMEN EN ESTE CURSO APRENDERÁS:

  • HTML5 + CSS3 + Jquery (Desarrollo de un Proyecto Real).
  • Aprende a crear tus propios diseños únicos y personalizados usando Bootstrap 4.
  • Accede a más de 30 horas de grabación en HD, con contenido claro, ejemplos concretos y didácticos.
  • Accede al contenido desde tu móvil, Tablet o PC (24/7).
  • Obtén todos los archivos originales necesarios para apoyar tu aprendizaje: Guía de estilo para Bootstrap 4 (Cheat Sheet), diseños en Adobe Illustrator, Plugin de terceros y más.
  • Animaciones CSS sin flash (ya está obsoleto).


Who is the target audience?
  • Este curso de Bootstrap va dirigido a diseñadores y desarrolladores que web que necesitan aprender a crear páginas web que se adapten a cualquier dispositivo.
  • Interesados en aprender HTML y CSS.
  • Quienes quieran hacerse su propia página web.
  • El curso va desde básico hasta avanzado. Pero te vendría bien tener algo de conocimientos sobre HTML (50%) Y CSS3(60%).
Students Who Viewed This Course Also Viewed
Curriculum For This Course
121 Lectures
22:13:21
+
Introducción a Bootstrap 4
5 Lectures 35:31
+
Creando el diseño con Adobe Illustrator CC
20 Lectures 03:50:18
Configuración inicial de Adobe Illustrator CC
09:28

Creación de una cuadrícula para Bootstrap (parte 1)
18:43

Creación de una cuadrícula para Bootstrap (parte 2)
11:06

Definiendo una paleta de colores
10:16

Diseñando el Homepage Mobil -Encabezado (parte 1)
20:00

Diseñando el Homepage Mobil - Encabezado (parte 2)
12:42

Diseñando el Homepage Mobil -La Agencia
07:25

Diseñando el Homepage Mobil -Tu mejor elección
17:47

Diseñando el Homepage Mobil - Servicios
15:41

Diseñando el Homepage Mobil - Galería de imágenes
09:08

Diseñando el Homepage Mobil - Pié de página
09:09

Diseñando la pagina interna para Mobil
17:03

Creando líneas guías para la vista de Escritorio
08:55

Diseñando el Homepage para Escritorio - Encabezado
08:02

Diseñando el Homepage para Escritorio - La agencia
03:56

Diseñando el Homepage para Escritorio - Tu mejor elección
12:35

Diseñando el Homepage para Escritorio - Servicios
14:06

Diseñando el Homepage para Escritorio - Últimos proyectos y pie de página
09:33

Diseñando la pagina interna para Escritorio (parte 1)
08:16

Diseñando la página interna para Escritorio (parte 2)
06:27
+
Escribiendo el HTML inicial (No Bootstrap)
10 Lectures 01:51:29
Creando la estructura de carpetas
02:38

Instalando extensiones para Brackets
18:18

Codificando el encabezando html5 (parte 1)
18:27

Codificando el encabezando html5 (parte 2)
09:42

Entendiendo el formato svg
19:29

Codificando el html5 -La Agencia
06:22

Codificando el html5 - Somos tu mejor elección
10:17

Codificando el html5 -Servicios
11:41

Codificando el html5 - Últimos proyectos
08:18

Codificando el html5 -Pie de pagina
06:17
+
Dominando Flexbox
21 Lectures 03:04:28
Introducción a Flexbox
07:04

Entendiendo Flexbox
09:30

Regla 1 de flex
08:05

Regla 2 de flex
10:12

Regla 3 de flex
03:32

Regla 4 de flex
05:10

Regla 5 de flex
08:44

Regla 6 de flex
08:19

Regla 7 de flex
04:36

Regla 8 de flex
03:46

Regla 9 de flex (parte 1)
12:55

Regla 9 de flex (parte 2)
10:12

Regla 10 de flex
06:46

Bono adicional-Uso de Order
09:57

Ejemplo real 1
12:09

Ejemplo real 2
09:52

Ejemplo real 3 (parte 1)
10:21

Ejemplo real 3 (parte 2)
07:15

Ejemplo real 3 (parte 3)
11:16

Ejemplo real 3 (parte 4)
19:44

Recomendaciones finales
05:03
+
Integrando Bootstrap 4
38 Lectures 07:28:33
Introducción a bootstrap 4
07:39

Novedades de bootstrap 4
07:05

Descargando bootstrap 4
04:55

Compilando e implementado Bootstrap 4
13:34

¿Cómo trabajar con Bootstrap 4?
06:01

Insertando archivos CSS personalizados y variables
15:26

Insertando fuente de Google Fonts
07:12

Creando el encabezado con Bootstrap 4
08:27

Insertando iconos de Font Awesome
09:40

Creando el bloque buscar
17:05

Creando el bloque Menú principal
09:20

Creando elementos colapsables
05:52

Creando el bloque de bienvenida (parte 1)
15:58

Creando el bloque de bienvenida (parte 2)
06:36

Finalizando el encabezado
12:08

Sistema de columnas - Regla 1
15:26

Sistema de columnas - Regla 2
10:38

Sistema de columnas - Regla 3
03:17

Sistema de columnas - Regla 4
12:31

Sistema de columnas - Regla 5
03:25

Sistema de columnas - Regla 6
02:34

Sistema de columnas - Regla 7
16:07

Sistema de columnas - Regla 8
16:14

Sistema de columnas - Regla 9
15:34

Sistema de columnas - Regla 10
07:01

Creando el bloque la agencia (parte 1)
19:07

Creando el bloque la agencia (parte 2)
16:59

Creando el bloque tu mejor elección (parte 1)
18:35

Creando el bloque tu mejor elección (parte 2)
09:58

Creando el bloque tu mejor elección (parte 3)
16:51

Creando el bloque Servicios (parte 1)
15:50

Creando el bloque Servicios (parte 2)
16:50

Creando el bloque Servicios (parte 3)
17:01

Creando el bloque Último proyectos (parte 1)
19:02

Creando el bloque Último proyectos (parte 2)
08:21

Creando el bloque Último proyectos (parte 3)
17:30

Creando el bloque Pie de pagina (parte 1)
12:18

Creando el bloque Pie de pagina (parte 2)
10:26
+
De Mobile First a Desktop
6 Lectures 01:17:00
Analizando el contexto XS hasta MD (parte 1)
16:16

Analizando el contexto XS hasta MD (parte 2)
15:35

Analizando el contexto XS hasta MD (parte 3)
07:10

Analizando el contexto XS hasta MD (parte 4)
16:07

Analizando el contexto LG hasta XL (parte 1)
11:10

Analizando el contexto LG hasta XL (parte 2)
10:42
+
Codificando la páginas internas
10 Lectures 02:34:18
Codificando la página nosotros (parte 1)
16:32

Codificando la página nosotros (parte 2)
16:11

Codificando la página nosotros (parte 3)
13:12

Codificando la página nosotros (parte 4)
15:44

Codificando la página servicios (parte 1)
16:18

Codificando la página servicios (parte 2)
16:06

Codificando la página servicios (parte 3)
17:44

Codificando la página contacto (parte 1)
14:36

Codificando la página contacto (parte 2)
20:36

Codificando la página contacto (parte 3)
07:19
+
Insertando Funciones complementarias
7 Lectures 01:19:13
Cargando imágenes condicionales con css3
11:26

Creando animaciones con wow y animate (parte 1)
15:15

Creando animaciones con wow y animate (parte 2)
19:46

Creando efectos parallax de imágenes con CSS
03:52

Creando efectos de deslizamiento con SmoothScroll
15:36

Creando un encabezado animado
07:45

Creando un favicon para nuestro proyecto
05:33
+
El siguiente paso
4 Lectures 12:32
¿Donde seguir buscando información?
06:01

Comprimiendo nuestros estilos CSS
01:40

Publicando nuestro sitio en internet
03:45

Conclusiones finales
01:06
About the Instructor
Erick Mines
4.4 Average rating
2,312 Reviews
15,342 Students
8 Courses
WebMaster y CEO en Aulaideal.com

Erik Mines es un apasionado y experimentado diseñador web, desarrollador y apasionado por las últimas tecnologías provenientes Lima (Perú).

Llevo más de 8 años en del desarrollo web, específicamente en tecnologías HTML5, CSS3, jQuery, Responsive design y todo lo que tiene que ver en la web.

En la actualidad construye sitios web personalizados y ofrece soluciones de diseño para una amplia gama de clientes.