Taller #1 – ¿Cómo hacer un sitio web con bootstrap 4? – Curso completo paso a paso



https://i.ytimg.com/vi/eDsJAPszugg/hqdefault.jpg



Aprende a crear un página web completa con Bootstrap 4, paso a paso y gratis!, con los componentes más importantes de este Framework. Utilizaremos HTML y la menor cantidad de CSS posibles.
#Bootstrap #CrearPáginaWeb #DesdeCero

Este Taller #1 de nuestro curso completo de Bootstrap 2017, tiene como objetivo poner en práctica lo aprendido hasta el momento.

Analizaremos los siguientes temas:
*** Descargar Bootstrap en su versión 4 00:26
*** Configuraciones de Css, Javascripts y estructura en Html5 01:13
*** Creación de un menú (Navbar) 03:35
*** Creación de un Slider (Flexbox) 08:43
*** Utilizar el sistema Grid de Boostrap 19:52
*** Creación de Aside (Cards) 29:13
*** Configuraciones Responsives 33:22
*** Footer 35:27
*** Fin

Puedes descargar la plantilla del blog en el siguiente enlace: https://goo.gl/sN7zG8

Errores detectados (soy humano jiji):
Display: No le coloque un número asignado por lo tanto tomó la clase del h1, recuerden que pueden utilizar del display-1 al display-4

Curso de Bootstrap 4 PREMIUM!
El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze

MÁS CURSOS DE BLUUWEB!
📌 HTML Y CSS: https://goo.gl/yoMdMZ
📌 JAVASCRIPT: https://goo.gl/hnQkog
📌 JQUERY: https://goo.gl/Ag7XsG
📌 CSS GRID: https://goo.gl/nR56pT
📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R
📌 BOOTSTRAP 4: https://goo.gl/npezrj
📌 PHOTOSHOP: https://goo.gl/1C9k5n
📌 PSD A HTML: https://goo.gl/VYX2V6
📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm
📌 PHP Y MYSQL: https://goo.gl/oao1QT
📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH
📌 ANGULAR: https://goo.gl/WJhtnC
📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i
📌 PHP LARAVEL: https://goo.gl/iAbPBy
📌 MATERIALIZE CSS: https://goo.gl/7pSFY5
📌 IONIC: https://goo.gl/RNGKTD
📌 SASS: https://goo.gl/ba7mEE
📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi

¿Necesitas crear formularios de contacto con PHP?
Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ

No olvides suscribirte a este hermoso canal y destruirme en los comentarios 🙂

También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/

Finalmente visita mi sitio web: http://ignaciogutierrez.cl

Original source


33 responses to “Taller #1 – ¿Cómo hacer un sitio web con bootstrap 4? – Curso completo paso a paso”

  1. Brother es la primera vez que comento un vídeo, y me tomo el tiempo de hacerlo para felicitarte, enseñas muy bien, y gracias a ti eh aprendido mucho sobre Bootstrap, aunque la versión actual es la 4.1.1, estoy aprendiendo a leer la documentación y así solucionar algunos cambios que surgieron con la ultima versión, Gracias por todo y sigue así. Saludos.

  2. Hola buenos días, una pregunta, ¿por qué en la cabecera pones dos container (uno fluid y después el normal) y no lo pones directamente debajo del nav? Ejemplo: <nav class="// // // //"><div class="container">CÓDIGO DEL MENÚ</div></nav>

  3. Para los que están haciendo el curso en 2018, hdden-xs-down ya no existe en bootstrap 4, se remplazó por d-none d-sm-block, sm corresponde a partir de qué tamaño queremos que sea visible.

  4. La verdad que son muy buenos los videos por la forma tan transparente que el explica espero que continue y cumpla lo prometido en este curso y seguidmos esperando mas en wordpress. Hare una comunidad aqui para el team wordpress de bluuweb! xD

  5. Hola ignacio, muy bueno tu tuto. Quiero poner un texto slider debajo del navbar pero sin usar imagen de fondo. El texto lo imprime pero siempre detras del navbar, como flotarlo un poco mas abajo para que se pueda ver?, ya he tratado con algunas clases de flex pero no he podido. Saludos cordiales

  6. Hola Bluuweb! que buenos son tus videos, son muy didacticos, te felicito!!. Queria pedirte si puedes hacer un ejemplo de como hacer un menu de navegacion vertical y con submenus con bootstrap 4, ya que el horizontal esta muy bien explicado pero no encuentro un ejemplo de como hacer uno vertical.

  7. amigo una consulta estoy siguiendo tus videos hace poco me eh quedado estancado aqui en los layouts cuando haces para ocultarlos con la clases hidden pero yo estoy trabajando con la beta 3 de bootstrap donde segun leo la documentacion ya no existe dicha clase eh probado con esto : .d-none .d-md-block .d-xl-none pero no me resulta el ocultar las etiquetas un manita por favor como podria hacerlo

  8. hola @Blueeweb estoy siguiendo tus videos desde los cursos de html… tengo una gran duda que no he podido resolver… Como agregamos un slider con particulas aplicando boostrap ??, si me puedes responder me ayudaria muchisimo <333

  9. Asombroso me encanta el curso he aprendido bastante seria genial si pudieras hacer los diseños en photoshop y subirlos y uno que trate de hacer el desarrollo web ya ver el video por si es necesario. Aun asi pauso el video e intento hacerlo te debo muchos cafes Saludos!!

  10. Hola! amigo he estado siguiendo tus tutoriales y son buenisimos. Felicitaciones!… Te quería comentar que siguiendo este he intentado hacer el slider y haciendo las cosas como tu las haces no me sale la imagen que quiero utilizar en el mismo. Estoy haciendo algo mal? que podría estar pasando?

  11. Necesito una ayudita por favor!!! hice un sitio com bootstrap siguiendo tus enseñanzas, todo funciona perfecto, incluso mi formulario con php, mi problema es que en explorer y en edge no reconoce los estilos de bootstrap!! Como puedo solucionarlo??? Ayudaaaaaaa

  12. MUCHAS GRACIAS POR TODO!!!! Soy nueva en esto de crear sitios web y la verdad tus videos me han ayudado muchísimo (al igual que leer la documentación de bootstrap como mencionas en tus videos). Me gusta mucho que explicas todo a detalle y estás al tanto de los cambios en la tecnología.
    Te regalaré un café.
    Un abrazo 🙂

Leave a Reply