Nanodegree Program

Become a Front-End Web Developer

Gain expertise in HTML, CSS and JavaScript

In this Nanodegree program, you will complete eight projects and build a resume-worthy portfolio.
Start Nanodegree
Co-Created By
  • AT&T
  • Google
  • Github
  • Hack Reactor
Approx. 6 Months
Skill Level


Learning with Udacity means getting you exactly where you want to be in your career.

Nanodegree STANDARD

Nanodegree Program

Our flagship Nanodegree programs represent career-track education at its most innovative. Every program is comprised of these core features:

  • Curriculum

    Master cutting-edge skills sought by leading companies

  • 1:1 Feedback

    Rigorous, timely project and code reviews

  • Portfolio & Credential

    Build an optimized portfolio, earn a recognized credential

  • Personalized Career Support

    Connect directly to exclusive hiring partners

$199 USD / month
Start Nanodegree

Nanodegree Program Syllabus

project 1

Build a Portfolio Site

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.

project 2

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.

project 3

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.

project 4

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.

project 5

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).

project 6

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.

Why Take This Course

This Nanodegree program will teach you the skills required to become a Front-End Web Developer. We’ve designed this curriculum with expert web developers and hiring managers, allowing you to demonstrate your skills by completing a series of projects approved by leading employers as the critical indicators of job-readiness. Specifically, you’ll:
  • create a professional portfolio using HTML and the Bootstrap CSS framework
  • use the power of jQuery’s DOM manipulation to dynamically populate a resume with your own information
  • develop your very own arcade game in JavaScript with the HTML5 Canvas API
  • discover how to optimize your application’s perceived load time by taking the Critical Rendering Path into account
  • learn that frames per second isn’t just important for games and how to ensure a silky smooth experience in your applications by optimizing for 60 frames per second
  • explore best practices in application architecture and design patterns
  • build a complex mapping application using the Knockout framework and a variety of third-party API services
  • develop and maintain applications with the confidence test-driven development promotes, using the Jasmine testing framework
What do I get?
Job-ready project portfolioPersonalized feedback on projectsCoach-supported forumsCareer guidance (interview, resume, etc.)Access to course materials1:1 appointments with Udacity staff and mentorsVerified Nanodegree CredentialBest-in-class courses taught by expert instructors

What is a Nanodegree Program?

A Nanodegree program is an innovative curriculum path that is outcome-based and career-oriented. Every program has a clear end-goal, and the ideal path to get you there. Courses are built with industry leaders like Google, AT&T, and Facebook, and are taught by leading subject matter experts. Students benefit from personalized mentoring and project-review throughout, and have regular access to instructors and course managers through moderated forums.

Graduates earn an industry-recognized credential and benefit from extensive career support. The ultimate goal of a Nanodegree program is to teach the skills you need, for the career you want, so you can build the life you deserve.

Prerequisites and Requirements

General Requirements:

  • You are self-driven and motivated to learn. Participation in this program requires consistently meeting the deadlines set for your cohort and devoting at least 10 hours per week to your work.
  • You can communicate fluently and professionally in written and spoken English.
  • 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.

Front-End Developer Nanodegree Specific Requirements:

  • 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).
  • You can independently solve and describe your solution to a math or programming problem
  • You are familiar with basic programming concepts such as variables, conditions and loops.

See theTechnology Requirements for using Udacity.

Featured Free Courses

Program Leads

Michael Wales

Michael Wales

Program Manager

Cameron Pittman

Cameron Pittman

Senior Content Developer

Become a Front-End Web Developer

Gain expertise in HTML, CSS and JavaScript