HTML, CSS & JS in the Real World

In this workshop, we will cover the basics to get you going on using HTML, CSS and JavaScript. After that, you’ll hopefully want to spend more time nitpicking and criticizing a site or web application when you see one. Because doing real work is hard.


  • Hand-Coding a minimal landing page
  • Generate a static site with Pug (Jade), Sass and Node.js
  • DevTools hands-on

Here’s what we’ll cover:

  • Intro to HTML & CSS
  • DOM and JavaScript
  • DevTools
  • Working with Typography
  • The Box Model
  • Building Forms
  • Performance & Organization
  • Positioning
  • Advanced Selectors
  • Responsive Web Design
  • Preprocessors (e.g. Sass )
  • Transforms, transitions & animations
  • Feature Support & Polyfills
  • Semantics & Accessibility
  • Best practices, testing & debugging


  • Format: 3 courses x 2h
  • Difficulty: beginner-intermediate

Sign Up

If you’re interested to learn more, sign-up for this free workshop here

Want More?

See all the workshops we prepared for Open4Tech Summer School 2019.