Should You Learn Bootstrap in 2020?

[Music] hey what's going on guys so i know i've had you know guests on the channel lately and things are kind of changing but i am going to be making videos here and there so today i wanted to talk a little bit about bootstrap because bootstrap 5 alpha has been released i did a video on it about about a month ago or so and showed you you know the new features and how to get set up and all that but i've been i've been asked a lot lately should i learn bootstrap is it worth it am i going to need to know it stuff like that so i wanted to kind of address it so everyone has their own opinion some people hate bootstrap and hate css frameworks and would say don't learn it it's not worth it or whatever in my opinion i think pretty much anyone that deals with the front end should learn it because it's pretty easy to learn i mean it's not like learning a language it's not like learning you know a framework like a javascript framework or a php framework or something like that it's basically just memorizing classes and not even memorizing them just knowing where to look in the documentation and knowing what it what it's capable of and also maybe knowing the javascript widgets so with that said i think that it's worth learning but one thing that i really really want to stress is that i think it's really important to learn css first to learn html css you should be able to build a full website a full static website without bootstrap before you go ahead and learn either bootstrap or any css framework and as far as what you should learn in css i'm not saying you need to master it and learn like animation and stuff like that but i would say learn all the basics you know obviously colors and backgrounds and stuff the box model is really really important to understand padding margin border stuff like that and also positioning so i would suggest learning flexbox i would suggest learning css grid so that you can align things properly without having to use a framework now with that said once you get those fundamentals down and you've built maybe a couple sites by yourself without a framework then go into learning bootstrap and i think that it's it's worth it because like i said it's easy to learn and it's it's good for people that aren't really great with like design a lot of programmers don't have a good eye for design so it helps them out helps them structure things if you're not great with css like i said you should at least know the basics but you might not be great with it so you can use that on your front end maybe you deal mostly with the back end and that's another thing is it's really great for prototyping so let's say you're a django developer or ruby on rails or laravel or nodenexpress whatever it might be you can focus on that focus on working with the database your whole back end and then use bootstrap to to just kind of use as a prototype for your front end even if you plan on using something else later on at least it looks decent you can print out nice looking tables and stuff like that and you know it's it's as simple as including the cdn uh now if you're planning on using bootstrap you know as for the website as for the front end then i would highly suggest customizing it because you don't want it to look like every other bootstrap site and in order to do that you need to learn how to get it set up download the source files you can install it with npm i actually showed you how to do that in the bootstrap 5 video that i did about a month ago so you can install it you can use sas sas is another thing that i would highly recommend learning and it's another thing that's really easy to learn and when i say easy i mean relative to other to learning a language or something like that you can basically learn sas in like a weekend if you have you know if you you dedicate that time and and your attention to it um so learning sas you can customize things you don't have to use the default colors and stuff like that you can change up your primary secondary colors you can include certain parts of bootstrap so you don't even have to include the whole thing if you want to use i don't know just cards and buttons and alerts you can just include those three things instead of including the entire framework which will save you on file size and with bootstrap 5 you don't even need jquery anymore so file size isn't really an issue anymore with at least going into bootstrap 5. another thing that it's good for is the widgets javascript widgets so not everybody that builds you know websites static websites and even small web apps not everybody knows how to create like a hamburger menu or a modal uh and you should learn that stuff i'm not saying that you should just never learn that but it's it gives you an easy way to implement that into your projects before you really get into into javascript you know dealing with the dom and stuff like that um so it's great for the the little javascript widgets now one of the biggest complaints that that i've heard over the years about bootstrap and in other css frameworks is that they all look the same and this can be true if you if you don't take the time to really customize um a lot of these sites can look the same and you can spot it from a mile away that it uses bootstrap or materialize or whatever not so much with tailwind tailwind is kind of different in its own category but if we take a look at some bootstrap themes this is themes.getbootstrap.com so these are premium themes you can buy but i just wanted to kind of take a look at some of them so you have this this is kind of bootstrappy looking you have this style and then you have some dashboards that are pretty similar looking but they look really nice so if you create like a cms or any commerce backend i mean this this looks pretty nice you know here so a lot of these will look kind of similar because this is the the get bootstrap website but if we go to like a site like rapbootstrap.com where there's just different publishers and different designers and stuff or different developers you can see that a lot of these look different some of them do look the same but i will say that just websites in general these days look pretty similar so for example if we take a look at this one here you know we have the logo the nav bar we have this big background image with some text and a button this is very very standard you'll see this a lot and it doesn't matter if it's bootstrap or custom or some other framework so you have that area then you'll have the the three icons and the cards you'll have like a split two two area uh section so this is very standard and that's one thing i will say about websites these days is a lot of them do look the same now i i don't think that's necessarily a bad thing because when people go to a website they don't necessarily care about the design they just want it to be readable and i think a lot i think the the the style of of um you know that we're looking at now that we have these days is very clean easy to read things are spaced out i remember back you know 15 20 years ago every website was different they were all unique but they were horrible you could you know the contrast you had crazy animations and marquee scrolling text and it was just a lot of them were just horrible looking and you couldn't even find what you wanted to so even though today the sights are you know they're not as flashy i guess they're easy to read they're nice and clean they're nice looking and bootstrap kind of goes with that with that that general style i guess so back to learning bootstrap i think that it's well worth it it's you can learn it quick you don't need to memorize every class you always have the documentation there to reference you have the javascript widgets bootstrap five now you don't even need jquery so it's definitely something that i would suggest learning but i i'm not saying you should always use it of course learn html and css before you jump into any css framework i think that's really important at least in my own opinion but uh but that's it guys i get this question a lot so i wanted to kind of address it in a video and hopefully you enjoyed it and i'll see you next time

Channel: Traversy Media

Views: 199,045

Rating: 4.9705758 out of 5

Keywords: bootstrap, should i learn bootstrap, bootstrap 4, bootstrap 5, bootstrap vs custom css

Id: SsEn0hlKDKA

Length: 8min 44sec (524 seconds)

Published: Mon Aug 10 2020