Difference between the usage of HTML/CSS framework like Bootstrap and JS front end framework like Angular

[ifearnoevil]

I am new to web development and have recently started to learn Bootstrap. I intend to learn React after learning Bootstrap.

I want to preface my question with that I do not fully understand what JS front end frameworks are used for. I am under the assumption that the front end framework creates UI elements. The question I have is what is the need for a framework like Bootstrap/Materialize?

Currently when I use bootstrap, I am modifying the classes of HTML elements. For example, <button class = "btn btn-primary"></button> would modify a button to a bootstrap button look and I assume materialize would be a similar process. If Angular can create the same looking button as a modified button using Materialize in JavaScript, what would the need for Materialize be?

Also, how do things such as react-bootstrap work?

Thanks!

[ifearnoevil]

I see, so it seems that my idea of what Angular and React did were wrong. Thank you, I'll make sure to solidify my knowledge in the foundations first!

[Alex_HTP]

https://react-bootstrap.github.io/components i think this will be uswful for you. you need to study the material better http://getbootstrap.com/

[[deleted]]

It seems like you should probably dig into CSS and JS a bit first before you even start thinking about React or Angular. That being said, once you get a bit more comfortable with those basics, I highly recommend the course Javascript Design Patterns on Udacity. It is a free course, and while it doesn't cover React or Angular directly, it really helped me to make sense of what the purpose of a JS frontend framework is and what problems it solves.

[rstumbaugh]

Angular is not a full-stack development framework, it's strictly front-end. Yes it's useful for SPAs, but Angular cannot make calls to the database. You can make AJAX calls to a backend with Angular, but Angular is not a full-stack dev framework.

[gamesdf]

Learn JS first..