Тёмный

5 Quick Wins in Bootstrap 5 (plus dispelling 1 major myth) 

IAmTimCorey
Подписаться 415 тыс.
Просмотров 14 тыс.
50% 1

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.iamtimcorey.com/courses/b...
Full Training Courses: IAmTimCorey.com
Mailing List: signup.iamtimcorey.com/

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

 

4 апр 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 38   
@treydugas806
@treydugas806 Год назад
Thank you for dispelling the myth of Bootstrap performance issues. Always great content!
@IAmTimCorey
@IAmTimCorey Год назад
You are welcome.
@torrvic1156
@torrvic1156 Год назад
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.
@IAmTimCorey
@IAmTimCorey Год назад
You are welcome.
@marna_li
@marna_li Год назад
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.
@IAmTimCorey
@IAmTimCorey Год назад
I am glad it was helpful.
@karthiks4347
@karthiks4347 Год назад
Good one Tim👍
@IAmTimCorey
@IAmTimCorey Год назад
Thanks!
@emcattaneo
@emcattaneo Год назад
Great Video! Thanks for sharing!
@IAmTimCorey
@IAmTimCorey Год назад
You are welcome.
@attilaguba856
@attilaguba856 Год назад
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!😊
@IAmTimCorey
@IAmTimCorey Год назад
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.
@attilaguba856
@attilaguba856 Год назад
@@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!
@hqcart1
@hqcart1 Год назад
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.
@IAmTimCorey
@IAmTimCorey Год назад
FCP is incredibly fast with Bootstrap. Inlining your CSS is not usually necessary.
@nasserhossam1
@nasserhossam1 Год назад
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 ?
@IAmTimCorey
@IAmTimCorey Год назад
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/
@codefoxtrot
@codefoxtrot Год назад
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 :)
@codefoxtrot
@codefoxtrot Год назад
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.
@nasserhossam1
@nasserhossam1 Год назад
@@IAmTimCorey Thanks for the reply, suggestion added.
@mbrotto1970
@mbrotto1970 Год назад
Thanks Tim
@IAmTimCorey
@IAmTimCorey Год назад
You are welcome.
@Justin_Jay
@Justin_Jay Месяц назад
A gem
@IAmTimCorey
@IAmTimCorey Месяц назад
Thanks!
@pxnchx93
@pxnchx93 Год назад
Have you used Tailwind CSS Tim?
@IAmTimCorey
@IAmTimCorey Год назад
I have.
@pxnchx93
@pxnchx93 Год назад
@@IAmTimCorey do you like it too?
@IAmTimCorey
@IAmTimCorey Год назад
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.
@pxnchx93
@pxnchx93 Год назад
@@IAmTimCorey I see, thank you!
@forevergameplay5606
@forevergameplay5606 Год назад
First comment!
@IAmTimCorey
@IAmTimCorey Год назад
👋🏻
@bigollie006
@bigollie006 Год назад
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?
@IAmTimCorey
@IAmTimCorey Год назад
Less verbosity and better adoption, but use what you like.
@knightwriter2989
@knightwriter2989 Год назад
@@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.
@devfrederik7326
@devfrederik7326 Год назад
tailwindcss gang
@IAmTimCorey
@IAmTimCorey Год назад
👋
@terry.chootiyaa
@terry.chootiyaa Год назад
*Is it possible to download bootstrap 5 so you don't need to rely on CDN ?*
@IAmTimCorey
@IAmTimCorey Год назад
Absolutely. I show that in the course. I also show how to override the default settings and even remove pieces.
Далее
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 911 тыс.
Do You Really Need Bootstrap or Tailwind?
8:28
Просмотров 183 тыс.
2000 vs 2100
00:15
Просмотров 17 тыс.
Mama Bear Helps Babies Across Road
00:30
Просмотров 1,3 млн
ААААА СПАСИТЕ😲😲😲
00:17
Просмотров 689 тыс.
New Grid System in Bootstrap 5 (Practical Examples)
19:08
Generating Fake Data in C# with Bogus
36:11
Просмотров 22 тыс.
Learn Flexbox CSS in 8 minutes
8:16
Просмотров 1,4 млн
8 Free and Open Source Blazor UI Libraries
9:42
Просмотров 35 тыс.
3 Ways Every Developer Fails And How To Avoid Them
26:16