Bootstrap 5 Crash Course | Website Build & Deploy

Подписаться 2,2 млн

Просмотров 1,1 млн

50% 1

Beginner-friendly website project using Bootstrap 5
Hostinger:
www.hostinger.com/traversymedia
- Use the code TRAVERSYMEDIA for 10% off!
Code:
github.com/bradtraversy/boots...
Project Demo:
Latest Udemy Courses:
traversymedia.com
💖 Support The Channel!
/ traversymedia
Timestamps:
0:00 - Intro
2:01 - Docs & Getting Started
4:40 - Including Bootstrap CDN
6:38 - Responsive Navbar
14:04 - Showcase With Flex Classes
24:25 - Newsletter With Input Group
31:03 - Boxes With Bootstrap Grid & Cards
33:22 - Bootstrap Icons
38:44 - Learn Sections
44:38 - FAQ With Accordion
54:50 - Instructors Grid Cards
1:01:11 - Contact Info & Map
1:07:18 - Footer
1:09:38 - Enrollment Modal
1:14:57 - Deployment To Hostinger

Наука

Опубликовано:

25 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 890

@TraversyMedia 3 года назад

One small thing I want to mention is around 33:20 when we add the icons, you will see a div with the class of “card-body” just pop in there. That got cut out for some reason, so just be sure to add that. Thanks for watching guys 😊

@camellaadam3475 3 года назад

Can u update your bootsrap4 course also on udemy?

@venkatesh2788 3 года назад

UPI payment integration with nodejs, please make a video on it

@cautionbaby8961 3 года назад

Hello Brad! I just wanted to ask what is the theme of your vscode?. Thank you!

@mixvideo2830 3 года назад

I was wondering why my card looks weard. Thank you for tour tutorial

@Bashx1 3 года назад

Also, on 34:20 you have the icons on icons.getbootstrap if you scroll all the way down

@dwmkryft 2 года назад

I cannot express how much fun this was! I love the class shortcuts! and the fact that old school CSS can be used to add a little life to the very basic bootstrap makes it a great package.

@tusharniras 8 месяцев назад

true

@bigneism 8 месяцев назад

I'm 30 minutes in and I'm shocked. I cannot believe i waited so much before trying to learn Bootstrap, it's crazy how much easier it is, thanks Brad for the amazing tutorial

@y6productions133 2 года назад

Most detailed, simplified and amazing Bootstrap Tutorial I've ever seen on RU-vid !!! Hats off ma man !!! ❤

@haejingreen8311 3 года назад

This one is what I was exactly looking for my project. Really liked this is only about 1 hour course included hosting!! Thank you so much, Brad!!

@infinityApologeticsClips 3 года назад

Another amazing course! I can't wait for an updated MERN stack course. Thanks Brad!

@cartman42069 3 года назад

exactly what i needed. been self studying front end dev about 4 months now. thanks!

@marcgold424 3 года назад

This was very dope! Informative, great pace, explanations when needed, it actually works and then you added the deployment as if you had not helped enough. Thank you very much!

@PervezAlam1 2 года назад

Brad, Thank you very much, I was searching this type of tutorial where everything is explained very effectively in an easy way. Especially for Freshers.

@kapitan5888 16 дней назад

Finished it, started around 12am saturday and did up to prior to the contact info section at 4:20 am around. Then after taking my course lectures came back and finished it just now :D. Thank you so much for Bootstrap practice!

@ghaziali3504 3 года назад

I watched this whole video, the instructor is truly amazing he is so straight forward and explains everything clearly Thankyou so much this content is seriously a gem. Best thing is I haven't got a single advertisement in between this whole lecture. Respect

@ashtarpaniagua4732 3 года назад

Yes!!! I've been waiting for this. You're the MVP, Brad

@iamdanielkip 2 года назад

This video has really helped me catching up with Bootstrap again. As always, amazing content, Brad. I really hope you can make the tutorial on customizing Bootstrap, that would be another life saver. Thank you!

@tusharkatariya1839 3 года назад

Thank you, for existing and starting this youtube channel.

@insideTheDiv 2 года назад

❤️

@xtractztv8628 Год назад

Amazing tutorial. One for history. I have been working with this tutorial as I am new to Bootstrap and Emmett, and not HTML and CSS. I now feel a lot more confident. You taught me good habits and showed a lot for my future reference when building sites. I honestly feel so relieved haha

@rifatspk 3 года назад

I was waiting for your crash course. Thanks Brad. ❤️❤️

@headspace6457 2 года назад

Awesome video! Thank you for all of the time and energy that you put into making these.

@avian960 2 года назад

Hey, I'm a student and I'm working on my "final" project currently, this video helped me a lot on how to start my website using the Bootstrap Platform. Thank you so much for this!

@iluvsyphonfilter 3 года назад

Thank you very much! I was actually watching your old bootstrap crash course yesterday and wanted to see how the bootstrap 5 works 👏

@nathanturkson208 Год назад

Just finished this video and learnt a lot during the code along. Many thanks Brad. You're awesome!

@johnherrera5913 3 года назад

Master! Great explanation, very clear. You're such a good teacher, thanks a lot!

@jayelliii1806 2 года назад

Hello Brad: Thank you for taking the time for this tutorial. I am a brand novice to BootStrap and somewhat a novice in Python. The accordion refused to work when running off Python. I just loaded jQuery in the body (bottom before BootStrap) and it all worked. Nice; very nice. Once again, thank you.

@cilomiarraz 3 года назад

Great video. It was a perfect introduction to the bootstrap 5. I could see its power... thanks a lot.

@glennadams8833 3 года назад

Thanks Brad! Very nice bootstrap refresher... and just in time to help me sort out some layout issues with my own project using Mapbox.

@yodkwtf 3 года назад

I learned a bit of bootstrap after learning css last year but didn't create anything. Now that Bootstrap came out with new version this video is super useful. Thanks Brad!

@prajulsahu9838 3 года назад

I was just about to start learning Bootstrap 5 today...and yeah...it's here. You've been my mentor, Sir.

@duytungnguyen5394 3 года назад

glad to hear your voice and see how great teacher you are

@abenjamin13 3 года назад

Sweet thank you 🙏 Brad. I’ve been meaning to learn 5.

@vrk4052 3 года назад

Literally the tutorial I was waiting for you to release, mind-reader

@JayAyers Год назад

Clifford Brown will always be my trumpet hero. I put him above all other trumpeters. He was a lyrical genius and I feel the world should know more about his music. Great rendition of 'I Remember Clifford'!

@mike_valan 3 года назад

Thank you, Brad! We love you!

@raulshahi8316 3 года назад

Was waiting for this since so long, Thank you Brad

@CodingwithBasir 3 года назад

very clear and concise tutorial on Bootstrap 5. thanks, Brad.

@adrielt Год назад

I bought your course before when I was trying to learn bootstrap 4 back in 2018. It was really good didn't know you have a big youtube channel. I stopped learning to code and will try to relearn this again. Thank you for this video

@atruewild 3 года назад

As a hobby I decided to learn programming. Have started with HTML, CSS, basic JavaScript. (Not sure that is “programming”, or the feeling of completing a cross word puzzle.) Regardless you are a talented teacher! You have a humble quality that translates to encouragement- and anyone can learn how to do this. You are the Richard Feynman of learning front end development. Thank you!

@supertacticalbacon 2 года назад

Good luck! I'm coming in with a decent python background plus some compiled languages and HTML+CSS is kicking my ass. Honestly struggling with CSS more than I did with C and memory stuff.

@tawchaentertainment1488 2 года назад

@@supertacticalbacon you'll get it eventually it was the same for me Im a computing student and I got my head around html and css self taught in like 2 months

@zes3813 2 года назад

wrr

@whysoseriousinc7756 2 года назад

how far with your programming journey

@Moodboard39 Год назад

@@supertacticalbacon lol they should left it as it is.. now they crap boostrap , gotta learn that now ..

@aguswidi9316 Год назад

Watching this at 2:00 am, it was increase my knowledge of bootstrap5 in real world. Many thank's

@saidneder41 2 года назад

Brad, I have always struggled with Front end dev, but your tutorial is just too good to be true...

@quadg1893 Год назад

I always had so much trouble understanding how to build with responsiveness but you just made it so much easier so thank you!

@robiulhasan9553 3 года назад

I have done this project properly. Lots of thanks from Bangladesh.

@emmanuelfabiani8435 3 года назад

Great project Brad! Thank you so much for this!!

@parthkadam2681 11 месяцев назад

The instructor's teaching style is fantastic, and the real-world website makes it easy to grasp. Highly recommended for anyone looking to master Bootstrap 5. Happy to apply all the concepts in a project form Thumbs up! 👍🚀

@VjRocker007 2 года назад

Hey Brad, thanks for the video guide, I really enjoyed your explanation throughout the whole process and I have managed to really learn a lot throughout the video. Really appreciate your work and wish you all the best!

@philippec4448 3 года назад

Never disappointed when you realease a new video. Thank you Sir!

@kiwi-Centaur 2 года назад

Hey Brad thanks for the wonderful demonstration, project was nicely calculated and presented, appreciate your good work.

@anonymouseverx 3 года назад

I cant say thanks enough. Thank you, Brad.

@saira_anonymous1599 3 года назад

Been waiting for this😻thank you ❤️

@Jordan-rv8gl 2 года назад

This was an amazing introduction to bootstrap! Thanks for the terrific content :)

@eyesOnJayda 2 года назад

This is by far the best course on Bootstrap by a mile!!

@eduardom800 3 года назад

Thank you so much for the passion and effort into these videos.

@ale3xandria 2 года назад

Great video! Would love to see another one on customization etc that you mentioned in the beginning 🙏

@achuyatsahajoy1390 Год назад

Learning becomes so easy with your courses. Thank you so much for delivering these courses for free.

@matdan-tech6108 2 года назад

You are the best tutor I have ever met online, I can easily comprehend what you are teaching. I'll recommend your channel any day. Stay blessed.

@PRIYANKASharma-uv8lx Год назад

You are a wonderful teacher, good understanding everyone can learn from you either beginners or developer. I have taken four courses of yours from Udemy. Your teaching method is easy to understand. Thanks Brad God bless you.

@godfreyndiritu9062 3 года назад

Traversey's intro is funny, it reminds me of my high school teacher before starting a lesson 😂😂😂😂. Anyway thanks Brad you'll probably never have an idea of how much you've impacted my life and others. Blessings to you.

@brutuslaurentius8729 2 года назад

Excellent job. Proper pacing, covered the basics and ended it well.

@Promontie 3 года назад

Once again, great work Brad!

@hanjiplayer 3 года назад

I was literally just looking through bootstrap videos because I was getting confused by w3; amazing timing, thank god

@Junonino 3 года назад

Omg I have been looking like crazy for something like this for the last two days and here it is! 😅

@kilanjertran428 3 года назад

its so ironic that i just finished a section in a web development course im doing which was bootstrap an i get a video next day about brad's bootstrap 5 crash course lol thank u so much brad will be a good practice for me

@uttamdutta1762 4 месяца назад

This is one of the best courses I ever followed. Thanks.

@kalbizzy 4 месяца назад

I'm lost for words at how beautiful this tutorial is. Can't thank you enough

@ilyesmerzouk6682 3 года назад

I literally needed this course yesterday, so ur a mind reader now 🧐

@i_am_a_boy5655 2 года назад

I need it today lol

@ericberman3965 Год назад

Brad, you're the man bro! Thanks for your great content as always

@NewLondonMarshall 2 года назад

As soon as I found out about CTRL + D / CMD + D, I use it every single day for changing multiple occurrences of the same text :) it's so good!

@chibuzoronochie604 2 года назад

Thanks Brad. Always delighted to watch your video.

@delacruz2709 Год назад

Thank you very much Brad for such a tutorial. Every Step is explained in details...... I got to learn alot in Boostrap just by watching this amazing video.

@chrisstucker1813 Год назад

Outstanding as usual Brad. You're one of the very best at what you do, such a great teacher. Eternally thankful!

@mauro21523 3 года назад

I am designing and doing a portfolio for my new job, thank you Brad.

@Kandufilms 3 года назад

love your content thank you so much, i've learned so much in a short amount of time

@dihannwillemse2790 3 года назад

Amazing tutorial brad. Loved it!

@teacheforward97 2 года назад

It's very easy to understand and helps me a lot. Great teaching (y)!!!

@marc.roelofs 2 года назад

Fantastic video. I really helped me with my final project for a course. Thanks a lot!

@ioannisme7495 3 года назад

amazing!! i will enjoy every second.

@adrianmontilla3095 3 года назад

This proyect is awsome thanks Big Man 💪❤️

@albedesigns Год назад

This is exactly what I needed... and exactly what I was looking for! Thank you!!!

@touzaelhassan 3 года назад

Thank You Brad, Your Content is Awesome and Helpful.

@saeednoruzic 3 года назад

wow this one was really awesome thankyou brad I cant wait to see how we customize bootstrap 5 especially component icons and component customization

@CodeWithArjun 3 года назад

Thank you for the much awaited tutorial sir .

@Universaeducation 3 года назад

Thank you very much. I really enjoyed making this beginner project.

@NNNedlog 3 года назад

I really needed this tutorial. Thanks :)

@VideoServicesLI 3 года назад

Very cool, thanks Brad!! Great stuff.

@AhmedMuhammed-et4de 5 месяцев назад

Wow, this tutorial was an absolute game-changer for me! I started off feeling a bit overwhelmed, but your step-by-step guidance and explanations made everything click. Now I feel confident diving into Bootstrap projects. Your efforts are greatly appreciated - keep up the fantastic work! 🙌👏