Udacity part of Accenture logo

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

Prerequisites:

No experience required

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

  1. 1Discount applies to the first 4 months of membership, after which plans are converted to month-to-month.

Your subscription also includes:

C++

(809)

3 months

Intermediate

SQL

(288)

2 months

Beginner

Udacity Accenture logo

Company

  • Facebook
  • Twitter
  • LinkedIn
  • Instagram

© 2011-2025 Udacity, Inc. "Nanodegree" is a registered trademark of Udacity. © 2011-2025 Udacity, Inc.
We use cookies and other data collection technologies to provide the best experience for our customers.