Udemy

Platform

Español

Language

Web Development

Category

Megacurso de Bootstrap 4 de Cero a Maestro

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

4.55 (35 reviews)

202

Students

15 hours

Content

Sep 2020

Last Update
$99.99
Regular Price

What you will 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


Topics

Bootstrap


Description

Te doy la bienvenida al Megacurso de Bootstrap 4, el curso más completo, ameno con el que tendrás todos los conocimientos necesarios para desarrollar cualquier sitio o aplicación web completamente amigable a todos los dispositivos (teléfonos, tablets, televisores Smart tv, etc).

Bootstrap es el framework más popular en el mundo para el desarrollo de interfaces web por su potencial y flexibilidad. En este curso iremos desde cero y paso a paso para que puedas comprender completamente los fundamentos y después pasar a realizar proyectos prácticos.

Si nunca has trabajado con Bootstrap, no es necesario que tengas conocimientos ya que iniciamos desde cero. Pero si ya tienes algún conocimiento o has trabajado con versiones anteriores aprenderás todas las nuevas funciones, lo que se ha eliminado y en general todos los cambios incluidos en Bootstrap 4


*Es necesario tener conocimientos básicos en HMTL y CSS.


Bootstrap 4

Es un framework HTML, CSS Y Javascript para la creación rápida de sitios web y aplicaciones. Contiene un sistema de rejilla de filas y columnas en los cuales distribuir nuestros contenidos para así lograr optimizar los mismos para diferentes dispositivos y resoluciones, logrando obtener un sitio completamente responsivo (amigable a todos los dispositivos). También incluye un set de componentes Css prefabricados los cuales solo debemos usar y nos permiten crear: botones, barras de progreso, alertas, paginación, tablas, tarjetas, barras de navegación y mucho más, así como también un set de widgets JavaScript para dotas de más interactividad a nuestras aplicaciones, los cuales nos permiten crear sliders, ventanas modales, efectos de scroll y mucho más. Cada uno de estos los veremos en detalle en el curso


Estructura del Megacurso de Bootstrap 4

1- Introducción

Empezaremos viendo la información acerca de Bootstrap, versiones, cambios, herramientas necesarias y las diferentes formas de instalar o configurar Bootstrap 4.


2- Fundamentos

Veremos que es un framework y cuales son las ventajas de usarlo, los fundamentos de flexbox, las nuevas unidades de medidas Css Rem y Em y como usar estilos personalizados para dar a nuestras desarrollos ese toque personal que necesitemos.


3- Sistema de Rejilla

El fundamento principal de Bootstrap 4 está en su sistema de rejilla (contenedor, filas y columnas). En este capítulo nos enfocaremos en el mismo para que puedas entenderlo de manera práctica y usarlo en todos tus desarrollos. Verás los prefijos para las columnas en resolución pequeña (-sm), mediana (-md), larga (-lg) y extra larga (-xl) y como distribuirlas y manejarlas en cada resolución.


4- Flexbox en Boostrap 4

En este nueva versión de Bootstrap se ha introducido Flexbox y en este capítulo te explicaré en detalle cómo usarlo, cuales son las clases de flexbox que podemos usar y favorecernos de ellas para lograr una mejor precisión en el posicionamiento de nuestros contenidos.


5- Tipografía

Capítulo dedicado a todo lo referente al trabajo con tipografía, encabezados de texto, párrafos, como alinear texto y también como es bien sabido a partir de la versión 4 ya no existen los glyphicons, en su lugar te enseñaré cómo usar un servicio muy popular y de calidad como son los íconos de Font Awesome.


6- Utilidades

A parte de todo lo visto hasta el momento, Bootstrap nos provee de utilidades o clases que nos ayudan a lograr tareas que necesitamos constantemente como posicionar o flotar elementos, manejar tamaños y bordes, colores de fondo margen (margin), margen interno (padding). Te mostraré todas las clases Css las cuales solo debemos usar y así nos ahorramos muchísimo trabajo.


7- Componentes Css

Llegamos a otro de los pilares de Bootstrap 4, los componentes Css con los cuales podremos crear todo tipo de elementos para nuestros proyectos: Botones, Barras de Navegación, Formularios, Grupos de Listas, Alertas, Barras de Progreso y mucho más. Los cuales te enseñaré en este capítulo en profundidad.


8- Widgets Javascript

En este capítulo aprenderás a usar los widgets que nos provee Bootstrap para crear: Tooltips, Carrusel de imágenes (Slider), Efectos de Acordeón, Ventanas Emergentes, Ventanas Modales, Efectos de Scroll.


9- Proyecto 1 – Agencia Digital

Nuestro primer proyecto práctico, donde pondremos en práctica todo lo aprendido hasta el momento creando un sitio completo y de calidad con un efecto de scroll muy bonito al navegar sobre todas las secciones.


10- Proyecto 2 – Admin App

Segundo proyecto práctico y para que puedas tener los conocimientos profesionales y crear cualquier tipo de layout en este nos enfocaremos en la creación de un panel de control para un sitio de ecommerce.


11- Proyecto 3 – Mi Portafolio

En este capítulo crearemos mi portafolio personal y será un layout completamente diferente al primer y segundo proyecto. Porque la idea de este curso es crear proyectos diferentes que pongan a prueba nuestros conocimientos y que al final tengas los conocimientos para crear cualquier tipo de interfaz, no importa la dificultad que plantee.


¿Porque Debes Aprender Bootstrap?

Es importante aprender Bootstrap porque es una de las tecnologías de mayor demanda en las empresas a nivel mundial ya que agiliza la creación de los sitios web sin tener que escribir o escribir poco código CSS y obtener así sitios adaptables a dispositivos móviles y en general a todos los dispositivos.

Ya sea que quieras trabajar en una gran compañía o crear el sitio web o aplicación para alguna, conocer Bootstrap es muy importante. Es por eso que mi objetivo en este curso es convertirte en un profesional de Bootstrap.


El curso consta de más de 70 clases y más de 14 horas de contenido en las que tendrás acceso a todo el código del curso, soporte a través de la sección de preguntas y respuestas para cualquier duda que tengas.


Mi nombre es José Andrés creado y administrador de render2web creador del: Mega Curso de Wordpress de Cero a Maestro

(Recuerda que si no te gusta el curso te devolvemos tu dinero en 30 días.)

Si aún no estás convencido, te invito a que mires los videos gratuitos del curso y así podrás ver todo el contenido desarrollado y el demo de los proyectos prácticos.


Screenshots

Megacurso de Bootstrap 4 de Cero a Maestro
Megacurso de Bootstrap 4 de Cero a Maestro
Megacurso de Bootstrap 4 de Cero a Maestro
Megacurso de Bootstrap 4 de Cero a Maestro

Content

Introducción

Qué es Bootstrap

Nuevas Funciones en Bootstrap 4

Instalación de Herramientas para el Curso

Instalación de Bootstrap en Local

Instalación de Bootstrap desde CDN

Fundamentos

Que es un Framework y Porque Usarlo

Unidades de Medida CSS Rem y Em

Fundamentos de Flexbox

Puntos de Quiebre Bootstrap 4

Estilos Css Personalizados

Sistema de Rejilla

Rejilla Responsive

Ancho Igual, Multifila, Auto Layout y Ordenamiento

Compensado u Offset

Alineación de la Rejilla con Flexbox

Anidación de Rejilla

Flexbox en Bootstrap

Clases de Flexbox en Bootstrap

Auto Margen y Envolvente (Wrap)

Tipografía

Encabezados y Tipografía

Alineación de Texto y Display

Iconos de Font Awesome

Utilidades

Posicionamiento y Flotado

Margen (Margin) y Margen Interna (Padding)

Tamaños y Bordes

Fondos y Colores

Componentes CSS

Introducción a la Sección

Botones Parte 1

Botones Parte 2

Navbars (Barras de Navegación)

Formularios y Campos de Entrada

Grupos de Entradas (Inputs)

Alertas (Alerts)

Barras de Progreso

Grupos de Listas (List Groups)

Insignias (Badges) y Migajas de Pan (Breadcrumbs)

Tablas

Paginacion

Tarjetas Parte1

Tarjetas Parte 2

Jumbotron

Widgets Javascript

Introducción a la sección

Tooltips

Carrusel (Slider)

Colapsable y Acordeón

Ventanas Emergentes (Popover)

Ventanas Modales

Scrolls (Scroll spy y Scroll Suavizado)

Proyecto 1 - Agencia Digital

Demo del Proyecto Final

Logo y Barra de Navegación

Cabecera y Sección Inicio

Sección Llamado a la Acción

Sección Servicios

Sección Galería

Sección Testimonios y Pie de Página

Animación de Scroll Javascript

Proyecto 2 - Admin App

Demo del Proyecto Final

Configuración - Pantalla de Acceso

Panel de Control y Barra de Navegación

Panel de Control - Menú Principal y Administración

Panel de Control - Banners

Panel de Control – Tabla Últimos Productos

Panel de Control - Sección Categorías

Panel de Control – Sección Productos

Panel de Control – Sección Inventario, Pedidos y Cupones

Panel de Control – Perfil

Proyecto 3 - Mi Portafolio

Demo del Proyecto Final

Configuraciones Iniciales y Librerías

Maquetación del Header, Imagen y Botones del Menú

Contenido y Colapsable Sección Inicio

Maquetación Sección Currículum

Maquetación Sección Trabajos

Maquetación Sección Contacto

Despedida

Clase Extra



Reviews

M
Michel2 November 2020

Soy desarrollador de proyecto y estoy en busca de esta herramienta (con el fin de utilizar correctamente) para la actualización de nuestros software ha aplicaciones más modernas.

R
Raquel17 May 2020

He aprendido mucho con este curso, pero hay algunos proyectos, que detalles de los que se han visto en el curso que en el tamaño de pantalla mediano no quedan bien y careciendo de suficientes conocimientos de bootstrap no se como arreglar. Me gustaría que el desarrollador me ayudara a solucionarlos, así cumpliría ampliamente con mis expectativas del curso. Agradezco el esfuerzo del creador de los cursos, me ayudarán en mi proyecto de fin de curso, ya que debido al Covid-19 no pude realizar las practicas del mismo y me piden un proyecto. Este curso me ha dado las bases para poder realizarlo.

A
Alejandro5 May 2020

El audio es muy malo. No puede ser que se escuche constantemente ruido ambiente. Perros ladrando, ruidos de coches, gente tosiendo y estornudando. Muy poco profesional en ese sentido.


Coupons

StatusDateDiscount
Expired1/13/202190% OFF


2495912

Udemy ID

8/6/2019

Course created date

10/29/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore