Prerequisites

No Experience Required

Student Rating

Estimated Salary

Prerequisites and 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.

In Collaboration With

Why Take This Nanodegree Program?

Demand for front end developers is widespread across every industry, and continues to rise. By mastering the valuable skills taught in this program, you’ll be prepared for roles at a wide array of companies, from startups to global organizations. The projects you’ll build, and the portfolio you’ll develop, will provide ample evidence of your expertise.

JavaScript is the most in demand coding language.

Mentor Support and Professional Code Review

Mentors will provide guidance, lend support, answer questions, and direct you to valuable resources. Expert reviewers will review your project submissions and provide actionable feedback to help you successfully advance through the program.

Build a Portfolio of Resume Worthy Projects

You’ll build real projects that demonstrate your skills mastery, and these projects will populate a portfolio that can be shared with prospective employers. Our hiring partners regularly review these portfolios when seeking qualified candidates.

Engaging Community and Six-Month Timeline

You will join a dynamic community of learners who are committed to an intensive and productive 6-month learning experience. You’ll give and receive support, make connections, and stay abreast of trends in your field. Our graduates consistently cite community as one of the most valuable features of their Nanodegree program experience.

What You Will Learn

Front-End Web Developer Syllabus

Thanks for your interest!

If the download did not begin, please download the syllabus directly here.

Syllabus

Front End Developer

The Front End Developer Nanodegree program is comprised of 8 projects. With each project, you'll create something that demonstrates your mastery of in-demand skills. Projects range in complexity, and each builds upon the previous. In the end, you will have a resume-worthy portfolio that you can showcase to prospective employers.

In the Front End Developer Nanodegree program, you will complete eight projects and build a resume-worthy portfolio.

See Fewer Details

6
months
to complete

Prerequisite Knowledge

You are ready for this Nanodegree program if you have access to a computer with a broadband connection and can install a code/text editor.
See detailed requirements.

Web Foundations

Learn HTML, the foundational structure of all websites. Style with CSS and develop a web project using the version control tool, Git.

Need to Prepare?

Learn with the Best

Cameron Pittman

Instructor

Cameron lives and breathes web development as he creates programming courses at Udacity. He graduated with degrees in physics and astronomy from Vanderbilt University and a Master's in teaching from Belmont University.

Pete LePage

Instructor

Pete is a developer advocate at Google and works to make the lives of web developers easier. Working on projects like Web Fundamentals and Google web developer videos, he's focused on ensuring that developers have the tools and skills they need to build great responsive sites and apps.

Peter Lubbers

Instructor

Peter Lubbers is a Program Manager at Google in the Chrome Developer Relations team and lives and breathes HTML5. He is the co-author of Pro HTML5 Programming (Apress) and the founder of the San Francisco HTML5 User Group, the largest HTML5 User Group in the world.

Julia Van Cleve

Instructor

Julia Van Cleve is a Content Developer at Udacity and was previously a middle school math teacher in San Jose, CA. She also dabbled in freelance web development, designing websites for small businesses in the Bay Area.

James Parkes

Instructor

Jared received his degree in Computer Science and Mathematics, then went on to become a Udacity instructor in several programs. His personal mission is clear: to open the doors of opportunity for others by empowering them with excellent educational experiences.

Richard Kalehoff

Instructor

Richard is a Course Developer with a passion for teaching. He has a degree in computer science, and first worked for a nonprofit doing everything from front-end web development, to backend programming, to database and server management.

Karl Krueger

Instructor

Karl is a Course Developer at Udacity. Before joining Udacity, Karl was a Site Reliability Engineer (SRE) at Google for eight years, building automation and monitoring to keep the world's busiest web services online.

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.

Marcus Phillips

Instructor

Marcus Phillips works as Dean & CTO at Hack Reactor's 12 week immersive coding school, now offered onsite or online. He has worked professionally with the full stack, but is focused on JavaScript and fine-tuning his "rapid-iteration teaching" approach to education.

Get Started Now

Nanodegree Program

Front End Developer

/ mo

Learn front end development including HTML, CSS, JavaScript, Git, GitHub, and developer tools such as Grunt and Gulp.

Student Reviews

FAQ

How is this program structured?

This program consists of the following 4 core courses, comprising dozens of lessons of learning content:

Web Foundations

JavaScript Foundations

Intermediate JavaScript

Advanced JavaScript

There are 8 total projects in this program, which are designed to give you an opportunity to apply the skills you’ve learned in the lessons:

Mockup to Article

Animal Trading Cards

Build a Portfolio Site

Pixel Art Maker

Memory Game

Classic Arcade Game Clone

Feed Reader Testing

Neighborhood Map

Each project will be reviewed by one of the expert project reviewers in Udacity’s reviewer network. Your reviewer will give you detailed feedback on your project, including in-line code review, highlighting any areas that you need to address in order to complete the project successfully. If you do not pass the project, you may revise your project and submit it again until you pass.

Front End Developer

Project

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

P2: 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

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

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.

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

Project

Feed Reader Testing

In this project, you will be learning about testing with Javascript. Testing is an important part of the development process and many organizations practice a standard known as "test-driven development" or TDD. This is when developers write tests first, before they ever start developing their application.
Whether you work in an organization that writes tests extensively to inform product development or one that uses tests to encourage iteration, testing has become an essential skill in modern web development!

Project

Resume Review

In this project, you will update your resume according to the conventions that recruiters expect and get tips on how to best represent yourself to pass the "6 second screen". You will also make sure that your resume is appropriately targeted for the job you’re applying for. We recommend all students update their resumes to show off their newly acquired skills regardless of whether you are looking for a new job soon.

Project

GitHub Profile Review

In this project, you will look at your GitHub profile through the lens of a recruiter or hiring manager, focusing on how your profile, projects, and code represent you as a potential candidate for a company or collaborator on a project.

Project

LinkedIn Profile Review

In this project, you will look at your LinkedIn profile through the lens of a recruiter or hiring manager, focusing on how your experience, education, and interests represent you as a potential candidate for a company or collaborator on a project.

Project

Mockup to Article

Practice HTML syntax by converting a mockup of a blog article into a real website!

Project

Cover Letter Review

In this project, you will create a cover letter that portrays your soft and hard skills, and most importantly your passion for the job. We highly recommend you write a unique cover letter targeted to a job posting you find online. We recommend all students create a cover letter as practice. You will learn how to showcase your skills and connect them with job requirements.

Project

Pixel Art Maker

In this project, you’ll build a single-page web application that allows users to draw pixel art on a customizable canvas. You'll be given starter code, including HTML and CSS, to build the application. You'll then use your JavaScript and jQuery skills to manipulate the DOM, allowing users to create a digital masterpiece!

Project

(Optional) Project: Health Tracker

**This is an optional project; you are not required to complete this project to graduate your Nanodegree.**
Using Backbone, you will develop a single page app that tracks the user's calorie intake, and optionally, other health-related metrics. Typing food names into the search field will display a list of matching foods as provided by the health API. Users will be able to select an item from the list, and the item will be added to the list of foods the user is tracking. The total calorie count will also update to reflect the new daily total.

Project

Memory Game

In this project, you’ll demonstrate your mastery of HTML, CSS, and JavaScript by building a complete browser-based card matching game (also known as Concentration). From building a grid of cards, adding functionality to handle user input, and implementing gameplay logic -- you'll combine all your web development skills to create a fully interactive experience for your users.

Project

Udacity Professional Profile Review

In this project, you will look at your Udacity Professional Profile through the lens of a Udacity hiring partner recruiter.

Project

Animal Trading Cards

Use what you've learned about CSS to convert a design prototype into a functional webpage!

Project

Front-End Interview Dry-Run Review

Project

Project: Establishing Developer Mindset

In Establishing a Web Developer Mindset, you'll learn about the history of the languages you'll be studying, the Web, and our place today as Web Developers in an evolving story. After learning about problem solving strategies, you'll write a letter to your future self describing how you can overcome any challenge ahead in this Nanodegree, and set some goals for what you want to achieve. You'll also learn how to get feedback from Udacity Project Reviewers. Go ahead, get started now!