Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Megacurso de Bootstrap de Cero a Maestro

via Udemy

Overview

Crea sitios y aplicaciones web de calidad profesional adaptables a todos los dispositivos y resoluciones con Bootstrap 4

What you'll learn:
  • Los fundamentos de Bootstrap 4 desde cero y paso a paso.
  • Crear sitios web y aplicaciones responsive (Amigables a dispositivos móviles: Móviles y Tablets y también Televisores Smart).
  • Trabajar con el sistema de rejilla de Bootstrap 4, usando los contenedores, filas y columnas
  • Usar Flexbox en Bootstrap 4 y así crear layouts más precisos y mejor distribuidos
  • Todos los componentes de Bootstrap 4, Botones, Navbars, Formularios, Alertas, Barras de Progreso, Insignias, Tablas, Tartjetas, etc.
  • Interfaces enriquecidas con iconos de Font Awesome.
  • Widgets Javascript: Carrusel, alertas, diálogos, tooltips, etc.
  • Integrar tipografía personalizada.
  • Aprende a crear un panel de administración responsive para un sitio de Ecommerce
  • Aprende a crear tu propio portafolio profesional

¡Bienvenido al Megacurso de Bootstrap 4! En este curso completo y ameno, obtendrás todos los conocimientos necesarios para crear sitios y aplicaciones web que se adapten perfectamente a teléfonos, tablets, televisores Smart TV y más.

Bootstrap es el framework más popular del mundo para el desarrollo de interfaces web, conocido por su potencial y flexibilidad. Comenzaremos desde cero y avanzaremos paso a paso para que comprendas los fundamentos y puedas aplicarlos en proyectos prácticos.

No importa si nunca has trabajado con Bootstrap; iniciamos desde los conceptos básicos. Y si ya tienes experiencia con versiones anteriores, aprenderás todas las nuevas funciones y cambios incluidos en Bootstrap 4.

*Se requieren conocimientos básicos de HTML y CSS.

¿Por qué Bootstrap 4?

Bootstrap 4 es un framework HTML, CSS y JavaScript que permite crear sitios web y aplicaciones de forma rápida. Su sistema de rejilla de filas y columnas te permitirá optimizar tus contenidos para diferentes dispositivos y resoluciones, logrando un sitio completamente responsivo. Además, cuenta con un set de componentes CSS prefabricados, como botones, barras de progreso, alertas, tablas y mucho más. También incluye widgets JavaScript para dotar de interactividad a tus aplicaciones, como sliders, ventanas modales y efectos de scroll. En este curso, exploraremos cada uno de estos aspectos en detalle.

Estructura del Megacurso de Bootstrap 4:

1- Introducción: Conoce todo sobre Bootstrap, sus versiones, cambios, herramientas necesarias e instalación o configuración.

2- Fundamentos: Aprende sobre las ventajas de utilizar un framework, los conceptos de Flexbox y las unidades de medida CSS Rem y Em. Descubre cómo personalizar tus estilos para darle un toque distintivo a tus desarrollos.

3- Sistema de Rejilla: Dominarás el corazón de Bootstrap 4: su sistema de rejilla. Aprende cómo utilizarlo en tus desarrollos con flexibilidad en resoluciones pequeñas, medianas, largas y extra largas.

4- Flexbox en Bootstrap 4: Explora en detalle cómo utilizar Flexbox, aprovechando las clases disponibles para posicionar tus contenidos con precisión.

5- Tipografía: Aprende a trabajar con tipografía, encabezados de texto, alineación y cómo usar los íconos de Font Awesome.

6- Utilidades: Descubre las clases CSS que te ahorrarán tiempo en tareas comunes, como posicionar o flotar elementos, gestionar tamaños y bordes, colores de fondo y márgenes.

7- Componentes CSS: Sumérgete en los componentes CSS de Bootstrap 4 y aprende a crear botones, barras de navegación, formularios, alertas, barras de progreso y más.

8- Widgets JavaScript: Aprende a utilizar los widgets de Bootstrap para crear tooltips, sliders, efectos de acordeón, ventanas emergentes y efectos de scroll.

9- Proyecto 1 - Agencia Digital: Pon en práctica todo lo aprendido en nuestro primer proyecto, creando un sitio completo y con un efecto de scroll impresionante.

10- Proyecto 2 - Admin App: Enfócate en crear un panel de control para un sitio de ecommerce en nuestro segundo proyecto práctico.

11- Proyecto 3 - Mi Portafolio: Crea tu propio portafolio personal con un diseño único que pondrá a prueba tus conocimientos y habilidades.

¡Por qué debes aprender Bootstrap!

Bootstrap es una habilidad altamente demandada por las empresas a nivel mundial, ya que agiliza la creación de sitios web sin necesidad de escribir mucho código CSS, obteniendo así sitios adaptables a dispositivos móviles y a todos los dispositivos en general. Tanto si buscas trabajar en una gran compañía como crear tu propio sitio web o aplicación, conocer Bootstrap es esencial. Mi objetivo en este curso es convertirte en un profesional de Bootstrap.

El Megacurso de Bootstrap 4 consta de más de 70 clases y más de 14 horas de contenido, con acceso a todo el código del curso y soporte a través de la sección de preguntas y respuestas.

Soy José Andrés, creador y administrador de render2web, también creador del Mega Curso de WordPress de Cero a Maestro. ¡Además, si no quedas satisfecho con el curso, te devolvemos tu dinero en 30 días!

Si aún tienes dudas, te invito a que veas los videos gratuitos del curso para que puedas conocer todo el contenido desarrollado y los demos de los proyectos prácticos.

¡Inscríbete ahora y comienza tu camino para convertirte en un experto en Bootstrap!".

Taught by

render2web Tus Recursos Diseño, Desarrollo, Web y 3D

Reviews

4.1 rating at Udemy based on 612 ratings

Start your review of Megacurso de Bootstrap de Cero a Maestro

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.