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
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
About the Author: 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.
Watch Online 9 lessons
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 subscriptionRelated courses
-
Updated 2y agoWeb Developer Bootcamp with Flask and Python in 2022
By: UdemyWelcome to the Web Developer Bootcamp with Flask and Python! In this course, you'll learn how to build and deploy dynamic websites using Python, Flask, MongoDB19h 57m -
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 2y agoMastering CSS Grid 2022 - With 3 cool projects
By: UdemyCSS Grid is a relatively new and unused concept to CSS. It's very important these days that our layouts are simple to maintain.17h 16m
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.