Learn Bootstrap 5 and SASS by Building a Portfolio Website - Full Course

Learn Bootstrap 5 and Sass by building a portfolio website. Bootstrap is one of the most popular CSS frameworks and Sass is one of the most popular preprocessors for CSS.

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Part 1: Intro to Website Project
⌨️ (0:02:13) Part 2-1: SASS Setup
⌨️ (0:19:27) Part 2-2: Customizing Bootstrap
⌨️ (0:35:39) Part 3: File structure
⌨️ (0:43:32) Part 4: The Navbar Section
⌨️ (1:13:25) Part 5: The Intro Section
⌨️ (1:57:00) Part 6: The Companies Section
⌨️ (2:11:11) Part 7: The Services Section
⌨️ (2:41:20) Part 8: Testimonials Section
⌨️ (3:11:10) Part 9: The FAQ Section
⌨️ (3:20:13) Part 10: The Portfolio Section
⌨️ (3:45:21) Part 11: Getting Started Section
⌨️ (4:10:24) Part 12: The Footer Section

⭐️ Resources ⭐️

🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 Treehouse

--

[caiqueludemann]

I feel it might be better to watch a tutorial on bootstrap with a slower approach before watching this. Obviously this guy knows what he's doing, but he isn't much into explaining the why's and how's as to how bootstrap, sass or anything else works. Seems more like a "watch me build a portfolio site" than a "let's build a portfolio site".

[sarcasticdna]

Brad Traversy and FCC : Today is Bootstrap Day

[abdel-rahmanhusam]

I just finished watching the whole course! It's so amazing how the final product turned out to be!

[koshurcoder]

Completed this project after almost 10 days, with in-between breaks. Every aspect of it was awesome. Thank you for this wonderful course.

[colettewilson]

Just finished the tutorial and have truly learned a lot. Thank you Patrick for taking the time to do and share this with everyone, really is very appreciated, especially to a newbie like me, much respect!

[shaunsanmiguel]

This is what I'm talking about. There's not much any video there with sass and bootstrap 5 combine. Thanks for this

[elviswarutumo]

Appreciating content from my country people🇰🇪

[jamesallen]

This is hands down the best tutorial on Bootstrap 5 and Sass on youtube, i've learned so much about Sass in this tutorial, i completed the whole thing, watching you typing every command with you. Also you are a master in Emmet, the best i've seen, I'm trying to get all those shortcuts down and its helped a lot watching and trying what you did. Thanks so much, job well done, I realize how much time you've put into this tutorial and I for one am thankful.

[AmaliaDevCode]

⭐️ Course Contents ⭐️
⌨️ (@) Part 1: Intro to Website Project
⌨️ (@) Part 2-1: SASS Setup
⌨️ (@) Part 2-2: Customizing Bootstrap
⌨️ (@) Part 3: File structure
⌨️ (@) Part 4: The Navbar Section
⌨️ (@) Part 5: The Intro Section
⌨️ (@) Part 6: The Companies Section
⌨️ (@) Part 7: The Services Section
⌨️ (@) Part 8: Testimonials Section
⌨️ (@) Part 9: The FAQ Section
⌨️ (@) Part 10: The Portfolio Section
⌨️ (@) Part 11: Getting Started Section
⌨️ (@) Part 12: The Footer Section

[wkudoi]

Bootstrap Day: Traversy Media and now FCC by my country mate 🇰🇪Patrick 👌👍🏽

[paulwalker]

Fantastic project so far! I noticed in the portfolio section you never covered how to organize and show content via the buttons like in your small preview at the start of the section? I'd be really interested in knowing how to do this. Thanks.

[Busagwa]

i wonder where the theming-kit came from cx i can't seem to automatically generate like u did. but thanks for the course though

[Sandeep-czls]

I literally got a domain for my personal website and this pops on Quincy Larsson's email listing. Some sorta magic not even kidding lol

[mykalimba]

Since version 5 (c. 2017), the "npm install ..." command has automatically added the "--save" option, so you do not need to add that on the command line.

[ChllDev]

This video taught me a LOT about sass! Thank you so much!!

[mdbits]

Just finished coding along through this video. I was able to work along and develop a template with my own images and color schemes with no problem. The Sass setup with npm was excellent, and the integration with Bootsrap v5.0 amazing. It may take you a few dozen pauses of the video to stay on track, but I highly recommend coding along with this video. It is excellent for both Sass and Bootstrap v5.0

[MONASHISH]

But, please can anyone tell me that, can we add these freecodecamp's projects in our resume by doing modifications in it. Or else interviewer knows these projects already ????

[SaifullahShaquille]

Great content!!!

One query. In the 'Latest Work' section you have created some buttons namely 'All, Website, Design, Mock up'. I thought they are for filtering the works. Aren't they?

[shivaKumar-cymv]

Css later bootstrap learn? Or javascript later learn bootstrap

[sumarjunaid]

how did uh complete the project... it only works in the live server not in the browser... the stylings arent applied