Prerequisites:
Senior Web Developer Nanodegree
Nanodegree Program
For intermediate front-end developers, this program helps you work efficiently to apply modern tools, frameworks, and techniques to write robust web applications.
For intermediate front-end developers, this program helps you work efficiently to apply modern tools, frameworks, and techniques to write robust web applications.
2 months
Last Updated March 1, 2022
2 months
Last Updated March 1, 2022
Prerequisites:
No experience required
Courses In This Program
Course 1 • 24 minutes
Welcome to the Nanodegree
Get started on your Nanodegree and learn how to make the most of Udacity's resources!
Lesson 1
Welcome to the Senior Web Developer Nanodegree
Welcome to the Senior Web Developer Nanodegree! Here's an overview of what you'll build in this program.
Lesson 2
Nanodegree Orientation
Learn how to get help and make the most of your Nanodegree Experience.
Course 2 • 5 hours
Project 1: Meet-Up Event Planner
You will build a responsive web application that allows the user to establish a meet-up event. The goal is to create an app that is a joy to use on both desktop and mobile. The application must allow someone to name their event, search for a host location (using a location API like Foursquare), set the capacity of the event, the start and end times, and input a description of the event.
Lesson 1
Efficient Inputs Part 1
Get started using the proper input types to make forms as simple to complete as possible for your users.
Lesson 2
Efficient Inputs Part 2
Start adding other features to your inputs, such as autofill and validation.
Lesson 3
Fast Forms
Begin optimizing entire forms, rather than individual elements, to create high conversion web forms.
Lesson 4
Touch Support
Learn about the special considerations required when building excellent forms on mobile devices, such as touch events.
Lesson 5
Introduction
Learn the foundations of what web tooling is and how to prevent over-optimization.
Lesson 6
Productive Editing
Get your text editor setup, learn all of its powerful features and keyboard shortcuts.
Lesson 7
Powerful Builds
Start exploring the Gulp build system and automate many of the processes you perform multiple times throughout the course of your work.
Lesson 8
Expressive Live Editing
Setup LiveReload to automatically reload your browser every time you make a change in your code.
Lesson 9
How to Prevent Disasters
Learn how to prevent cross-browser issues in your CSS, prevent JavaScript errors, and more - all with your tool pipeline!
Lesson 10
Conclusion
Wrap-up your tooling setup and make use of a pre-provided package of scaffolding tools.
Lesson 11 • Project
Project Prep
You will build a responsive web application that allows the user to establish a meet-up event.
Course 3 • 2 weeks
Project 2: Public Transportation App
You will build an application that allows users to select a departure and arrival train station, and see a list of trains, times, and durations. A default train schedule will be provided that should be used when the application is offline. If a network connection exists, the application will query an endpoint that provides information about all arrival and departure times.
Lesson 1
Creating Promises
Learn what a promise is, how it makes writing asynchronous JavaScript simpler and how to handle errors.
Lesson 2
Chaining Promises
Create sequences of asynchronous work by chaining Promises together and dive into more advanced error handling.
Lesson 3
The Benefits of Offline First
Discover the differences between a standard web app and an offline-first application and get an introduction to new APIs.
Lesson 4
Introducing the Service Worker
Write your first Service Workers and get comfortable with the lifecycle of a request when using a service worker
Lesson 5
IndexedDB and Caching
Use the IndexedDB API, along with Service Workers, to write caching solutions that will make your applications more performant.
Lesson 6 • Project
Project Prep
You will build an application that allows users to select a departure and arrival train station, and see information relevant to the two stations
Course 4 • 20 minutes
Career: Job Search Strategies
Opportunity can come when you least expect it, so when your dream job comes along, you want to be ready. **After completing these lessons, be sure to complete the Cover Letter Review project and *1 of the 3* Resume Review projects.** If you are a **Nanodegree Plus** student, Career Content and Career Development Projects are required for graduation. If you are enrolled in a **standard Nanodegree** program, Career Content and Career Development Projects are **optional** and **do not affect** your graduation.
Lesson 1
Conduct a Job Search
Learn how to search for jobs effectively, reduce the amount of stress and time you spend searching and the importance of researching each company so that you're able to target your application to the position.
Lesson 2
Refine Your Resume
Learn techniques to communicate your own unique and complex professional and educational experiences in a concise manner that is targeted to a specific job. Then, choose 1 of 3 Resume Review projects to guide you through updating your resume according to the conventions that recruiters expect and ensure your resume is appropriately targeted to the job you’re applying to.
Course 5 • 1 week
Project 3: Restaurant Reviewer
You will develop a restaurant review application with a focus on accessibility. You will remotely access JSON files containing restaurant information (including name, a photograph, address, cuisine type and operating hours) as well as JSON files containing review information for each restaurant (name of reviewer, date of review, 5-star rating and comments). The reviews application must include an application header, and a menu providing multiple ways to filter the restaurants (by cuisine, by location, etc). When viewing a specific restaurant, current reviews must be displayed along with a form for the user to submit their own review.
Lesson 1
Accessibility Overview
Explore the diversity of different users experience with web sites and applications. Learn about using screen readers practically and recognize the challenge of building web experiences for all users.
Lesson 2
Focus
Manage focus - the location on a page that receives input from the keyboard. Discover how some users navigate website entirely with the keyboard, and how to optimize their experience.
Lesson 3
Semantics Basics
Dive into the differences between visual UI and semantically designed accessible UI. Add semantic elements to HTML to create a user interface that works for everyone.
Lesson 4
Navigating Content
Implement effective semantic navigation using headings, link text and landmarks.
Lesson 5
ARIA
Sometimes an HTML element may not have a role or value assigned semantically. In this lesson, you'll use ARIA attributes to provide context for screen readers.
Lesson 6
Style
Incorporate CSS styling into your accessible web design and use accessible color schemes to improve accessibility.
Lesson 7 • Project
Project Prep
Course 6 • 10 minutes
Career: Networking
In the following lesson, you will learn how tell your unique story to recruiters in a succinct and professional but relatable way. **After completing these lessons, be sure to complete the online profile review projects, such as LinkedIn Profile Review.** If you are a **Nanodegree Plus** student, Career Content and Career Development Projects are required for graduation. If you are enrolled in a **standard Nanodegree** program, Career Content and Career Development Projects are **optional** and **do not affect** your graduation.
Lesson 1
Develop Your Personal Brand
As someone wanting to impress an employer, you need to tell your personal story. You want employers to know how you solve problems, overcome challenges, achieve results. In this lesson, learn helpful techniques to tell your unique story in a succinct and professional way.
Course 7 • 1 week
Project 4: Corporate Dashboard
You must develop a corporate dashboard application using a front-end MVC framework of your choosing. The dashboard application must contain a header (with the currently selected dashboard’s name); a menu, allowing the user to navigate between dashboards; and the primary dashboard display area. You should find, or create, your own data files in CSV and JSON formats to provide data to the dashboards. The required dashboards are: 1. A geospatial view, identifying the number of employees at various company locations. 2. A “key metrics” view, containing components displaying: the number of open issues, a line chart reflecting number of paying customers over a period of time, and a bar chart reflecting number of reported issues over a period of time. 3. A “data view” of all issues, with an appearance similar to a spreadsheet, that is sortable and filterable.
Lesson 1
Features of Single Page Apps
Learn about the features of a single page web application.
Lesson 2
Examine a Framework's Source
Dig around in the Backbone framework to discover how many of its most popular features work.
Lesson 3
Angular
Learn how to build a single page application in the Angular framework.
Lesson 4
Ember
Learn how to build a single page application in the Ember framework.
Lesson 5 • Project
Project Prep
You must develop a corporate dashboard application using a front-end MVC framework of your choosing.
Course 8 • 1 week
Project 5: Capstone Project
In this capstone project, students will build their own application using signature native application features such as device sensor access, offline-first, and more.
Lesson 1
HTTP's Request/Response Cycle
You'll learn the ins and outs of requests. You'll look at how a page is requested, the headers that are received, HTTP codes, and how data is transferred.
Lesson 2
HTTP/1
You'll take a deep dive into HTTP verbs. You'll dig in deep to the vital headers used in HTTP. You'll also learn how to efficiently structure applications using REST.
Lesson 3
HTTPS
You'll discover just how important security is to the web. You'll learn about TLS, discover issues with loading mixed content, have a quick primer on cryptography and verify Certificate Authorities.
Lesson 4
HTTP/2
HTTP/1 is great, but the future is HTTP/2! You'll learn about the changes that HTTP/2 brings. You'll learn the current "best practices" that HTTP/1 extols, but that are now anti-patterns in HTTP/2.
Lesson 5
Security
Security is vital for every web application! You'll learn about common security pitfalls and how to avoid them. You'll also get a chance to don your white hat and hack into a (sample) bank's website.
Lesson 6 • Project
Project Prep
In this capstone project, students will build their own application using signature native application features such as device sensor access, offline-first, and more.
Course 9 • 56 minutes
Career: Interview Practice
Now that you've practiced your skills through your project work, learn how you can present your knowledge in an interview. In the following lessons, you'll learn strategies for how to best prep yourself for an interview. If you are a **Nanodegree Plus** student, Career Content is required for graduation. If you are enrolled in a **standard Nanodegree** program, Career Content is **optional** and **does not affect** your graduation.
Lesson 1
Ace Your Interview
Learn strategies to prepare yourself for an interview.
Lesson 2
Practice Behavioral Questions
Practice answering behavioral questions and evaluate sample responses.
Lesson 3
Interview Fails
Some real-life examples of interviews that didn't go as expected - it happens all the time!
Lesson 4
Land a Job Offer
You've practiced a lot for the interview by now. Continue practicing, and you'll ace the interview!
(Optional) Course 10 • 45 minutes
Resume Review (Entry-level)
All Resume Review Projects will guide you through updating your resume according to the conventions that recruiters expect and ensure your resume is appropriately targeted to the job you’re applying to. Choose this project if you are an entry-level job applicant with 0-3 years experience in your field. Best suited for applicants who have recently graduated from their formal education and have limited work experience.
Lesson 1 • Project
Resume Resources
Explore some tools and resources to build out your resume!
(Optional) Course 11 • 45 minutes
Resume Review (Career Change)
Choose this project if you are seeking a career change and have 3+ years experience in an unrelated field. For example, if you're a teacher looking for work as a data analyst, or even from project management to front-end development - this project is for you.
Lesson 1 • Project
Resume Resources
Explore some tools and resources to build out your resume!
(Optional) Course 12 • 45 minutes
Resume Review (Prior Industry Experience)
Choose this project if you have 3+ years of prior experience in a related field. This would include those with experience in software development looking for work in mobile development, or even from data science to machine learning.
Lesson 1 • Project
Resume Resources
Explore some tools and resources to build out your resume!
(Optional) Course 13 • 30 minutes
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.
Lesson 1 • Project
Cover Letter Review
Learn the importance of writing a targeted cover letter and how you can further convey your interest and abilities in addition to your resume.
(Optional) Course 14 • 20 minutes
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.
Lesson 1 • Project
GitHub Profile Review
GitHub is a great way for employers to get a sense of how you code. Learn what your GitHub profile says about you and how to improve it to impress employers.
(Optional) Course 15 • 10 minutes
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.
Lesson 1 • Project
Optimize your LinkedIn Profile
Create or update your LinkedIn profile so prospective employers can find you online and reach out to you about potential positions.
(Optional) Course 16 • 20 minutes
Udacity Professional Profile Review
In this project, you will look at your Udacity Professional Profile through the lens of a Udacity hiring partner recruiter.
Lesson 1
Udacity Professional Profile Review
Develop your Professional Profile to attract Udacity hiring partners.
The Udacity Difference
Combine technology training for employees with industry experts, mentors, and projects, for critical thinking that pushes innovation. Our proven upskilling system goes after success—relentlessly.

Demonstrate proficiency with practical projects
Projects are based on real-world scenarios and challenges, allowing you to apply the skills you learn to practical situations, while giving you real hands-on experience.
Gain proven experience
Retain knowledge longer
Apply new skills immediately

Top-tier services to ensure learner success
Reviewers provide timely and constructive feedback on your project submissions, highlighting areas of improvement and offering practical tips to enhance your work.
Get help from subject matter experts
Learn industry best practices
Gain valuable insights and improve your skills

Enroll in Senior Web Developer Nanodegree. Choose the plan that works for you
All Access monthly
Unlimited access to our top-rated courses
Personalized Career Services
Cancel Anytime
Real-world projects
Personalized project reviews
Program certificates
Best Value
All Access bundle1
All the same great benefits as our monthly plan
The most cost-effective way to develop the skills you want
- 1Discount applies to the first 4 months of membership, after which plans are converted to month-to-month.
Your subscription also includes:
Your subscription also includes:

(1248)
2 months
Intermediate

(624)
3 months
Beginner

(624)
2 months
Beginner

(809)
3 months
Intermediate

(1244)
3 months
Beginner

(966)
3 months
Intermediate

(1232)
2 months
Intermediate

(45)
4 months
Advanced

(1339)
5 months
Beginner

(101)
3 months
Advanced

(807)
3 months
Advanced

(323)
4 weeks
Intermediate

(1018)
3 months
Beginner

(498)
3 months
Intermediate

(293)
3 months
Intermediate

(288)
2 months
Beginner