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

Discover how to design responsive multi-screen web pages using HTML5, CSS3, and Bootstrap 4 in record time. Perfect for beginners!

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course guides you through designing responsive web pages using HTML5, CSS3, and Bootstrap 4. You'll learn in a fun, easy-going style with tons of examples!

Key Points

  • Learn the essentials of HTML5 and CSS3.
  • Master Bootstrap 4 and its new features.
  • Understand the Mobile First philosophy.

Learning Outcomes

  • Create responsive designs that look great on any device.
  • Implement Flexbox and understand its use in real projects.
  • Build a complete web project with unique animations and a professional look.

About This Course

Aprende a diseñar páginas web multipantallas con HTML5 y CSS3 en tiempo récord, usando toda la potencia de Bootstrap 4.

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).


  • 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.

Course Curriculum

Instructor

Profile photo of Erick Mines
Erick Mines

Soy un apasionado por el diseño y desarrollado web. Llevo más de 12 años dedicándome a este hermosa labor, específicamente en tecnologías como HTML5, CSS3, jQuery, Responsive design.  En la actualidad  construyo sitios web personalizados y ofrezco soluciones de diseño web para una amplia gama de clientes, que confían plenamente en mi trabajo.

Review
4.9 course rating
4K ratings
ui-avatar of Jose Manuel
Jose M.
4.0
11 months ago

vengo del curso de flexbox y por ahora sin novedad

  • Helpful
  • Not helpful
ui-avatar of Maria Aurelia Flores Hernandez
Maria A. F. H.
5.0
1 year ago

Me parece un curso muy interesante y completo

  • Helpful
  • Not helpful
ui-avatar of Nicolas Gomez
Nicolas G.
3.0
4 years ago

El curso tiene mucho sobre Ilustrator y diseño debería enfocarse mas al sistema Bootstrap como tal y menos CSS para lograr hacer un sitio responsive sin tanto código CSS.

  • Helpful
  • Not helpful
ui-avatar of Juan Salvador Ramírez Sánchez
Juan S. R. S.
5.0
4 years ago

Un curso muy completo, ya tenia nociones de Bootstrap pero este curso me ayudo a entenderlo por completo.

  • Helpful
  • Not helpful
ui-avatar of Pavel Molina Alanis
Pavel M. A.
4.0
4 years ago

El curso era muy bueno en su momento, pero el curso no esta actualizado y el problema es que ya hay varias clases de bootstrap que han cambiado, así como también algunas librerías usadas ya están obsoletas. Si no se tienen algunas nociones de bootstrap entonces se llegan a complicar algunos ejercicios que ya no funcionan porque tienen que investigar como se hace con las nuevas versiones tanto de boostrap como de algunas librerías usadas en el curso. Quien tome el curso ya sabe a lo que se enfrentara. Yo le puse 4 estrellas porque yo ya tengo nociones de varias cosas expuestas aquí y pude hacer los cambios necesarios para que funcionaran todos los ejercicios, pero si hubiera sido novato tal vez hubiera desistido.

  • Helpful
  • Not helpful
ui-avatar of Luis Araos
Luis A.
4.5
5 years ago

curso claro y los contenidos se pasaron de forma clara y precisa el autor maneja muy bien los contenidos, recomiendo altamente este curso

  • Helpful
  • Not helpful
ui-avatar of Jesús Esteban Sánchez Alcántara
Jesús E. S. A.
5.0
5 years ago

Me pareció muy bueno el curso viendo como se empieza una página web desde el diseño de esta con Ilustrator, aparte de que explica a detalle conceptos de flexbox y bootstrap 4, para posteriormente ponerlos en práctica en esta página. Buena elección

  • Helpful
  • Not helpful
ui-avatar of Sergio Villanueva Leon
Sergio V. L.
3.5
5 years ago

Muy buen curso, te enseña desde lo basico y no aburre. buen metodo de enseñanza, lo malo que no esta actualizado, lo acabo de adquirir en 2020 y veo que no ha hecho muchas actualizaciones. En general aprendi bastante. gracias

  • Helpful
  • Not helpful
ui-avatar of Kevin Carlos Fidencio Panduro Cárdenas
Kevin C. F. P. C.
4.5
5 years ago

Exclente el curso, buen metodo de enseñanza, entendible pero solo
falta que a la fecha del año 2020 los videos aun no se actualizan, se deben estar actulizando los videos porque hay algunas funciones ya no sirven.

  • Helpful
  • Not helpful
ui-avatar of Eduardo Lima Martinez
Eduardo L. M.
5.0
5 years ago

Una enorme felicitación por éste curso; realmente de lo mejor que he visto en Udemy (y he tomado bastantes cursos). Me encanta la manera en que se le instruye al alumno para buscar por su propia cuenta. Gracias.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses