Master Bootstrap 5 and code 6 projects
What you'll learn
- Learn how to create and use all components, helpers and utilities of Bootstrap 5
- Practice with a special built Bootstrap 5 Learning Kit (200+ source files)
- Practice with 38 coding exercises featuring more than 200 automated tests against your code
- Master the latest version: Bootstrap 5 Beta 2 (from February 2021)
- How to create fluid and responsive layouts
- How to use breakpoints and the grid system
- How to structure all kinds of content
- How to build all of the 22 components
- How to use all of the 7 helpers
- How to use all of the 14 utilities
- How to create 6 different projects
- How to customize Bootstrap 5
- Accessibility best practices
Course content
- Preview01:47
- Preview08:23
- Preview08:02
- 00:14Starter templates
- 05:19Guide to taking this course
- Preview06:11
- 4 questionsAbout Bootstrap
Requirements
- Basic understanding of HTML
- A code editor and a browser
Description
ABOUT
Bootstrap - the world's most popular front-end frameworks!
This course covers all the different parts of the latest version of the world's most popular front-end framework, Bootstrap 5 Beta 2 from February 10, 2021. Bootstrap has been used on millions of websites around the world and have been carefully developed to cover a wide range of typical user interfaces.
Web pages built with Bootstrap 5 works across all kinds of devices, browsers and screen sizes while also taking care of accessibility and a clean and modern design.
This course is for the beginner who want to learn Bootstrap 5 from the bottom up. It goes through all the different parts, but each lecture can be watched independently.
Finally, I will walk you through how to create 6 different projects using Bootstrap 5.
After learning about all the different parts you will learn how to customize and extend Bootstrap 5 with Sass. First of all, I will show you how to compile Sass with the Koala app and introduce you to the Bootstrap 5 Sass files. Then I will show you many examples of how you can customize and extend Bootstrap 5 by changing global options as well as changing the settings and styles for color, layout, content, forms, components, helpers and utilities.
PROJECTS
Learn to build the following projects using Bootstrap 5:
Project 1: Portfolio
Project 2: Resume and CV Page
Project 3: Knowledge Base
Project 4: Survey
Project 5: Landing Page
Project 6: Small Business Website
LEARNING STYLE
More than just video lectures
In addition to the video lectures this course contains the following kinds of learning materials:
Bootstrap 5 Learning Kit:
Downloadable ZIP file that works offline. More than 200 source files included.
A custom built learning kit with source code for all parts of Bootstrap 5. Features a reference section with many examples, a practice section, which you can use while learning about Bootstrap 5, and a screencast section for coding along to my screencasts. You can view the source code directly in the browser, copy it to the clipboard and export each example directly to a new CodePen.38 coding exercises:
More than 200 automatic tests against your code. This is one of the best ways to learn how to code - no downloads or installations required.5 quizzes
Test your knowledge in the end of each section by taking Multiple Choice Quizzes
WHY THIS COURSE?
Why this course instead of other Bootstrap courses?
Wondering why you should choose this course instead of other Bootstrap courses? This course has the following features that makes it stand out among the rest:
up to date with the latest version of Bootstrap 5 from February 10, 2020: version 5 Beta 2
more features and extra learning materials including coding exercises, quizzes and a custom Learning Kit
1.5+ hours and 35+ lectures teaching how to customize and extend Bootstrap 5 with Sass
most lectures can be watched independently of each other
has been carefully crafted through more than 300 hours of dedicated work
UPCOMING UPDATES
In the next update in the beginning of 2021 I will walk you through how to create more various different projects using Bootstrap 5. You will learn how to build the following projects:
Blog
Online Forum
... and more to come
I will also be adding more practice activities like coding exercises, quizzes and more.
TESTIMONIALS
Don't take my word for it – read what other students are saying about this course:
I really like the way the course is being taught. I loved the idea of the learning kit since i just need to give a quick look whenever i need to confirm something im not sure about. The way the teacher teachs is straight and i like it since we are not here to lose time. I wrote jeppe for help and I receive a response so so fast. I really recommend it.
– Diego Muralles
Amazing resource for learning bootstrap
– Gustav Frisholm
Great to see how hands on you show how to use bootstrap!
– Stephan Hoeksema
Excellent course!
– Hector Sanchez
Very well detailed and very well explained!
– Querino Anschau Junior
Yes, very good. (...) overall this course has been very good and very informative!
– Benjamin Harrison
Excellent course. Learned a lot. Thank you.
– Tim Markle
Très bon cours, pour l'instant tout est ok :)
– Eric Dekams
Who this course is for:
- Anyone who wants to learn how to make responsive and modern websites with Bootstrap 5
- Anyone who wants to learn how to make quick prototypes
Instructor
Hi there,
My name is Jeppe Schaumburg Jensen and I'm a teacher in topics related to front-end development, interaction design, music and productivity.
Front-end development
I started developing websites for desktop computers in 1999 and in 2000 I started developing my first websites for the mobile web as well.
I have been a graduate teaching assistant in an introductory course about web design and development.
I currently work as a front-end developer at one of the biggest global web agencies, Isobar.
Interaction design
I have a Master of Science in Information Technology with a specialization in Interaction Design and User Experience.
I have worked as a user experience designer at the biggest Danish online webshop: Saxo.
Music
When not working with the web I work as a professional musician, mostly playing the drums in various bands. I also consider myself as an expert in using Ableton Live for live performances, with a lot of experience in how to create and use backing tracks.
Productivity
I have spent many hours to improve my workflow and productivity by reading books about the topic and experimenting with different techniques, tools, software and apps.