New
Nanodegree Program

Front End Web Developer

Learn how to build high quality websites and dynamic applications to create stunning user experiences for the web.

  • Estimated Time
    4 Months

    At 5-10 hrs/week

  • Enroll by
    September 24, 2019

    Get access to classroom immediately on enrollment

  • Prerequisites
    Knowledge of basic HTML, CSS, and JavaScript

    See prerequisites in detail

What You Will Learn

Download Syllabus
SYLLABUS

Front End Web Developer

The goal of the Front End Web Developer Nanodegree program is to equip learners with the unique skills they need to build and develop a variety of websites and applications. Graduates of this Nanodegree program will be able to construct responsive websites using CSS, Flexbox and CSS Grid, develop interactive websites and UI (User Interface) applications using JavaScript and HTML, and connect a web application to backend server data using JavaScript. Students will also build competency automating application build and deployment using Webpack and improving offline performance of websites using Service Worker.

This goal of the Front End Web Developer Nanodegree program is to equip learners with the unique skills they need to build and develop responsive websites and applications. The program includes 4 courses and 5 projects. Each project you build will be an opportunity to apply what you’ve learned in the lessons and demonstrate to potential employers that you have practical full-stack development skills.

Hide details

4 months to complete

Prerequisite Knowledge

To optimize your chances of success in the Front End Web Developer Nanodegree program, we recommend that you have comfortability using basic HTML, CSS, and JavaScript (or another object-oriented programming language).See detailed requirements.

  • CSS & Website Layout

    Learn how to effectively create the structure of a website using semantic HTML, and style websites with CSS and responsive layouts. Develop an understanding of different use cases for CSS Grid and Flexbox, and structure the layout of a web page using grid columns and rows.

    Styled Blog Website
  • JavaScript and the DOM

    Use JavaScript to control a webpage. Learn what the Document Object Model (DOM) is, and use JavaScript and the DOM to dictate page content and interactions. Gain experience working with Browser Events and managing website performance by controlling content creation efficiently.

    Dynamic Landing Page for Marketing Content
  • Web APIs and Asynchronous Applications

    Set up a Node and Express environment so you can develop web applications on your local machine, and learn to handle HTTP Requests & Routes. Update and modify website elements dynamically using asynchronously retrieved data.

    Weather Journal
  • Build Tools, Webpack, and Service Worker

    Develop an understanding of how to use build tools, such as Webpack, for automating build tasks. Create CSS variables with Sass and configure Webpack to use Sass controlled stylesheets. Learn how to cache server data and website functionality using Service Worker.

    Article Analysis WebsiteFront End Web Developer Nanodegree Program Capstone
Icon - Dark upwards trend arrow

The Bureau of Labor Statistics projects over 15% job growth for web developers over the next 5+ years.

All Our Nanodegree Programs Include:

Real-world projects from industry experts

With real world projects and immersive content built in partnership with top tier companies, you’ll master the tech skills companies want.

1-on-1 technical mentor

Get a knowledgeable mentor who guides your learning and is focused on answering your questions, motivating you and keeping you on track.

Personal career coach and career services

You’ll have access to career coaching sessions, interview prep advice, and resume and online professional profile reviews to help you grow in your career.

Flexible learning program

Get a custom learning plan tailored to fit your busy life. Along with easy monthly payments you can learn at your own pace and reach your personal goals.
Program pricingFull list of offerings included:
Subscription includes:
Student Services
1-on-1 technical mentor
New
icon-checkmarkCheckmark
Check-ins with mentor
New
icon-checkmarkCheckmark
Student community
Improved
icon-checkmarkCheckmark
Career services
Personal career coaching
New
icon-checkmarkCheckmark
Interview preparations
icon-checkmarkCheckmark
Resume services
icon-checkmarkCheckmark
Github review
icon-checkmarkCheckmark
LinkedIn profile review
icon-checkmarkCheckmark
Resume shared with 500+ employers
New
icon-checkmarkCheckmark
Class content
Real-world projects
icon-checkmarkCheckmark
Project reviews
icon-checkmarkCheckmark
Project feedback from experienced reviewers
icon-checkmarkCheckmark
Succeed with Personalized Services
We provide services customized for your needs at every step of your learning journey to ensure your success!
Experienced Project Reviewers
Individual 1-on-1 Mentorship
Personal Career Coach
Experienced Project Reviewers
Reviews By the numbers
2000+ project reviewers
1.8M projects reviewed
4.85/5 reviewer ratings
3 hour avg project review turnaround time
Reviewer Services
  • Personalized feedback
  • Unlimited submissions and feedback loops
  • Practical tips and industry best practices
  • Additional suggested resources to improve
Succeed with Personalized Services
We provide services customized for your needs at every step of your learning journey to ensure your success!
Project Reviewers
1-on-1 Mentors
Career Coaching
Experienced Project Reviewers
Reviews By the numbers
2000+ project reviewers
1.8M projects reviewed
4.85/5 reviewer ratings
3 hour avg project review turnaround time
Reviewer Services
  • Personalized feedback
  • Unlimited submissions and feedback loops
  • Practical tips and industry best practices
  • Additional suggested resources to improve

Learn with the best

Daniel Silber-Baker
Daniel Silber-Baker

Instructor

Daniel Silber-Baker is a programmer, poet, and educational design expert. He has a master’s degree from NYU’s Interactive Telecommunications Program, and his professional career has stretched across the non-profit, corporate, and academic spheres.

Rachel Manning
Rachel Manning

Instructor

Rachel is a front end web developer at Acquia and spent 3 years as the curriculum developer for a Silicon Beach bootcamp. An advocate for continued learning, she is passionate about mentoring women and students in technology.

Alyssa Hope
Alyssa Hope

Instructor

Alyssa is a full stack developer who was previously the lead instructor at a coding bootcamp. With a degree in International Communications, her passion is to express thoughts well, whether in code or writing.

Richard Kalehoff
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.

Get started with

Front End Web Developer

Icon - Open Book - Blue
Learn
Learn how to build high quality websites and dynamic applications for the web.
Icon - Clock -Blue
Average Time
On average, successful students take 4 months to complete this Nanodegree program.
Icon - Project - Blue
Benefits include
  • Real-world projects from industry experts
  • 1-on-1 technical mentor
  • Personal career coach & career services

Best Deal!

4 months access
$1436 $399 $359 per month

Pay up-front and save! Switch to the monthly price afterwards if more time is needed.

Buy with payments as low as $120 per month at 0% APR.

Learn More
Pay as you go
$399per month

Life can be unpredictable. Get maximum flexibility to learn at your own pace.

Buy with payments as low as $120 per month at 0% APR.

Learn More
The Udacity Impact

Numbers don't lie. See what difference it makes in career searches.*

84%
Better Jobs

Career-seeking and job-ready graduates found a new, better job within six months of graduation.

$24,000
Salary Increase

Average salary increase for graduates who found a new, better job within six months of graduation.

Program Details

    PROGRAM OVERVIEW - WHY SHOULD I TAKE THIS PROGRAM?
  • Why should I enroll?

    Demand for front end web developers is widespread across every industry, and continues to rise. By mastering the valuable skills taught in this program, you will 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.

    In the Front End Web Developer Nanodegree program, you will:

    • Explore different JavaScript design patterns, and become skilled with common developer tools, testing suites, and frameworks.
    • Demonstrate and refine your skills with five (5) in-class projects.
    • Receive expert reviews on your project submissions, along with actionable feedback to help you successfully advance through the program.
    • Communicate with your mentor, who will provide guidance, lend support, answer questions, and direct you to valuable resources.
  • What jobs will this program prepare me for?

    Graduates of this program will be valuable additions to any team working in the domain of web development, app development, software development, digital marketing, and e-commerce. Opportunities exist in companies ranging from Fortune 500 companies to startups.

    Specific roles include:

    • Front End Web Developer/Engineer
    • UI/UX Developer
    • Front End Designer
  • How do I know if this program is right for me?

    If you’re interested in building and developing a variety of websites and applications and creating stunning user experiences, Front End Web Developer is a great program for you!

    Before beginning, a well-prepared student should be able to:

    • Layout a simple webpage using HTML
    • Style a website element using CSS
    • Write and test software with JavaScript
    • Inspect websites using Developer Tools on a modern web browser (Chrome, Firefox, or Edge)
    • Debug and troubleshoot errors and failures in JavaScript programs

    Whether you're looking to begin a new career as a front end web developer, strengthen your current skill set, or just want to further your knowledge, this is the perfect way to get started!

  • What is the difference between the Front End Web Developer program and Full Stack Web Developer program?

    Web development generally fits into distinct concentrations, such as front end web development and full stack web development.

    As a front end web developer, you'll build responsive, dynamic user interfaces on the web. You'll leverage your HTML, CSS, and JavaScript skills to manage all client-side scripting.

    As a full stack web developer, you'll have an active hand in implementing relationship databases, configure and deploy your applications to the cloud, and build dynamic software application backend systems using the Python programming language.

    Whichever path you choose, you'll be building involved, engaging experiences on the web for your users!

    ENROLLMENT AND ADMISSION
  • Do I need to apply? What are the admission criteria?

    There is no application. This Nanodegree program accepts everyone, regardless of experience and specific background.

  • What are the prerequisites for enrollment?

    A well-prepared learner is able to:

    • Layout a simple webpage using HTML
    • Style a website element using CSS
    • Write and test software with JavaScript
    • Inspect websites using Developer Tools on a modern web browser (Chrome, Firefox, or Edge)
    • Debug and troubleshoot errors and failures in JavaScript programs
    • Use Git for version control. If you do not have this experience, check out our Version Control with Git course.
    • Communicate fluently and professionally in written and spoken English.
  • If I do not meet the requirements to enroll, what should I do?

    We offer a number of Nanodegree programs and free courses that can help you prepare, including:

    TUITION AND TERM OF PROGRAM
  • How is this Nanodegree program structured?

    The Front End Web Developer Nanodegree program is comprised of content and curriculum to support 4 (four) projects. Once you subscribe to a Nanodegree program, you will have access to the content and services for the length of time specified by your subscription. We estimate that students can complete the program in four (4) months working 5-10 hours per week.

    Each project will be reviewed by the Udacity reviewer network. Feedback will be provided and if you do not pass the project, you will be asked to resubmit the project until it passes.

  • How long is this Nanodegree program?

    Access to this Nanodegree program runs for the length of time specified in your subscription plan. See the Terms of Use for other policies around the terms of access to our Nanodegree programs.

    That said, we estimate that students can complete the program in four (4) months working 5-10 hours per week.

  • Can I switch my start date? Can I get a refund?

    Please see the Udacity Nanodegree program FAQs for policies on enrollment in our programs.

  • How much does the program cost?

    The subscription price to this program is $399 per month, and a pre-paid bundle of 4-months is available at a discounted price of $1,436 (prices provided are in USD).

    Software and Hardware - What Do I Need for This Program?
  • What software and versions will I need in this program?

    For this Nanodegree program, you will need access to a computer with a broadband connection, on which you will install a professional code/text editor (e.g., Visual Studio Code, Atom, etc.).

Front End Web Developer