It gives you a deep understanding of CSS and responsive design while keeping you fully engaged along the way. You'll learn to build four different layouts: a blog, a landing page, a banner, and a company website. Each one will take your skills to a new level.
The Responsive Web Design Bootcamp
17h 36m 12s
English
Paid
The Responsive Web Design Bootcamp is a 9-lesson 17 hours 36 minutes self-paced course by Kevin Powell. It gives you a deep understanding of CSS and responsive design while keeping you fully engaged along the way.
Course facts
- Lessons
- 9
- Duration
- 17 hours 36 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Kevin Powell
- Price
- Premium
By the end of this course you'll have a solid understanding of the following subjects:
CSS basics Sane CSS defaults Specificity and selectors CSS best practices Text and fonts Units and responsive Text Flexbox layouts Vertical aligning of content Design best practices Media Queries and viewports Forms and how to make them look good Advanced flexbox concepts CSS Grid layouts Icons with Font Awesome Transitions and animations Adding it all together
Who teaches The Responsive Web Design Bootcamp? Kevin Powell
Kevin Powell is a Canadian developer and one of the most cited independent voices on modern CSS — running the Kevin Powell YouTube channel, which has anchored a generation of front-end developers' relationship with CSS. He is widely respected for the patience and depth of his explanations of the parts of CSS that the language's reputation as a quirky historical accident often obscures.
The course catalog covers modern CSS in depth: Grid and Flexbox layout, custom properties (CSS variables), modern responsive design (container queries, the dynamic viewport units, modern color spaces), CSS animations and transitions, typography on the web, and the design-system thinking that connects CSS to broader UI work. Material is structured for working developers building real interfaces.
The CourseFlix listing under this source carries 7 Kevin Powell courses spanning that range. Material is paid; Kevin Powell's courses are sold individually on the original platform. Courses are aimed at developers ready to make CSS a deliberate craft rather than an afterthought.
What lessons are included in The Responsive Web Design Bootcamp?
0:00
/ #1: CSS Fundamentals
All Course Lessons (9)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | CSS Fundamentals Demo | 03:21:16 | |
| 2 | Starting to think responsively - 1 | 01:35:38 | |
| 3 | Starting to think responsively - 2 | 01:43:33 | |
| 4 | Starting to think responsively - 3 | 01:29:22 | |
| 5 | Stepping up our style | 03:36:53 | |
| 6 | Taking flexbox to the next level | 01:33:05 | |
| 7 | CSS Grid The ultimate layout tool | 01:47:20 | |
| 8 | Taking it to the next level - 1 | 48:21 | |
| 9 | Taking it to the next level - 2 | 01:40:44 |
Unlock unlimited learning
Get instant access to all 8 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionWhat courses are similar to The Responsive Web Design Bootcamp?
-
FreeUpdated 3y agoCSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass)
By: Udemy, Academind Pro (Maximilian Schwarzmüller)CSS - short for C ascading S tyle S heets - is a "programming language" you use to turn your raw HTML pages into real beautiful websites.20h 54m5/5 -
Updated 2y agoFlexbox Simplified
By: Kevin PowellFlexbox is a wonderful tool that opens up the world of responsive layouts, but it can be hard to predict exactly what's going to happen when we use it .4h 41m -
Updated 8mo agoBuild a Podcast Player with JavaScript, CSS and Node.js
By: Zero To MasteryLearn to create a full-stack podcast player using JavaScript, CSS, and Node.js. Develop skills in web development and add a project to your portfolio.8h 30m -
Updated 2y agoHTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid
By: UdemyHi and welcome to the HTML/CSS Bootcamp course, where we'll walk through the same course I teach code bootcamp students around the world.20h 55m -
Updated 2y agoWizard zines. Zine 14 pack
By: Julia EvansWizard zines is a little different from other tech publications. Here’s my approach: stick to fundamentals: wizard zines focuses on fundamentals: things. -
Updated 2y agoFull-Stack Web Developer Bootcamp with Real Projects
By: UdemyThis Course covers full process of web development from scratch till deployment with domain name. We will use Node, Express, MongoDB to build Server side which22h 11m
More courses by Kevin Powell
-
Updated 2y agoBeyond CSS
Beyond CSS is a course designed to help you use modern CSS and tools like Sass and PostCSS in order to get control of your stylesheets.18h 12m5/5 - Updated 2y ago
Flexbox Simplified
Flexbox is a wonderful tool that opens up the world of responsive layouts, but it can be hard to predict exactly what's going to happen when we use it .4h 41m -
Updated 2y agoSass - from beginner to real world
Sass has become an essential language to learn for front-end developers. It helps you write your code faster, pull off things that sometimes seem like magic, an8h 2m -
Updated 3y agoCSS Demystified: Start writing CSS with confidence
CSS seems easy at first, but the deeper into it you get, the more complicated it becomes. Often we end up trying to fix problems by adding more and more code on20h 45m3/5
Frequently asked questions
What are the prerequisites for enrolling in this course?
Before enrolling, it is helpful to have a basic understanding of HTML. The course will start with CSS Fundamentals, so prior knowledge of CSS is not required but will be beneficial. Familiarity with web development concepts can also aid in grasping responsive design techniques more quickly.
What types of projects will I build during this course?
Throughout the course, you will build four different layouts: a blog, a landing page, a banner, and a company website. Each project is designed to progressively enhance your skills in CSS and responsive design, providing hands-on experience with different styles and techniques.
Who is the target audience for this course?
The course is ideal for beginners who want to gain a deep understanding of CSS and responsive design. It is also suitable for web developers looking to enhance their skills in creating adaptable, mobile-friendly websites using modern CSS techniques like flexbox and grid.
How does the depth of this course compare to other web design courses?
This course offers a focused exploration of responsive web design by diving deep into CSS, including advanced tools like flexbox and CSS Grid. It provides a comprehensive look at creating adaptable layouts, making it more specialized compared to broader web development courses that cover multiple programming languages and tools.
What specific tools or platforms does the course cover?
The course covers CSS as the primary tool for styling web pages, with specific focus on advanced tools such as flexbox and CSS Grid. These are essential for creating responsive designs and are highlighted as the ultimate layout tools in the lessons.
What topics are not covered in this course?
This course does not cover HTML in detail, JavaScript, or backend development. It is specifically focused on CSS and responsive design principles, so topics like server-side programming, database management, and client-side scripting beyond CSS are not included.
How might the skills learned in this course benefit other areas of web development?
Skills learned in this course, such as using flexbox and CSS Grid for responsive design, are highly transferable to other web development projects. These skills are essential for any front-end developer, as they enable the creation of mobile-friendly and adaptable websites, which is a crucial aspect of modern web development.