Carolina Martyn

Dec 13, 2021

Front End Web World

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:

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.

You don't need any previous knowledge to start this course. All you need is a computer that can run modern web browsers, an internet connection, and a willingness to learn.

If you are not sure if front-end web development is for you, and/or you want a gentle introduction before starting a longer and more complete course, work through our module first.

We have tried to make learning front-end web development as comfortable as possible, but you will probably still get stuck because you don't understand something, or some code is just not working.

Don't panic. We all get stuck, whether we are beginner or professional web developers. The article provides you with a series of tips for looking up information and helping yourself. If you are still stuck, feel free to post a question on our .

Let's get started. Good luck!

Time to complete: 1.5–2 hours

Prerequisites

Nothing except basic computer literacy.

How will I know I'm ready to move on?

There are no assessments in this part of the course. But make sure you don't skip. It is important to get you set up and ready to do work for exercises later on in the course.

Guides

Time to complete: 35–50 hours

Prerequisites

Nothing except basic computer literacy, and a basic web development environment.

How will I know I'm ready to move on?

The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.

Modules

Time to complete: 90–120 hours

Prerequisites

It is recommended that you have basic HTML knowledge before starting to learn CSS. You should at least study first.

How will I know I'm ready to move on?

The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.

Modules

Additional resources

Time to complete: 135–185 hours

Prerequisites

It is recommended that you have basic HTML knowledge before starting to learn JavaScript. You should at least study first.

How will I know I'm ready to move on?

The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.

Modules

Time to complete: 40–50 hours

Prerequisites

Forms require HTML, CSS, and JavaScript knowledge. Given the complexity of working with forms, it is a dedicated topic.

How will I know I'm ready to move on?

The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.

Modules

Time to complete: 60–75 hours

Prerequisites

It is a good idea to know HTML, CSS, and JavaScript before working through this section. Many of the techniques and best practices touch on multiple technologies.

How will I know I'm ready to move on?

The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.

Modules

Time to complete: 55–90 hours

Prerequisites

It is a good idea to know HTML, CSS, and JavaScript before working through this section, as the tools discussed work alongside many of these technologies.

How will I know I'm ready to move on?

There are no specific assessment articles in this set of modules. The case study tutorials at the end of the second and third modules prepare you for grasping the essentials of modern tooling.

Modules