Udemy

Platform

Español

Language

Web Development

Category

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.76 (1279 reviews)

Students

12 hours

Content

Aug 2020

Last Update
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.


Screenshots

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

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)


Reviews

M
Marco13 August 2020

Sin duda el motor de este curso fue la pedagogía bien planeada del curso , se pensó muy bien como explicar todo esto, hay temas que quedan cortos pero las bases y el potencial de la aplicación quedan bien cimentadas, entonces lo que pides al final es que se ahonde en algunos temas como Flex u otras utilidades que se ven por encima pero claro esto seria un curso del doble , se agradece mucho .

D
Daniel14 July 2020

Genial, sin ser experto entiendo, todo. Ignacio explica muy bien. Recomiendo el curso para todas las edades. Saludos desde Chile

N
Nicolas11 July 2020

Ha sido una excelente experiencia, me tomé mi tiempo, repase varias cosas y logre hacer sitios bastantess buenos para no saber nada de antemano. incluso he podido generar un pequeño ingreso. gracias ignacio por tu excelente forma de explicar, nos vemos en vue.js

J
Juan25 June 2020

Un excelente profesor debo decirlo, nunca me hubiese imaginado que Bootstrap era tan facil de usar y aplicar, ahora estoy haciendo webs y realmente era lo que me faltaba, ojala hagas mas cursos idealmente de angular+node.js, pero de verdad tanta claridad para explicar es notable, felicitaciones por sus cursos y espero que siga creando mas porque como a mi le puede cambiar el destino profesional a muchos mas.

E
Eduard22 June 2020

Excelente curso de Bootstrap, en tan solo una hora ya puedes hacer tu primer sitio web sin problemas.

I
Isay10 February 2020

Necesitaba un curso actualizado en Bootstrap 4 y me anime por este principalmente por el Maestro de quien eh aprendido en su canal de youtube, esta perfecto en curso. Muy completo !

H
Herzon27 January 2020

Para mi Ignacio es el mejor de los tutores de Udemy, sin embargo si eres de los que no te gustan las explicaciones al detalle del porque de cada cosa no te lo recomiendo.

M
Mauricio13 January 2020

A Ignacio lo sigo desde hace tiempo. Es una persona que explica a la perfección sus tutoriales y es muy pedagógico. Desde Mendoza Argentina, les recomiendo 100% los tutoriales de Ignacio. Expresa sus conocimientos sin problema con la idea que sus seguidores y oyentes adquieran sus conocimientos tan bien como él.

J
Junco2 December 2019

estoy como bala aprendiendo, pues necesito en unas dos semanas más iniciar el desarrollo de un sistema de gestión

D
Daniel26 November 2019

Excelente curso sobre los fundamentos de Bootstrap, te permite aprender conocimientos sólidos para poder desempeñarte en proyectos profesionales. Por la didáctica del curso te enseña a explorar cada rincón de Bootstrap por lo tanto frente a nuevas actualizaciones podrás aprender por tu cuenta una vez finalizado el mismo. Muy recomendable! Muchas gracias! Saludos!

C
Carlos8 November 2019

Expositor con gran conocimiento del tema, explicación didáctica de los diferentes capítulos, la metodología de enseñanza seguida logra mantener el interés en captar los nuevos conceptos, muy satisfecho por el material recibido.

A
Abraham6 November 2019

Recomendado al 100, el instructor tiene una gran capacidad para enseñar y te quedas con buenas bases al final del curso, ojala siga subiendo contenido para comprar mas de sus cursos.

L
Luis30 October 2019

Me ha resultado tremendamente útil, bien explicado, ameno, reiterativo en las explicaciones y por tanto muy, muy docente. No soy un experto..., aún, pero estoy en el camino. Muchas gracias.

A
Alexis23 October 2019

Muy bien explicado todo, me gusto mucho el curso ya que me ayudó a entender más las novedades de bootstrap.

Y
Yanpiere19 October 2019

El instructor conoce la materia a fondo, mas bien falto un poco más de JS para explotar el bootstrap al máximo.


Coupons

DateDiscountStatus
2/14/202194% OFFExpired

1524862

Udemy ID

1/24/2018

Course created date

11/6/2019

Course Indexed date
Bot
Course Submitted by