Front-end web developer

Welcome to our front-end web developer learning pathway!

Here we provide you with a structured course that will teach you all you need to know to become a front-end web developer. Work through each section, learning new skills (or improving existing ones) as you go along. Each section includes exercises and assessments to test your understanding before you move forward.

The subjects covered are:

• Basic setup and learning how to learn
• Web standards and best practices (such as accessibility and cross-browser compatibility)
• HTML, the language that gives web content structure and meaning
• CSS, the language used to style web pages
• JavaScript, the scripting language used to create dynamic functionality on the web
• Tooling that is used to facilitate modern client-side web development.

You can work through sections in order, but each one is also self-contained. For example, if you already know HTML, you can skip ahead to the CSS section.

• HTML — Structuring the web
  • Introduction to HTML
  • Multimedia and embedding
  • HTML tables
• CSS — Styling the web
  • CSS first steps
  • CSS building blocks
  • Styling text
  • CSS layout
• JavaScript — Dynamic client-side scripting
  • JavaScript first steps
  • JavaScript building blocks
  • Introducing JavaScript objects
  • Asynchronous JavaScript
  • Client-side web APIs
• Web forms — Working with user data
  • Core forms learning pathway
  • Advanced forms articles
• Accessibility — Make the web usable by everyone
  • Accessibility guides
  • Accessibility assessment
• Tools and testing
  • Client-side web development tools
  • Introduction to client-side frameworks
  • React
  • Ember
  • Vue
  • Svelte
  • Angular
  • Git and GitHub
  • Cross browser testing
• Server-side website programming
  • First steps
  • Django web framework (Python)
  • Express Web Framework (node.js/JavaScript)
• Further resources
  • Common questions