Web Development
for Absolute Beginners

Mindset

Set your expectations, and start to think like a programmer from day one.
(7 topics, 9 resources)

Learning Resources

Familiarise yourself with resources that will help you become a better developer over time.
(12 resources)

Understand the Web

You'd be surprised how much you don't understand about the web. I was.
(3 topics, 6 resources)

What Is Web Development, Really?

What do web developers do, and what are the different types of web developers out there?
(2 topics, 5 resources)

Code Editors

A code editor is where you write your code. Just like Microsoft Word or Apple's Pages app let you create and edit documents, a code editor lets you write code. Let's pick one.
(5 recommended editors)

Chrome DevTools

Google Chrome is arguably the most popular browser amongst developers, particularly because of its amazing suite of tools specifically designed to aid web development.
(1 resource + 1 exercise)

HTML is a "markup" language that defines the content and logical structure of a webpage. It is the first language of the web, and here you'll learn all about it – well, almost.
(5 resources]

Adding CSS to a plain HTML site is like adding paint and decor to an empty room. Empty rooms are boring, and so are plain websites. Learn how to make things look pretty.
(6 resources]

We use JavaScript to make websites do magic stuff when people interact with them. It's like wiring up a light switch. Who'd want a light switch that doesn't function? Let's make things actually work!
(3 resources]

Understanding the DOM

The DOM stands for Document Object Model, and it basically means the HTML structure of a webpage, as understood by the browser. With JavaScript, we can actually change things on the fly. As an example, Imagine a webpage where the content would only display for 2 seconds before they disappeared before your eyes! OK, please don't troll your users, but you can do good too!
(3 resources]

Code Quality

Learn what it takes to write high quality code and create delightful websites.
‍(3 topics, 4 resources]

Version Control

Where do you keep your code? How do you keep track of what's changed? And how do you collaborate with other people without constantly stepping on each other's toes? Here's your answer.
(3 topics, 10 resources]

Web Accessibility

Web accessibility is about making websites accessible to anyone and everyone, regardless of their limitations, which may be technical, such as a slow Internet connection, or more personal limitations such as physical, visual, and hearing impairments.
(2 topics, 4 resources]

HTML + CSS

Replicate the Twitter login page

JavaScript

Write a JavaScript function that takes an amount in cents, and tells us which coins, and how many of them we need to make up that amount.

HTML + CSS + JavaScript + DOM

Let's turn the function you wrote in the previous challenge into a visual web app. Developers often work with designers in their team in order to create websites and apps that are both visually appealing, and usable. So, for this challenge, you'll have access to design assets created by Diana Padrón.