5 Quick Wins in Bootstrap 5 (plus dispelling 1 major myth)
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- Bootstrap 5 allows web developers to quickly create powerful, responsive web applications. In fact, it doesn't matter if you are just starting out or if you are an expert in web development, Bootstrap 5 will make you better.
In this video, we will look at five quick wins Bootstrap gives us, including easy, responsive designs without writing media queries and a quick way to add dark mode to your website, among others. But before we even get to those, I will address one myth surrounding Bootstrap that needs to be squashed.
Bootstrap 5 course: www.iamtimcore...
Full Training Courses: IAmTimCorey.com
Mailing List: signup.iamtimc...
Thank you for dispelling the myth of Bootstrap performance issues. Always great content!
You are welcome.
Finally i get some up this sizing stuff that I never got before, thanks so much! And a couple of tricks such as seeing media queries in the dev tools...
I am glad it was helpful.
Hi Tim, I keep hearing about the clean architecture in Microservices, but everyone implements that differently.
can you please advise on what a senior developer should know about the architectures, and the resources to learn from ?
Thanks for the suggestion. Please add it to the list on the suggestion site so others can vote on it as well: suggestions.iamtimcorey.com/
First resource I can recommend is a Nick Chapsas video, where I recall he covered the topic decently well for his style of video. For me, Nick's video was better than most out there, especially the Microsoft/Community sponsored videos that tend to be time constrained and dive you into a gigantic ready-made project, which really, really doesn't help. I typically prefer Tim's approach of a longer video, starting from scratch, step by step. But I would actually prefer a paid Clean Architecture course, where perhaps we build a sample application together, layer by layer. Hint, hint Tim :)
Second resource I can recommend, might be a bit controversial, and perhaps not available to everyone-- GPT-4. I asked GPT-4 to explain Clean Architecture, layer by layer, using a sample Todo List app. I provided some specifics, e.g., a Web API using SQL and Dapper for data access. Obviously take the necessary precautions with using AI, but for Clean Architecture of a Todo List app, I left the experience with the sentiment GPT-4 had provided me the best introduction compared to any video I watched or blog I read. I still look forward to Tim's paid-for course, as ultimately that will provide the most solid foundation. Nevertheless, I was impressed the AI never lost patience will my war-gaming and clarifying questions as we stepped through the layers. So I can confidently recommend GPT-4 as an intro to get anyone off the ground for Clean Architecture.
@@IAmTimCorey Thanks for the reply, suggestion added.
I like Bootstrap! This is really good stuff! In your course are you dealing with full page background video / tbh I'm struggling with that! / greetings from London!😊
That's not really something Bootstrap does. That would be something you would do in CSS. Just be careful to make the video as small as possible and have a fallback for slower Internet connections. A video like that can really drag down your site stats.
@@IAmTimCorey yes you're right! It's slowing down a bit so I need resize it! / make a smaller section / !defo check your course! Thanks very much!
Good one Tim👍
Thanks!
*Is it possible to download bootstrap 5 so you don't need to rely on CDN ?*
Absolutely. I show that in the course. I also show how to override the default settings and even remove pieces.
This is good to know. I didn't know about the color mode so I built my own classes to override. I use it with Blazor so I have built a ThemeManager class that handles whether or not to pick the system setting or a preferred mode.
I am glad it was helpful.
A gem
Thanks!
Once you go Tailwind, you don't go..... bootstrap?
Seriously though, I was a very late adopter, but I can't imagine ever going back to bootstrap. Anyone have any good arguments on why I should switch from Tailwind?
Less verbosity and better adoption, but use what you like.
@@IAmTimCorey Exactly. And also some of us folks in Fortune 100 companies must use approved technologies. We've had absolutely zero performance issues with Bootstrap for over 10 years (or close to it). It just works and is VERY WELL documented and supported.
I think the issue is not with bootstrap size, it's with the wait until FCP, because even if the size was double what it is, you will not notice any difference in loading time, BUT, a good solution is to compile what you need and add it to your HTML style, this way the loading will be noticeably much faster.
FCP is incredibly fast with Bootstrap. Inlining your CSS is not usually necessary.
First comment!
👋🏻
Thanks for responding Tim!
You are welcome.
Back to a 'bit confused' again, because when I look at other tutorials, they all go from small to large, left to right, with the saying that it is 'mobile first', but yours are from large to small EG "col-xl-3 col-lg-4 col-md-5", versus "col-md-5 col-lg-4 col-xl-3", which now makes more sense to me going from smallest screen to largest screen. Does it make any difference, or is this just a preference??
The order of classes in HTML does not matter unless the CSS in one class conflict the CSS in another. So since that isn’t the case, you get to apply them in the order that makes sense to you. Actually, I normally go small to large too. It sure why I didn’t here.
Thanks for responding Tim!
👍
Your lessons are greatly enlightening for us teacher! Thank you so much for your hard efforts to enlighten us and to bring us to light of knowledge out of the darkness of ignorance.
You are welcome.
Great Video! Thanks for sharing!
You are welcome.
tailwindcss gang
👋
Thanks Tim
You are welcome.
Have you used Tailwind CSS Tim?
I have.
@@IAmTimCorey do you like it too?
I'm not really a big fan. It is too verbose for me. There is a balance between one big class to modify everything and lots of tiny classes that each do one thing. That middle ground is Bootstrap. The "lots of tiny classes" is Tailwind.
@@IAmTimCorey I see, thank you!