Bootstrap masterclass
Learn Bootstrap inside out by building projects from a Webpack boilerplate to converting a Figma design into an HTML prototype for a SaaS app.
Register Your Interest
I'm currently working on the final parts of this course , so enter your email below and I'll send you a message when it's been released.
Course overview
In this Bootstrap masterclass, you will learn how to build responsive, mobile-first websites using Bootstrap’s powerful grid system, utilities, and components. We'll dive deep into the fundamentals and advanced features of Bootstrap, including typography, forms, buttons, navigation, and much more. You'll also discover how to customise and extend Bootstrap with...
In this Bootstrap masterclass, you will learn how to build responsive, mobile-first websites using Bootstrap’s powerful grid system, utilities, and components. We'll dive deep into the fundamentals and advanced features of Bootstrap, including typography, forms, buttons, navigation, and much more. You'll also discover how to customise and extend Bootstrap with your own styles and themes, and use its utility API to create custom utility classes tailored to your needs.
What sets this course apart is my unique approach to project-based learning. Each project comes with its own Agile board, and, in many cases, Figma design files and Product Requirement Documents (PRDs). This structure ensures you gain real-world practice, mirroring professional workflows. You won't just blindly copy me as we build templates; we'll also implement modern methodologies like Component Driven Development, Domain Driven Development, and Atomic Design to organise and structure your project files.
This course doesn’t stop at just teaching you the basics. We’ll explore advanced topics like Bootstrap’s JavaScript plugins, customising the Bootstrap SCSS source files, and using the new colour settings. You’ll also gain practical experience by building real-world projects like landing pages and dashboards, ensuring you’re ready to apply these skills in a professional setting.
By the end of this course, you'll have a thorough understanding of Bootstrap and be able to create stunning, responsive websites. These skills are highly sought after in the job market, and you can use them to earn income as a frontend web developer. Whether you're looking to freelance, build your own projects, or enhance your career prospects, mastering Bootstrap is a valuable asset.
Join me in this Bootstrap Masterclass and take the next step in your journey to becoming a skilled frontend web developer.
What you will learn
- Understand what Bootstrap is and why it’s essential for frontend development.
- Learn how to set up Bootstrap in your projects using CDN and npm.
- Master the Bootstrap grid system to create responsive layouts.
- Utilise Bootstrap’s typography settings to style text effectively.
- Explore and apply Bootstrap’s utility classes for styling and layout control.
- Create and customise Bootstrap components like alerts, buttons, and cards.
- Understand what Bootstrap is and why it’s essential for frontend development.
- Learn how to set up Bootstrap in your projects using CDN and npm.
- Master the Bootstrap grid system to create responsive layouts.
- Utilise Bootstrap’s typography settings to style text effectively.
- Explore and apply Bootstrap’s utility classes for styling and layout control.
- Create and customise Bootstrap components like alerts, buttons, and cards.
- Build and manage forms with Bootstrap’s form controls and validation.
- Use JavaScript to enhance Bootstrap components like modals and carousels.
- Customise Bootstrap with SCSS to create unique styles and themes.
- Implement Bootstrap’s new colour settings for consistent design.
- Integrate Bootstrap Icons to enhance your web designs.
- Leverage Bootstrap’s responsive utilities for mobile-first development.
- Understand and use Bootstrap’s Utility API to create custom utilities.
- Build real-world projects like responsive landing pages and dashboards.
Table of contents
Below, you'll find the table of contents for all the videos available in this course. Click on a chapter to expand and see the videos included.
Course FAQs
-
What is this?
- This is a web development video course designed to help you improve your frontend development skills. The course is broken down into smaller chapters, and each chapter contains a series of related videos.
-
When can I enrol?
- When the course is ready, the "Register your interest" button will be replaced with an "Enrol Now" button. Be sure to add your email via the "Register your interest" button to be notified when the course is ready.
Additional resources
-
Frontend web development projects
Beginner-friendly projects focusing on HTML, CSS, and JavaScript.
-
Free website templates
Collection of free, high-quality website templates for your next project.
-
Frontend web development quizzes
Test your knowledge on frontend subjects such as HTML, CSS, and JavaScript.