Complete CSS

32m 45s
English
Paid

Course description

Reach a level in development that once seemed impossible with this extensive course from Andy Bell.

Senior-level CSS is about more than just syntax

You can endlessly study the nuances of CSS, but development at the highest level is not just about code. It's about communication, planning, and the ability to pragmatically bring ideas to life. In this course, Andy will teach you these key skills—often called "soft" skills—that will take you far beyond regular layout design.

Read more about the course

Working with Design Without Pixel Wars

You will learn how to dissect design concepts and interact with designers iteratively, avoiding the outdated approach of "Figma in hand - and make it pixel-perfect." We will show you how to build a workflow based on dialogue and planning - an approach that enhances the efficiency of the entire team.

Learn from a Real Project

You will work on a full-fledged, realistic project: creating semantic HTML markup and modern CSS architecture for the website of a fictional barista academy in London. This will help transfer new knowledge to your everyday work.

What Awaits You in the Course?

  • Training from an expert with 15+ years of experience - Andy has worked with brands such as Google, NHS, Harley-Davidson, and Oracle
  • Modern CSS: flexible algorithmic grids, progressive enhancement, adaptability
  • Skills that go beyond CSS and help you become a stronger professional
  • Practice: 8 modules, 51 lessons, a full project with a component system and design patterns
  • An accessible and diverse format: text, video, interactive elements

This Course Will Transform You as a Developer

You will master skills that take others years and open up new opportunities for growth, promotion, and more interesting projects.

Watch Online

Join premium to watch
Go to premium
# Title Duration
1 014 - Creating a sketch-up plan 02:51
2 016 - Sketch-up Identifying layouts 08:53
3 018 - Sketch-up Slicing up the design into reusable components 10:04
4 021 - Feeding back our sketch-up findings to the designer 03:25
5 029 - Identifying the core build and flair pass 05:16
6 053 - Dealing with designer snags 02:16

Similar courses

Beginner Tailwind

Beginner Tailwind

Sources: Chris Sev
Tailwind makes writing CSS easier and lets us customize our designs faster than any other CSS framework. If you want a CSS framework that has pre-built components, then Tailwind...
9 hours 33 minutes 19 seconds
CSS Animations & Transitions

CSS Animations & Transitions

Sources: leveluptutorials
Welcome to the CSS Transitions course. In this course, you will not only learn the basic techniques, but also dive deeply into creating animations and transitions. In practice, ...
2 hours 9 minutes 35 seconds
Pixel Perfect Figma to Tailwind

Pixel Perfect Figma to Tailwind

Sources: protailwind.com (Simon Vrachliotis), Simon Vrachliotis
This workshop is designed to help you achieve 'pixel-perfect' design implementations, bridging the fidelity gap between design and development. Throughout...
2 hours 40 minutes 16 seconds
Mastering CSS Grid 2022 - With 3 cool projects

Mastering CSS Grid 2022 - With 3 cool projects

Sources: udemy
CSS Grid is a relatively new and unused concept to CSS. It's very important these days that our layouts are simple to maintain, and easy to adjust based on the dimensions of our...
17 hours 16 minutes 22 seconds