Sekei

Intro to Coding for Designers

Learn to code as a designer, with a focus on building real-world web applications using HTML, CSS, and JavaScript.

8 modules
·
23 lessons
·
3 hr 47 min
  • /course-slides/final-design-components.jpg
  • /course-slides/media-queries.jpg
  • /course-slides/final-design-screen.jpg
  • /course-slides/reactive-frameworks.jpg
  • /course-slides/reactive-prototype-variables.jpg
  • /course-slides/sizing.jpg
  • /course-slides/responsive-verge-story-header.jpg
  • /course-slides/z-index.jpg


Introduction & web dev basics

Kickstart your journey into design engineering and learn the fundamentals.

Build dev-ready Figma designs

Learn to create hand-off ready designs and variables-powered prototypes.

Hands-on practice

Learn by doing, see web-elements come to life, and have something to show for it.

Responsive design

Ensure your layouts shine on screens of all sizes with a user-centric approach.

Javascript & frameworks

Empower your crafts, create dynamic and interactive web experiences.

Iconly/Bold/Send

Build & publish

Showcase your newfound expertise with 3 beautiful practical projects.



Real results
for real designers

This course has been a game changer, it gave me the confidence to build a couple new templates at work, and send my files to my senior engineer. He loved that I was able to write Tailwind and gave me access to our GitLab to contribute.

Matthew Farquarson

Senior UX Designer at Target

Matthew Farquarson

The learn by doing is ace. Really fun to go ahead of you in the video, try crack it, then come back and see how you've done it.

Luke O'Sullivan

Senior Product Designer at Crowdstrike

Luke O'Sullivan

PG does a fantastic job of explaining the parallels between our world in Figma and how developers see and talk about the things we're designing. It's helped us better align on a shared language so everyone is seeing and saying the same thing.

Nick Kluskowski

Staff Product Designer at Collectors

Nick Kluskowski