I am not a software engineer and build mostly marketing sites. So learning from the official Bootstrap 4 documentation was very confusing for me. I also had a lot of unanswered questions, like how to properly use the picture element for responsive images, what is the best workflow to follow the mobile-first principle, and is Bootstrap even necessary?
In addition to my experience, I interviewd people visiting my site who said they were using Bootstrap even before they learned HTML & CSS. So I wanted to provide supplemental information to help responsive web design beginners bridge the gap so they can quickly begin building their ideas.
Topics covered: responsive images, image cards, parallax background images, Google fonts, carousel cross-fade, and vertical centered text.
Click image for animated gif preview
Topics covered: 100% height sidebar, card deck, FontAwesome icons, responsive charts and tables, and custom navigation tree menu.
This Bootstrap 4 book and toolkit will teach you how to quickly prototype and build responsive websites and web applications using Bootstrap 4. You will become familiar with the new cards component, setting up the new flexbox grid layout, how to customize the look and feel, and follow the mobile-first development workflow.
You will also learn the history behind responsive design and the reasons why you should use Bootstrap in your projects vs writing CSS styles from scratch.
“This course helped me see another perspective with Bootstrap. Your material provided a systematic, easy approach to new technologies. You showed how Bootstrap can first be used as a cookie cutter approach before you start getting crazy with special CSS manipulation. I love all that your material has provided and is a resource if I need to mobilize information quickly. Thank you. Cory C. Bowles, frontend developer beginner
“The book uses metaphor's throughout which helps make technical concepts clear and easier to understand. Max, Web Developer
“The training documents were great. They got me started quickly and I was able to jump into installing Bootstrap 4 and getting my website framework started. Andrew Diaz, Web Developer
“It is clear and well structured. A good start for Bootstrap 4 beginners. Uwe, webworker
“A helpful primer in developing responsive layouts with Bootstrap 4. Dan Joseph, Software Engineer
I am not a software engineer and build mostly marketing sites. So learning from the official documentation was very confusing. I also had a lot of unanswered questions like how to properly use the picture element for responsive images, what is the best workflow to follow the mobile-first principle, and is Bootstrap even necessary?
I have also had the desire to help people through teaching but never in a book form. So I decided to give it a try. :)
The biggest struggle I faced learning Bootstrap was understanding the terminology used in the documentation. It was written for software engineers. As a beginner, a lot of the explanations didn't make much sense. I craved more visual examples and simple explanations.
I created this course for two reasons: to help make it easier for you to learn the framework, and to help further your career as a web developer.
Let's build a responsive web together!
- Jacob Lett, your teacher
P.S. If you ever have any questions, you can call/text me directly at (586) 894-8024.