Bootstrap 4 !De 0 a Experto! Curso completo + Forms con PHP

Bootstrap 4 ! Framework de CSS más popular para desarrollar sitios web adaptables a Celulares y Tablet (modo responsive)

4.75 (1342 reviews)
Udemy
platform
Español
language
Web Development
category
instructor
3,327
students
12 hours
content
Aug 2020
last update
$54.99
regular price

What you will learn

Las bases de Bootstrap 4 desde cero!

Trabajar con la GRID de Bootstrap y FLEXBOX

Realizar sitios web RESPONSIVES (adaptables a celulares y tablet)

Crear SLIDER o Carruseles responsives

Crear Navbar o menús de navegación responsives (Menú Hamburguesa)

Utilizar Alertas, Botones, Cards, Dropdown, Ventanas modales, y mucho más componentes!

Trabajar con Formularios, PHP, Jquery y AJAX

Utilizar SASS con Bootstrap 4

Realizar muchas prácticas de páginas web (Informativas, Blog, Corporativas, Modales, etc)

Páginas web con Sidebar y Scrollspy

Actualizaciones constantes de Bootstrap 4.x

Description

Bienvenidos al curso de Bootstrap 4, aquí aprenderemos a crear sitios web responsives con el Framework más popular. Este curso está completo y trata paso a paso y desde cero, el cómo utilizar la nueva versión de Bootstrap 4 !

Aprenderemos a desarrollar diferentes sitios web con una facilidad que solo Bootstrap te puede entregar, ya que exprimiremos al máximo sus utilidades y componentes, utilizando un mínimo de estilos css propios.

Mi objetivo es que puedas aprovechar todas las herramientas que te entrega Bootstrap para desarrollar sitios web Responsivos (adaptables a celulares y tablet).

Además te añadí una sección especializada en formularios de contacto con Bootstrap, PHP, AJAX y Jquery, así no solo aprenderás a utilizar el Front-end de tu sitio web, sino que podrás construir un sitio web completo y 100% funcional.

No esperes más e inscríbete en este maravilloso curso paso a paso.

Content

Introducción

Herramienta a utilizar en el curso - Visual Studio Code
Introducción - Qué es Bootstrap
Descargar archivos del curso

Instalación Bootstrap

Instalación (opción 1) - Desde servidores externos
Instalación (opción 2) - Descargando Bootstrap

Fundamentos

Container
Grid
Grid Automático
Grid Responsive
Grid Alineamientos
Práctica - Grid
No-Gutter
Tipografía
Colores
Margenes y Padding
Práctica - Sitio web en Construcción

Componentes

Alertas
Badgets
Breadcrumb
Buttons
Buttons Group
Cards I
Cards II
Carousel
Collapse
Dropdown
Jumbotron
List group
Modal
Navbar I - Configuraciones Responsives
Navbar II - Link Alineamientos
Navbar III - Container
Navbar IV - Brand
Navbar V -
Navbar VI -

Práctica - Sitio web I

Presentación práctica sitio web I
Instalación Bootstrap
Configurando Navbar
Agregando Slider
Sección Cards
Agregando Jumbotron
Agregando Acordeón
Configurando Listas
Finalizando sitio web - Footer

Utilidades

Bordes
Display
Display Responsive
Flex
Práctica - Flex
Sizing

Práctica - Blog

Presentación práctica blog
Instalación
Sección Navbar
Configurando Columnas
Sección Cards
Configurando Espaciados
Sección Artículos
Sección Footer
Configurando Página destino Artículo

Formularios Bootstrap, PHP, JQuery y Ajax

Presentación formularios con PHP, Jquery y Ajax
Que vamos a realizar
Programas a utilizar
MAMP
PHP y MAMP
JQUERY
PHP y HMTL interacción en formularios
Maquetación en HTML
Formulario con Bootstrap
Validaciones HTML5
Instalar Jquery
Detectando Formulario
Configuración Ajax
Funciones de éxito y error
Conectar con Ajax
Recolectando datos del Formulario
Validación de datos
Creando correo electrónico
Subiendo archivos al servidor
Conclusiones
Validaciones extras - Trimp - Datos en blanco
Formulario II - HTML - Checkboxes, radiosButtons y Selects
Formulario II - PHP - Checkboxes, radiosButtons y Selects

Especial Navbar

Presentación especial navbar (menú de navegación)
Personalizando Colores
Centrar link en modo responsive
Navbar con Botones
Efecto Scroll cambiando color del Navbar
Megamenu

Práctica - Sitio web Corporativo

Presentación práctica sitio web corporativo
Actualización FontAwesome 5.0
Instalando iconos en Bootstrap
Logo y Navbar
Slider
Configurando Columnas
Portafolio
Testimonios
Footer

SASS - Editando estilos de Bootstrap

Instalando SASS
Cambiando colores de Bootstrap
Actualización Sass - Cambiando fuentes

Extras

Tabs dinámicos - Navs
Barras de progreso - Progress
Tooltips
Galería de imágenes (tipo Pinterest)

Práctica - Sitio web Modal

Presentación práctica sitio web modal
Plantilla base
Estructura
Agregando Fontawesome 5
Configurando botones
Configurando Modal
Modal con Formulario de contacto
Configuraciones Responsives

Práctica - Sitio web con menú Sidebar (Scrollspy)

Presentación práctica menú Sidebar
Estructura y estilos CSS
Media Queries
Agregando un Navbar vertical
Trabajando con Scrollspy

No dejes de aprender - MDBootstrap 4

Introducción, Instalación y primeros pasos

Actualizaciones de Bootstrap 4.1.x - 4.2.x - 4.3.x - 4.4.x

Actualización Bootstrap 4.1.1
Actualización Bootstrap 4.2.1 [ spinner loading component y toast component]
Actualización Bootstrap 4.3.1
Actualización Bootstrap 4.4.1 [ ICONOS ]

Avanza al siguiente nivel con VUE.JS

Clase extra (curso de Vue.js - Framework Javascript)

Screenshots

Bootstrap 4 !De 0 a Experto! Curso completo + Forms con PHP - Screenshot_01Bootstrap 4 !De 0 a Experto! Curso completo + Forms con PHP - Screenshot_02Bootstrap 4 !De 0 a Experto! Curso completo + Forms con PHP - Screenshot_03Bootstrap 4 !De 0 a Experto! Curso completo + Forms con PHP - Screenshot_04

Reviews

Jimena
July 21, 2023
Muy buen curso, claras las explicaciones, se nota el manejo por parte del profesor, se agradece el material de apoyo y ejemplos realizados.
Jose
November 21, 2022
Curso bien realiza, encuentro que falta como algunos pasos en terminar bien algunos proyectos, pero en general super.
Efraín
September 14, 2021
Para ser mi primer curso de Udemy, me pareció bastante completo, me gustó mucho, está bien explicado. Lo que más me gustó es que cada capitulo es corto de no mas de 10 minutos, no se porque, pero eso me simplificó ver de a pedacitos por la falta de tiempo que tengo. En general es un curso excelente. Lo único que agregaría sería que faltó explicar mejor como modificar bootstrap con sass y que es cada archivo de bootstrap.min.css, grid.css etc...
Sergio
July 20, 2021
Excelente curso, muy bien explicado, el instructor de una forma amena y clara explica cada tema, los ejercicios son muy didácticos.
Walter
July 9, 2021
La verdad esta muy bueno, solo perdi tiempo en el caso de la respuesta que recibos del php donde falto el trim( ), pero ustedes previamente habian colocado la solucion pero no habia detallado hasta que se me presento el problema.
Leonardo
July 7, 2021
Con tener un minima base de html y css, este curso es realmente excelente. Lo mas destacado es que te enseña a entender documentaciones aparte de explicar perfectamente bootstrap.
Maria
June 9, 2021
Me encanto, la metodología que maneja para explicar el curso es excelente, es calara, dinámica y concisa me gustaría ver mas cursos como este
Luis
March 9, 2021
Es mi segundo curso en udemy Mi primer curso fué con Fernando Herrera que editaba mejor y parecia una clase en una institucion. Estos videos parecen mas un tutorial de Youtube. Quiero aclarar que si estoy aprendiendo y disfrutando el curso
Geiner
February 24, 2021
Este curso a valido la pena cada segundo ..es increíble la habilidad que tiene para explicar tan bien,estoy muy feliz.
Ericardo
January 3, 2021
El Curso de Bootstrap muy bueno, pero creo que podría profundizar mas en los temas. Adeams los curso extra de PHP y otros ayudan a repasar lo que en algun momento vi en la universidad para poder de nuevo aplicarlo pero ahora con estilos bonitos de Bootstrap
Luis
January 3, 2021
Me gustan los cursos de este instructor porque a parte de ser claros sobre el tema que hablan, siempre deja bonus que son buenos, aunque ya están en su canal de youtube. Muy buen curso de bootstrap
Sergio
December 26, 2020
Cada leccion se explica de gran forma, que lo hace ver facil. Me gusto la calidad del curso y que te mantiene actualizado.
Daniel
December 25, 2020
se le entiende muy bien explica paso a paso desde lo mas importante que es la teoría y en la practica ejemplos muy simples para entender
Brandon
December 10, 2020
Es un gran curso para aprender Bootstrap rapidamente!!! Incluso tiene ese bonus de JS. Gracias a este curso puedo aplicarlo a mi trabajo y ahora no le tengo miedo al diseño. Excelente maestro y con mucho animo, explica todo a detalle.
Alex
June 17, 2020
Muy bien explicado, muy ameno y con mucha pedagogía, excelente curso. Solo una sugerencia, actualizar el curso, ya que han modificados varias instrucciones que al momento de la creación del curso, no existian.

Coupons

DateDiscountStatus
2/14/202194% OFF
expired

Charts

Price

Bootstrap 4 !De 0 a Experto! Curso completo + Forms con PHP - Price chart

Rating

Bootstrap 4 !De 0 a Experto! Curso completo + Forms con PHP - Ratings chart

Enrollment distribution

Bootstrap 4 !De 0 a Experto! Curso completo + Forms con PHP - Distribution chart
1524862
udemy ID
1/24/2018
course created date
11/6/2019
course indexed date
Bot
course submited by