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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 6 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 014 - Creating a sketch-up plan

All Course Lessons (6)

#Lesson TitleDurationAccess
1
014 - Creating a sketch-up plan Demo
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

Unlock unlimited learning

Get instant access to all 5 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Tailwind Mastery

Tailwind Mastery

Sources: Build UI
Tailwind CSS has become one of the most popular ways to style modern web applications, and for good reason. Its APIs make developers feel incredibly productive, and because it's...
2 hours 34 minutes 57 seconds
Create Animated Breaking News Graphics with HTML, CSS and JavaScript

Create Animated Breaking News Graphics with HTML, CSS and JavaScript

Sources: zerotomastery.io
Master the creation of dynamic overlays and animations for streams, scoreboards, and TV graphics. Learn the principles of working with animation and web technol
2 hours 40 minutes 39 seconds
Data Visualization + D3.js

Data Visualization + D3.js

Sources: superhi.com
Our Data Visualization course focuses on the practical aspects of working with data. In our 6-week long course, we’ll cover the basics of storytelling and worki
16 hours 48 minutes 54 seconds
The Ultimate HTML5 & CSS3 Series: Part 3

The Ultimate HTML5 & CSS3 Series: Part 3

Sources: codewithmosh (Mosh Hamedani)
Have you always wanted to learn web development but didn't know where to start? Tired of lengthy, boring and outdated courses? This course is for you. A fun...
5 hours 38 minutes 4 seconds