Should I learn to use bootstrap

Okay I just got my first certificate. But I feel I need to learn so much more before I move further into javascript basics. So one of the things I have been wondering about is bootstrap. And hoped to get some though or input from users. I apologize in advance if I do not word my questions well.

  1. Is it something that should be considered a must learn. ( or more another useful tool in the tool box)
  2. is there a difference between using bootstrap, and pure HTML and CSS. ( if so what are the advantages)

Thank you,
Gabe.

1 Like
  1. My opinion is learn it since it’s part of the fcc curriculum, it’s the most popular CSS framework, and then you’ll know how to work with any other CSS framework.

  2. Bootstrap is just pre-written CSS, the advantage is you don’t have to write as much CSS and will get a responsive website with other bonuses like some built in accessibility(i think) and backwards comparability baked in.

Bootstrap is far from being something you must learn, although is not going to hurt you if you do.

I would say focus on learning how to layout and style components with just HTML and CSS, once you feel comfortable with that, then go ahead and take a look at Bootstrap, it shouldn’t take you more than 1 hour to know how it works, the rest should be just reading through the documentation to do what you want.

I’ve never used Boostrap myself, but that’s because I prefer doing things myself and thorughout my learning I’ve built a mini library, so when I start a new project I usually end up copy pasting code from one project to another and changing a few lines of codes.

With the introduction of Flexbox I think a tool like Bootstrap is not as necessary as it used to be, but I as I said, learn well HTML and CSS, then if you ever need a CSS framework for whatever reason (say you are in a rush and have no time to style things yourself) then use a CSS framework like Bootstrap, you will only need to read the documentation, you won’t have to learn something new.

2 Likes
  1. Lots of places use it as a UI toolkit because it’s very easy to work with, but it isn’t essential (and it’s very easy to use if you know CSS/HTML).
  2. It’s just a set of CSS classes, basically. You structure your HTML like it describes in the docs, add the classes provided by Bootstrap, and you get your UI styling.

It’s designed for putting styling into apps/websites very quickly, so you can have a more than half decent site up quick sharp. You can go very deep with CSS and HTML in terms of design and accessibility and cross-browser compatibility etc. If you use Bootstrap and just follow the instructions in the docs, you get all that: it’s not super pretty or super flashy, but it’ll work.

1 Like

Thank you for your thoughts, much appreciated .

I was going to say it, but it was already said- a lot of places work with it and, to be honest, it’s quite easy to learn.

Personally, (I’m also studying coding just for 3 months now) it was my first contact to responsive pages and taught me a lot of the importance of it, on applying media queries.

However, as far as I’ve been reading, there are other ways to get these results that you’ll eventually learn as well, so… the more you know the better

2 Likes

Why not. If it makes things pretty fast on the set up. Bootstrap 4 utilizes flexbox as well so that helps.

I don’t get to use it with my current job (we’re still on HTML4, sadness) but it’s another tool that is really easy to learn.

2 Likes

Thank you for your thoughts, much appreciated .

Also, Bootstrap is a big, well maintained CSS codebase with very clean, commented code (it uses SCSS, but that just adds a few extras on top of CSS). If your learning, do use it as a tool to learn CSS/SASS by reading the source code (either on GitHub or by downloading it from there). You need to use it for a bit beforehand so you understand what things are actually trying to do on the webpage, but once you’ve done that it’s a very good source of well-written code that’s very helpful to understand how to write CSS/SASS and how to structure a codebase.

1 Like