In the New Year’s Eve program, Quincy said Bootstrap will be deprecated to emphasize CSS skills. I’m ready to start Bootstrap today. Should I skip it?
There are tons of websites built on bootstrap and it is not going to disappear overnight. It wouldn’t hurt at all to learn it. You could get a core understanding of it in less than a week.
learning an extra skill is not bad. Plus, once you master CSS in the coming years, you will look for a faster way of doing repetitive things which will mostlikely lead you to using a CSS framework.
I think the plan is just to replace the bootstrap lessons with more advanced CSS challenges. It’s still a worthwhile thing to learn.
Don’t avoid it, but also don’t get reliant on it.
The more skills the better; it would be wise to understand what Bootstrap does and how it works. Their grid system for example is something you can easily duplicate yourself using CSS.
In fact, as @Soupedenuit mentioned,you can build your own grid system in CSS yourself and you do it as part of this course…
**I'm ready to start Bootstrap today. Should I skip it?**
- I will suggest that you keep learning it, Bootstrap won’t disappear; at least for now.
bootstrap v3.3.7 is the actual version and v4 is coming so, that tells you that we’ll have bootstrap for a while and lots of job postings require it: Indeed Bootstrap jobs…
You should learn Bootstrap, but before that you should learn CSS itself to avoid confusion (at last for me it was very confusing to learn Bootsrap while I had very limited CSS knowledge). If you already have a good understanding of CSS, then I think it definitely would be useful for you to go through Bootstrap challenges.
Drop it!! A clean set of your own SCSS %extends and mixins will give you the reusability benefits of Bootstrap without the bloat.
Are you using SASS, one of the other CSS preprocessors, or are you doing your own.
In my opinion you can learn bootstrap or any other framework but with CSS3 and almost full support for flexbox I would prefer that for most websites you’re likely to encounter. [Caniuse reports][caniuse] 97.38% support with 1.88% of the browsers untracked/unknown.
A simple example is my react previewer, check the stylesheet and see how small the CSS is. The HTML should be changed somewhat implement the use of semantic tags of HTML5. And a small edge case problem when using the mobile-mode of the developers tools, it doesn’t (or didn’t might have fixed it locally not sure yet) show both panes when going from single pane to two-pane mode using the sliders.
CSS-tricks has some good resources as usual.
Thanks. Now that I’ve finished Bootstrap, I’m spending several days widening my CSS knowledge before doing the first FCC front end projects.
Hi Yoder, I use vanilla SCSS with a super simple Gulp file.
IMO as a teacher and developer, sticking to the core language means that every hour of study is taking your much deeper into your learning path.
Core languages allow you to write clean, tight, reusable code that specifically addresses the project at hand, whereas Bootstrap it is a generic solution - resulting in code which is most often bloated and ugly, with extra markup and hundreds of lines of unused css / js - see @labiej - uncss.
Bootstrap tries to solve every problem in the world - bootstrap.min.css is currently 187 KB!! It’s like hiring a crane to move a stick. That’s insane, and site performance is paying the price.
Checking it out now…
Regarding unused CSS, I recently read this (old) article by Addy Osmani. It was a real eye opener.
One example that I expect to be quite extreme is FontAwesome because most of the time you’ll use 5 or 6 icons and a few classes like
fa-2x. A quick search report 2565 matches for the pattern
.fa* in the minified fontawesome file i.e. 2565 selectors in the CSS file. ( See footnote #1 below for how I did this )
The cheat sheet lists “only” 786 icons (search for
&# at http://fontawesome.io/cheatsheet/ and see how many are listed). So there are A LOT of extra selectors you’ll likely not even consider using. For example using icons as bullets for your unordered lists as demonstrated at http://fontawesome.io/examples/
Altogether this will lead to a large relative improvement.
- I ran the command
cat font-awesome.min.css | grep -o .fa* | wc -lwhich gave this number. I’m not certain there aren’t selectors that use more than one class but a quick scan of the files didn’t show such a case.
Its always good to look at frameworks like bootstrap and foundation .
I applied for a job a few months ago, and they asked me to do a test project using foundation framework. I had to give myself a crash course in foundation and knowledge of bootstrap helped me a lot.
I’ve gone through all the projects and am currently on the 4th d3 graph. I’ve never used bootstrap. Like others have said, core css fundamentals, particularly flexbox, will fulfill all of your formatting needs. Plus imo, bootstrap looks cheesy and, at this point, maybe a little dated.
I used to rely on bootstrap and I did not know how basic CSS works. I decided to completely stop using bootstrap, and now I can do the same things I did with bootstrap. My suggestion is to not use bootstrap, because using CSS will give you more knowledge of what is going on and allow you to do more customization.