Skip to main content

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

100 Days Of Code: The Complete Web Development Bootcamp 2024

100 Days Of Code: The Complete Web Development Bootcamp 2024

Sources: Academind Pro
Learn web development from A to Z in 100 days (or at your own pace) - from "basic" to "advanced", it's all included!
78 hours 51 minutes 55 seconds
Advanced CSS for Web Design

Advanced CSS for Web Design

Sources: zerotomastery.io
Deepen your knowledge of web design with a CSS course. Learn to bring websites to life by creating impressive and dynamic projects using modern capabilities.
5 hours 9 minutes 38 seconds
Sass - from beginner to real world

Sass - from beginner to real world

Sources: kevin powell
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, and it’s also a par...
8 hours 2 minutes 59 seconds
Responsive Design for Beginners

Responsive Design for Beginners

Sources: Jess Chan
You have already learned the basics of HTML and CSS... so what's next? Yes, you can follow the steps from the tutorial and have become a master at finding answe
30 hours 51 seconds
CSS for JavaScript Developers

CSS for JavaScript Developers

Sources: Josh Comeau
Learn CSS confidently with this interactive course designed for JavaScript developers. Understand CSS systems to enhance your web development skills and...