Front-End Developer

Create website interfaces, styles, and animations like the ones you know and use everyday.
Front-End Developer
At your pace
~ 12 months
Personal
mentor
Job guarantee
in 6 months
Bachelor's-level diploma
9 hands-on projects

One million computer programming jobs are estimated to be created in the U.S. by 2020 - as well as 700,000 in Europe - thanks to unprecedented growth in the tech sector.

Here at OpenClassrooms, we pinpoint the key skills needed for the most in-demand jobs and develop courses and diplomas to train our students in those areas. That’s why we've developed this one year bachelor’s-level diploma in front-end web development, which you can complete entirely online with the help of a dedicated mentor. 

What will I do as a front-end developer?

The front-end developer is a fundamental part of any web team, working closely with back-end developers. Whereas the back-end developer focuses on the internal functioning of the application -  the “plumbing” - the front-end developer builds the interface that users see. They are often in charge of:

  • Bringing mock-ups to life in a beautiful and consistent manner
  • Optimizing page loading time
  • Communicating with back-end developers for information exchange across the application
  • Using best practices to structure HTML, CSS, and JavaScript code as components
  • Writing tests to ensure the site’s front-end accounts for all possible uses
  • Ensuring the maintenance and growth of a site’s front-end

Want to deep dive into web development? You can read about it here

How much will I earn?

Web development can be a lucrative career with many prospects opening up as you continue to rack up valuable experience. Here is what you can expect to earn in your career as a front-end web developer:

United Kingdom

Beginner: £30,000 - £40,000 

2-5 years: £40,000 - £60,000

5+ years: £60,000 +

United States

Beginner: $40,000 - $60,000

2-5 years: $60,000 - $80,000

5+ years: $80,000 +

What are my job prospects?

This program can prepare you for the following jobs:

  • Front-end developer (5000+ jobs on Indeed.com + Reed.co.uk)
  • JavaScript developer (15000+ jobs on Indeed.com + Reed.co.uk)
  • Front-end engineer (2500+ jobs on Indeed.com + Reed.co.uk)

After a few years of experience, a developer can advance to a position of lead developer, software designer / architect, or technical director / tech lead.

Who is eligible to enroll?

 This program is accessible to all, but here are some recommendations:

  • A high school diploma / GCSE level
  • A good level of English (for non-native speakers, a CEFR level of B2, an IELTS band score of 6.5, or a TOEFL score of 80 is recommended)
  • Access to a computer (PC or Mac), headphones, a webcam
  • Good internet access

What will I learn?

  • Analyze a project and choose a technical solution
  • Design technical architecture using UML diagrams
  • Create web projects with JavaScript
  • Query a database that uses and stores information
  • Use tools such as jQuery to simplify front-end code
  • Implement unit and integration tests
  • Write project documentation
  • Optimize performance
  • Create responsive interfaces

How will I learn at OpenClassrooms?

Our learning method is unique and revolves around two elements: professional projects and dedicated mentoring sessions.

Projects
 At OpenClassrooms, learning is project-driven because that’s the fastest way to become proficient. Projects offer hands-on experience so you can hit the ground running when you start your new job.  

The front-end web developer path has nine projects that you’ll need to complete one at a time with the support of your mentor. You’ll receive a detailed brief with the context, customer requirements and additional details. Then it’s up to you to go and make it real! To do this you’ll have to be creative, coming up with innovative solutions to the questions at hand.

Want to see an example of a project? Read our blog post here.

Mentorship
During your path, you will be assigned a mentor who will offer one-to-one support via weekly video conference sessions. This mentor will offer guidance on your projects, help define objectives and guide you until you reach them. Our mentors are dedicated professionals who are experts in their field and have experience in sharing their know-how with our students.

Your diploma

OpenClassrooms is an official private distance learning establishment registered with the Board of Education in Paris, France that grants its own diplomas as well as those of prestigious academic partners.

Upon completion of your studies and validation of your skills by an academic jury, you will earn a "Web developer (Développeur(euse) d’application)" bachelor's-level diploma, registered with the National Directory of Professional Certifications (RNCP)*.
This diploma is at level 6 on the EQF (European Qualifications Framework).

If you have questions about its equivalence in order to undertake further study, contact your university or master's program.

* Sheet available at the following address:
http://www.rncp.cncp.gouv.fr/grand-public/visualisationFiche?format=en&fiche=27099

Your Job Guarantee

At OpenClassrooms we are committed to helping you find your ideal job. We promise.

By following the learning path "Front-End Developer", you’ll learn an exciting new profession with great career prospects.

What’s more, you’ll find a job within six months of graduating or we’ll give you your money back!

Find out more

Detailed projects and skills

project 1

Learn how to learn!

You're embarking on a great learning journey! Equip yourself with the tools and mentalities you'll need throughout your courses and projects.
Duration10 hours
Skills acquired in this project
  • Create and update your CV or resume
  • Set clear goals
project 2

Integrate a WordPress theme for a client

Your new client, a real estate agency in the mountains, needs a website to show the chalets they sell. You'll use WordPress to build their site!
Duration80 hours
Skills acquired in this project
  • Write documentation destined for non-technical users
  • Select a WordPress theme based on client needs
  • Adapt a WordPress theme to client needs
project 3

Analyze a client's needs for their film festival

Learn how to translate the needs of a client into a clear, attainable solution!
Duration80 hours
Skills acquired in this project
  • Write a project brief
  • Choose an appropriate technical solution
  • Detail project specifications
  • List functionalities requested by the client
project 4

Map out a technical solution for the food delivery site ExpressFood

ExpressFood allows people to order their favorite meals and desserts for delivery at home! Help them set up a data structure that ensures no one goes hungry.
Duration100 hours
Skills acquired in this project
  • Design a database schema
  • Create technical architecture using UML diagrams
  • Use a schema when designing a database
project 5

Create a quotation generator

You'll build a random quotation generator in order to combine JavaScript programming with algorithms!
Duration110 hours
Skills acquired in this project
  • Design an algorithm to meet a specification
  • Implement the JavaScript syntax in a program
project 6

Build a turn-based board game in JavaScript

Let's have some fun by building a creative turn-based game in JavaScript that should include jQuery where it makes life easier.
Duration130 hours
Skills acquired in this project
  • Implement the jQuery library in a web application
  • Design reusable JavaScript application architecture
  • Develop an object-oriented JavaScript application
project 7

Launch your own restaurant review site

You've decided to launch your own restaurant review platform. Your goal is to create an easy-to-use, simple service that offers review of restaurants around you!
Duration120 hours
Skills acquired in this project
  • Develop a full JavaScript application according to a specification
  • Debug an application using DevTools
  • Use an external API in JavaScript
project 8

Enhance an existing project

In the work world, you're often asked to build upon an existing project. What do you do with the existing code? How can you improve it?
Duration110 hours
Skills acquired in this project
  • Take over an existing JavaScript project
  • Optimize the performance of a project using DevTools
  • Implement unit and functional tests in a web application
project 9

Survey the technology landscape

Create your own dashboard to stay up to date on all the latest and greatest tech happenings!
Duration10 hours
Skills acquired in this project
  • Identify tools and resources for staying up to date with technology
  • Set up a system for staying up to date with technology
Diploma
Web developer (Développeur(euse) d’application)

Start toward the career of your dreams

At your own pace

$300 per month

Your perks:
  • Six-month job guarantee

  • bachelor's-level diploma

  • Flexible duration

  • Individual mentorship

  • 9 hands-on projects

Start nowNon-binding subscription
Talk to a student advisorSchedule a call