Bootstrap 5 Crash Course | Website Build & Deploy
Vložit
- čas přidán 29. 06. 2024
- 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 - Věda a technologie
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 😊
Can u update your bootsrap4 course also on udemy?
UPI payment integration with nodejs, please make a video on it
Hello Brad! I just wanted to ask what is the theme of your vscode?.
Thank you!
I was wondering why my card looks weard. Thank you for tour tutorial
Also, on 34:20 you have the icons on icons.getbootstrap if you scroll all the way down
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
Most detailed, simplified and amazing Bootstrap Tutorial I've ever seen on CZcams !!!
Hats off ma man !!! ❤
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!!
Another amazing course! I can't wait for an updated MERN stack course. Thanks Brad!
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.
true
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!
exactly what i needed. been self studying front end dev about 4 months now. thanks!
Yes!!! I've been waiting for this. You're the MVP, Brad
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.
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!
Awesome video! Thank you for all of the time and energy that you put into making these.
I was waiting for your crash course. Thanks Brad. ❤️❤️
Just finished this video and learnt a lot during the code along. Many thanks Brad. You're awesome!
Master! Great explanation, very clear. You're such a good teacher, thanks a lot!
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
Great video. It was a perfect introduction to the bootstrap 5. I could see its power... thanks a lot.
Thank you, for existing and starting this youtube channel.
❤️
Thank you very much! I was actually watching your old bootstrap crash course yesterday and wanted to see how the bootstrap 5 works 👏
Thanks Brad! Very nice bootstrap refresher... and just in time to help me sort out some layout issues with my own project using Mapbox.
I have tortured myself all these years, the css put me in trouble. But now I follow your tutorial, and things that took me HOURS to do are done here in a couple of minutes. Thank you!
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!
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
Literally the tutorial I was waiting for you to release, mind-reader
Watching this at 2:00 am, it was increase my knowledge of bootstrap5 in real world. Many thank's
Sweet thank you 🙏 Brad. I’ve been meaning to learn 5.
Never disappointed when you realease a new video. Thank you Sir!
glad to hear your voice and see how great teacher you are
Was waiting for this since so long, Thank you Brad
Thank you, Brad! We love you!
very clear and concise tutorial on Bootstrap 5. thanks, Brad.
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!
Hey Brad thanks for the wonderful demonstration, project was nicely calculated and presented, appreciate your good work.
Great project Brad! Thank you so much for this!!
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!
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.
@@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
wrr
how far with your programming journey
@@supertacticalbacon lol they should left it as it is.. now they crap boostrap , gotta learn that now ..
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!
This was an amazing introduction to bootstrap! Thanks for the terrific content :)
Outstanding as usual Brad. You're one of the very best at what you do, such a great teacher. Eternally thankful!
I always had so much trouble understanding how to build with responsiveness but you just made it so much easier so thank you!
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.
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!
Omg I have been looking like crazy for something like this for the last two days and here it is! 😅
I was just about to start learning Bootstrap 5 today...and yeah...it's here. You've been my mentor, Sir.
This is one of the best courses I ever followed. Thanks.
Great video! Would love to see another one on customization etc that you mentioned in the beginning 🙏
Thanks Brad. Always delighted to watch your video.
Thank you so much for the passion and effort into these videos.
Been waiting for this😻thank you ❤️
I cant say thanks enough. Thank you, Brad.
Brad, you're the man bro! Thanks for your great content as always
Excellent job. Proper pacing, covered the basics and ended it well.
Learning becomes so easy with your courses. Thank you so much for delivering these courses for free.
Once again, great work Brad!
This is exactly what I needed... and exactly what I was looking for! Thank you!!!
Brad, I have always struggled with Front end dev, but your tutorial is just too good to be true...
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'!
It's very easy to understand and helps me a lot. Great teaching (y)!!!
I have done this project properly. Lots of thanks from Bangladesh.
You make this look easy, Brad. Thanks and greetings from The Netherlands.
I'm lost for words at how beautiful this tutorial is. Can't thank you enough
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
love your content thank you so much, i've learned so much in a short amount of time
Brilliant course. Great pave, very thorough and well explained. Easy to follow! This video was exactly what I needed.
wow this one was really awesome thankyou brad I cant wait to see how we customize bootstrap 5 especially component icons and component customization
Amazing tutorial brad. Loved it!
I literally needed this course yesterday, so ur a mind reader now 🧐
I need it today lol
you're a good teacher, I understand everything immediately
Very cool, thanks Brad!! Great stuff.
This is by far the best course on Bootstrap by a mile!!
Thank You Brad, Your Content is Awesome and Helpful.
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! 👍🚀
amazing!! i will enjoy every second.
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.
I really enjoyed the tutorial. Straight to the point. Please make more tutorial content. 🎉
Thank you very much. I really enjoyed making this beginner project.
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.
Fantastic video. I really helped me with my final project for a course. Thanks a lot!
I am designing and doing a portfolio for my new job, thank you Brad.
i like all of your courses. thanks brad.
This is a beautiful website. Thanks Brad!
I really needed this tutorial. Thanks :)
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.
Liked before I started watching. Brad has done it again.
Oh, Bootstrap 5 is on menu today! Nice... Thank you Brad.
This proyect is awsome thanks Big Man 💪❤️
Thanks Brad! So many people owe you so much of what they know 😅🙏🏻 Thank You
This is the easiest explanation of Bootstrap that I have come across!! Thanks, much appreciated.
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.
Thank you. I learned a lot. I just starting studying boostrap and I understand it now.
I was literally just looking through bootstrap videos because I was getting confused by w3; amazing timing, thank god
Thank you, i've not actually gone into the video yet but i can tell it's good because of the introduction.
Thank you.
Hey, Brad, thank you so much for this tutorial, I'm very thankful for this lesson!
Thank you for the much awaited tutorial sir .
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
I don't know why, when I learn something from you, it hits the spot!
This man just makes things easy to understand
Great tutorial! I’m not new to web dev but I picked up a lot of useful tips :)
Brad, it was very helpful. This tutorial helped me to learn more about Bootstrap.
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! 🙌👏
The best lesson about bootstrap which i have seen so far. Thank you very much.