Megacurso de Bootstrap de Cero a Maestro
Offered By: Udemy
Course Description
Overview
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
Related Courses
Build Responsive CSS3 Flexbox Holy Grail LayoutCoursera Project Network via Coursera Build Responsive Image Gallery UI using CSS3 Flexbox
Coursera Project Network via Coursera Build Responsive Service Page UI using CSS3 Flexbox
Coursera Project Network via Coursera Create a no-code responsive website with Webflow
Coursera Project Network via Coursera Adobe Muse: Advanced Techniques
CreativeLive