Starting on a javascript/HTML project for school was daunting for someone like me who hadn't spent much time working with CSS. I, of course, knew my primary goal was to make sure my website ran with the required functionality. However, I also have this perfectionist desire that it also needed to look good as well. If you too have this need to make sure your work looks good, but on a tight schedule, bootstrap is definitely for you.
Bootstrap is a front-end CSS framework that takes a lot of stress out of formatting a good looking website and making it responsive. It will take into account window size and it is mobile friendly!
Through my classes, I could see what bootstrap could accomplish but didn't know how to achieve those things on my own. These are some fun ways I found that helped me learn fast:
- First is starting with the most obvious but the main bootstrap webpage! There's a quickstart guide that's incredibly simple to follow: https://getbootstrap.com/docs/5.2/getting-started/introduction/. However, after getting set up using the guide I was a little lost. "Now what?"
This documentation is great and goes over a lot. However, if you want to get started right away and start playing with the code, using the examples page is a great help. https://getbootstrap.com/docs/5.2/examples/
Using this page you can see what is possible with bootstrap and even modify code to see what happens as a result. This is how you can also see what code is used most often to achieve a look you might be going for. This is how I learned about containers and cards. This is listed in the documentation but the example page showed how these can be utilized.
Next is W3 Schools: https://www.w3schools.com/whatis/whatis_bootstrap.asp. They have a whole section for bootstrap with examples. Their built in examples let you modify the code to see the outcomes right away. This is super helpful for learning how small changes to the code can make or break things.
Udemy has great courses for bootstrap!
https://www.udemy.com/courses/search/?src=ukw&q=bootstrap They range from beginner level to more advanced instruction. Catching a sale and following some videos is a great way to learn this framework. After watching a beginner video, I realized there were some better ways to use the elements I had already put into my project!
Learning basics of CSS can help with modifying parts of bootstrap that you want to overwrite. Working on a project with a goal in mind, or trying to recreate and existing website could be fun ways to learn and to get you learning fast.
The best way to learn is by doing - so let's get started!
Top comments (0)