Sign up

Skills you'll learn

Build dynamic web apps

Use JavaScript, React, and Redux to build fast and customizable front-end web apps.

Design beautiful pages

Learn the basics of UI and UX design, including wireframing, color theory, and more.

Ace the interview

Study common interview questions and build portfolio-ready projects on your own.

Watch video (2m)

What's included

“great investment”

“highly recommended!”

"literally a game changer"

Career path

PRO

Become a Front-End Engineer

Make UIs and websites beautiful, functional, and fast. Cover all the topics that expensive bootcamps teach (and more). By the time you’re done, you’ll have the specialized skills and portfolio needed to start your career as a Front-End Software Engineer.

44,000+ recent learners

What to expect

Includes HTML, CSS, JavaScript, Front-End, Web Apps, React, and more...

Earn a certificate of completion

Finish in 4-8 months (5-10 hrs/wk)

77 projects

129 lessons

No prerequisites

Curriculum stays up-to-date

Front-End Engineers make around $120,000/yr in the US, according to Glassdoor.

See all 34 units

Syllabus

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

Explore intermediate topics in CSS to customize styles and implement navigation elements.

7

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.

Tsunami Coffee

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

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.

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

We help train technology leaders

Career paths make it easy

How it works

Start my career change

To start this career path, sign up for Codecademy Pro

In-depth knowledge

Learning to code means more than just memorizing syntax. Instead, we help you think like a real programmer.

Like a career advisor, we guide you through each step. You’ll learn the right thing at the right time, all in one place.

Helpful roadmap

Real-world projects

Gain practical experience as you go by creating portfolio-worthy projects that will help you land your next job.

Learn how to tackle interview questions and code challenges from companies like Google and Amazon.

Interview prep

Why Codecademy?

Make your next career move with the tools, resources, and support you need to reach your goal.

Everything on Codecademy is created by our in-house team of Curriculum Developers. So you’ll learn from experienced software engineers, data scientists, IT professionals, professors, and more. 

Expert-written curriculum

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

Get matched up with other learners who are starting the same career path at the same time. Learn how to pair program, complete group projects, and perform peer code reviews in a supportive community.

Community-focused

Codecademy’s self-paced career paths offer a lot more flexibility than a class or bootcamp. Plus, you get access to everything we offer at a fraction of the cost.

Complete flexibility

The US Bureau of Labor Statistics estimates 22% job growth for Software Engineers through 2030.

To start this career path, sign up for Codecademy Pro.

Ready to become a Front-End Engineer?

Start my career change

Made with❤️ in NYC © 2022 Codecademy

Want to learn more about what Front-End Engineers do?

Top companies choose Codecademy for Business to level up and level set their team's technical skills. Learn more

Watch learner story (2m)Start my career change