Enroll in program

after 1 week free trial. What you get

Nanodegree co-created by
Additional course collaborators

Intermediate

6–9 months

Minimum 10hrs/week.
Work on your own schedule.

Job(s) this Nanodegree leads to

Front-End Web Developer

Nanodegree Summary

view course trailer
View Trailer

This Nanodegree program is the most efficient curriculum to prepare you for a career as a Front-End Web Developer. Participants in the program will learn to build beautiful, responsive websites optimized for security and performance. They will work with their peers and advisors on projects approved by leading employers as the critical indicators of job-readiness. We designed these projects with expert web developers and hiring managers. In addition to building your project portfolio, you’ll advance your career prospects by learning how to ace a technical job interview and by participating in code reviews.

What is a Nanodegree Curriculum?

A Nanodegree is a new type of credential, designed to prepare you for a job.

It is built with industry for you to master skills that employers truly seek in {{productState.nanodegreeArticle}} {{productState.nanodegreeTitle}}.

It is project-based: you'll complete several projects, supported by our community of Coaches and your fellow students, to learn and show off your skills.

It's flexible: take only the courses you need to ace projects!

See how it works

Why Take This Nanodegree?

The Front-End Web Developer Nanodegree is designed to prepare you for a career in web development. As a Front-End Web Developer, you’ll see the efforts of your work with each click of the browser’s refresh button. With our industry partners, we’ve carefully crafted the most efficient set of projects and skills training to guide you along the way.

In this Nanodegree you will learn the fundamentals of how the web works, and gain a working knowledge of the three foundational languages that power each and every website: HTML, CSS and JavaScript.

Prerequisites and Requirements

Prerequisites:

In order to determine if the Front-End Web Developer Nanodegree is a good fit for you, please take the Readiness Assessment. This will help you determine if you are ready to start.

Minimum Requirements:

  1. You are self-driven and motivated to learn. Participation in this program requires consistently meeting the deadlines for your cohort and devoting at least 10 hours per week to your work.
  2. You can communicate fluently and professionally in written and spoken English.
  3. You have access to a computer with a broadband connection, on which you’ll install a professional code/text editor (ie. Sublime Text or Atom).
  4. You can independently solve and describe your solution to a math or programming problem and are familiar with basic programming concepts such as variables, conditions and loops.
  5. You are willing to contribute to the success of the program, including collaborating with fellow students and giving us feedback on how we can improve.

Desirable Prior Experience:

You’ve completed an online programming course. You’ve explored the options for learning HTML, CSS, and JavaScript online and you want something more. You’ve tried to build web pages and you want to learn how to do it like a pro.

See the Technology Requirements for using Udacity.

Nanodegree Structure

These are the projects you'll build and the classes that will prepare you to build each of the projects. You'll have access to all these in the Nanodegree:

PROJECT Portfolio Mockup to HTML

You will be provided with a design mockup as a PDF-file and must replicate that design in HTML and CSS. You will develop a responsive website that will display images, descriptions and links to each of the portfolio projects you will complete throughout the course of the Front-End Web Developer Nanodegree.

Prepare for this project with: Intro to HTML and CSS and Responsive Web Design Fundamentals

PROJECT Interactive Resume

You will develop an interactive resume application that reads your resume content from a JSON file and dynamically displays that content within a provided template. You will use objects, functions, conditionals, and control structures to compose the content that will display on the resume.

Prepare for this project with: JavaScript Basics and Intro to jQuery

PROJECT Classic Arcade Game Clone

You will be provided with visual assets and a game loop engine; using these tools you must add a number of entities to the game including the player characters and enemies to recreate the classic arcade game Frogger.

Prepare for this project with: Object-Oriented JavaScript and HTML5 Canvas

PROJECT Website Optimization

You will optimize a provided website with a number of optimization- and performance-related issues so that it achieves a target PageSpeed score and runs at 60 frames per second.

Prepare for this project with: Website Performance Optimization

PROJECT Neighborhood Map

You will develop a single-page application featuring a map of your neighborhood or a neighborhood you would like to visit. You will then add additional functionality to this application, including: map markers to identify popular locations or places you’d like to visit, a search function to easily discover these locations, and a listview to support simple browsing of all locations. You will then research and implement third-party APIs that provide additional information about each of these locations (such as StreetView images, Wikipedia articles, Yelp reviews, etc).

Prepare for this project with: Intro to AJAX and JavaScript Design Patterns

PROJECT Feed Reader Testing

In this project you are given a web-based application that reads RSS feeds. The original developer of this application clearly saw the value in testing, they've already included Jasmine and even started writing their first test suite! Unfortunately, they decided to move on to start their own company and we're now left with an application with an incomplete test suite. That's where you come in.

Prepare for this project with: JavaScript Testing coming soon!

Additional Projects

You’ll host all your projects on GitHub and make regular commits. If you haven’t learned version control yet, use our latest course on the topic: How to Use Git and GitHub


We will be periodically reviewing the Front-End Nanodegree curriculum - both classes and projects - and making adjustments based on student and industry feedback. We will notify active students working toward the Nanodegree about effects this may have on the degree requirements.

Program Leads

instructor photo

Michael Wales

Instructor

Michael is a self-taught full-stack web developer and open source advocate. Before joining Udacity, he spent over 10 years developing classified applications for some of the most demanding intelligence organizations in the world. He has an active Top Secret clearance and, unless you have one as well, that's all you're allowed to know. In his spare time he enjoys playing paintball, video games, and spending time with his 3 wonderful children.

Miriam has had the privilege to contribute to student experience at Udacity from multiple angles. From creating new courses to working one-on-one with students to helping lead our team of Coaches, she’s loved it all and has only grown more passionate about changing education. Outside of work, she enjoys singing, baking, and teaching yoga. Miriam attended Stanford University, where she earned a B.S. in Physics, a B.A. in Philosophy and Religious Studies, and an M.A. in Religious Studies.

You get

  • Interview-ready project portfolio

  • Access to course materials

  • Verified projects

  • Access to Office Hours

  • Access to Coach-supported forums

  • Technical assistance

  • Verified Nanodegree certificate

Discover more Nanodegree programs