Codecademy logo
Sign up

Syllabus

Career Path

PRO

Front-End Engineer

Make UIs and websites beautiful, functional, and fast. Cover all the topics that expensive bootcamps teach (and more). Get the specialized skills and portfolio needed to start your career as a Front-End Software Engineer.

Top companies trust Codecademy to level up their teams. Learn more

See all 34 units

Introduction to Front-End Engineer Career Path

Welcome to the Front-End Engineer Career Path!

1

Overview of Web Development

Be introduced to the field of front-end web development.

2

Fundamentals of HTML

Learn to build a structure for a website using HTML.

3

Semantic HTML

Write clearer, more accessible HTML using Semantic HTML tags.

4

Developing Websites Locally

Get acquainted with text editors and Chrome DevTools to develop websites locally.

5

Deploying Websites

Learn how to deploy websites using GitHub Pages and the command line.

6

Improved Styling with CSS

Use intermediate-level CSS to customize styles and implement navigation elements.

7

Looking for something else?

Full-Stack Engineer

A full-stack engineer can get a project done from start to finish, back-end to front-end.

Career Path

Beginner friendly, 168 lessons

View Career Path

Reviews from other learners

"The progress I have made since starting to use Codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings."

Chris
Codecademy Learner @ USA

"Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own."

John-Andrew
Codecademy Learner @ USA

"I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject."

Rodrigo
Codecademy Learner @ UK

Get started with a free Codecademy account

Become a Front-End Engineer

Made with❤️ in NYC © 2022 Codecademy

Start my career change

Includes HTML, CSS, JavaScript, Web Apps, React, UX design, and more...

Build portfolio-ready projects, websites, and apps on your own

Finish in 4-8 months with a certificate of completion

Get started today

Front-end engineers work closely with designers to make websites beautiful, functional, and fast. This Career Path will teach you not only the necessary languages and technologies, but how to think like a front-end engineer, too. By the end, you’ll have the portfolio and interview skills you need to start your new career.

About this Career Path

  • Get in-depth knowledge: Learning to code means more than just memorizing syntax. Instead, we help you think like a real programmer.
  • Get a helpful roadmap: Like a career advisor, we guide you through each step. You’ll learn the right thing at the right time, all in one place.
  • Get hired: Learn how to tackle interview questions and code challenges asked at companies like Google and Amazon.

Beginner

Skill level

$120,000

Average salary (US)

44,000+

Recent learners

34 units • 77 projects • 129 lessons

Start my career changeStart my career change

Projects you’ll build

Create a Playlist App With the Spotify API (Part One)

Program a React app that lets users create custom Spotify playlists.

View project

Tsunami Coffee

Practice responsive design in CSS so you can hone your skills and feel confident taking them to the real world.

View project

Transitions - 20,000 Leagues Under the Sea

Follow step-by-step instructions to add animations to an existing static web page for an online reader.

View project

Back-End Engineer

Back-end developers deal with the hidden processes that run behind the scenes, building APIs and databases.

Career Path

Beginner friendly, 121 lessons

View Career Path

What’s your programming personality?

Find out which careers, languages, and courses suit your personal interests and strengths best in this short and free quiz.

Take career quiz

Don’t just watch or read about someone else coding — write your own code live in our online, interactive platform. You’ll even get AI-driven recommendations on what you need to review to help keep you on track.

Hands-on learning