Curso de Bootstrap 4! Tutorial en Español


Imagen enviada

 Forma parte de Página personal de Ernesto Aranda Ortega


https://ignaciogutierrez.cl/

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

Puedes seguir este curso de varias formas pero aquí abajo tienes la lista de reproducción con todos los videos, además cuentas con el temario y algunas prácticas para poner en prueba tus conocimientos.

Temario:

1 Introducción al curso – Qué es Bootstrap 4
2 ¿Cómo descargar e instalar Bootstrap?
3 Container y Grid System
4 Sistema de Columnas sm, md, lg y xl
5 Práctica web Responsive
6 Tipos de alineamiento con Flexbox
7 Práctica (1) Armar sitio web
8 Espaciados – Estilos de Texto – Colores – Fondos
9 Navbar (parte1)
10 Navbar (parte 2)
11 Cards
12 Jumbotron y bordes
13 Formularios (parte 1)
14 Formularios (parte 2)
15 Formularios (parte 3) Enviar correos con PHP
16 Carousel – Cómo hacer un Slideshow
17 Todos los componentes en un solo lugar!
18 Copiando plantillas de ejemplo
19 Modal – Crea un Popup
20 Scrollspy

Talleres (práctica lo aprendido):
Taller #1 – ¿Cómo hacer un sitio web con bootstrap 4?
Taller #2 – Crear Menu (navbar) con logo al centro y links a los lados
Taller #3 – Efecto Scroll: Cambiando el color del menú (NavBar) con Bootstrap 4
Taller #4 – Cards con doble imagen (tarjeta de presentación) con Bootstrap 4!
Taller #5 – Agregar Captcha a nuestro formulario de contacto

Extras

Crear formulario de suscripción y cómo agregarlo a mi sitio web Bootstrap 4!- Mailrelay 
 



Jesús
 
 

Comentarios

Publicar un comentario

Entradas populares de este blog

Contactos de Google: cómo añadir, importar, hacer copias de seguridad y restaurar contactos

Imagen
Además de los documentos con información importante, fotos o vídeos, lo que más trastorno nos puede producir cuando cambiamos de dispositivo o tenemos un problema con él, es sin duda perder todos nuestros contactos. Para evitar eso, Google cuenta con su propia herramienta Contactos de Google y que está disponible en el servicio de correo de Gmail  como servicio independiente, así como parte de las aplicaciones web de Google.
Read more »

Firefox Quantum acabará al fin con uno de sus principales problema: el excesivo consumo de RAM

Imagen
Uno de los problemas que afecta a todos los navegadores modernos de hoy en día es el consumo de RAM. Si nuestro ordenador tiene 16 GB o 32 GB de memoria RAM, seguramente esto no nos importe demasiado, sin embargo, cuando nuestro ordenador tiene poca memoria, o solemos trabajar a menudo con muchas pestañas abiertas al mismo tiempo, el excesivo consumo de RAM de Google Chrome o Firefox sí puede ser un problema bastante grave.
Read more »

Personaliza tu página de inicio web con estas alternativas a Start.me

Imagen
Cada vez que abrimos el navegador de nuestro ordenador nos aparece la página de inicio que muchos usuarios tienen directamente configurada con Google para que aparezca el famoso buscador. En caso de que quieras dotar de más vida esa página de inicio existen opciones tan populares Start.me que permite configurarla al máximo con todo detalle. Pero si te parece una aplicación compleja hoy te contamos cuáles son las mejores alternativas a Start.me que puedes usar para configurar la página de inicio de tu navegador web.
Read more »

Cómo solucionar el pantallazo negro tras instalar las actualizaciones de junio de Windows 10

Imagen
Windows 10 May 2019 Update ya se encuentre entre nosotros, la última versión de Windows 10 que, a pesar de los temores de los usuarios, parece que ha llegado bastante bien optimizada y sin fallos relevantes. Sin embargo, parece que Microsoft sigue sin dar en el blanco en cuanto a sus actualizaciones acumulativas, y es que con los últimos parches de junio muchos usuarios se están encontrando con que, después de reiniciar el ordenador, les aparece una pantalla negra que no permite iniciar Windows .
Read more »