Udacity Connect Bay Area

Become a Front-End Web Developer in 3 months

Face-to-face learning, accelerated success. Part-time.

Apply Now

Apply by September 22nd. First come, first served seating. Learn more.

Front-End Web Developer Nanodegree Program

October 7 - February 17 | Saturday, 10am - 5pm

  • San Francisco | San Jose | Santa Clara

  • Master HTML, CSS and JavaScript.

Available Sessions
  • October 7 - February 17 Saturday, 10am - 5pm San Francisco or San Jose
  • October 8 - February 18 Sunday, 10am - 5pm San Francisco or San Jose
Apply Now

About the Front-End Web Developer Nanodegree Program

Master the skills required to become a Front-End Web Developer, and start building beautiful, responsive websites optimized for mobile and desktop performance.

Learn the fundamentals of how the web works and gain a working knowledge of the three foundational languages that power each and every website: HTML, CSS and JavaScript.

Co-Created By:
  • Logo color att af8960d
  • Logo color google 1c8cf8f
  • Logo color github b09d32a
  • Logo color hackreactor 34fdc7b
  • Timeline
    3 months
  • Skill Level intermediate: Entering students should know basic programming concepts (variables, conditions, loops), and be able to solve and describe programming problems.
    • 1
    • 2
    • 3

Equity and other salary components for Front-End Web Developer at Paysa

What You Will Learn

Prerequisite Knowledge

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.

Need to Prepare?

Any students looking to prepare for this Nanodegree program can check out Udacity's Intro to Programming Nanodegree program.

  • Website Layout and Markup

    Use HTML markup to format and organize web documents and text. Use CSS to style HTML elements and learn techniques to make that styling responsive and usable on computers and mobile devices.

  • JavaScript Immersion

    Learn the JavaScript programming language and how to create dynamic applications.

  • Web Application Development

    Learn advanced techniques for building powerful web applications to connect data across the internet.

Projects You Will Build

Project 1 - Build a Portfolio Website
Project 1

Build a Portfolio Website

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.

Replicate a PDF-file design mockup in HTML and CSS, and develop a responsive website.

Project 2 - Interactive Resume
Project 2

Interactive Resume

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.

Develop an interactive resume application that reads content from a JSON file and dynamically displays it.

Project 3 - Classic Arcade Game Clone
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.

Using visual assets and a game loop engine, recreate the classic arcade game Frogger.

Project 4 - Website Optimization
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.

Optimize a provided website with a number of optimization and performance-related issues.

Project 5 - Neighborhood Map
Project 5

Neighborhood Map

Develop a single-page neighborhood map application, add 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. Research and implement third-party APIs that provide additional information about the locations.

Develop a single-page neighborhood map application with functionality like map markers, a search function, and more.

Project 6 - Feed Reader Testing
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.

Update a web-based application that reads RSS feeds to provide a complete test suite.

Project 7 - Resume Review
Project 7

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.

Update your resume according to conventions recruiters expect and pass the "6 second screen".

Typical Day Schedule

  • 10 AM
    Review Udacity project and deadlines
  • 11 AM
    Project Work
  • 12 PM
    Break for lunch
  • 1 PM
    Continue building project
  • 2 PM
    Review personal progress and set goals
  • 3 PM
    (Optional) Two hours open study time

FAQ

  • Why should I apply for Udacity Connect?

    Students who pursue a blended learning approach by adding an in-person component finish on average more than 30% faster than those students working strictly online. As a Udacity Connect student, you’ll benefit from in-person collaboration with peers and instructors to complete projects, overcome challenges, and master new concepts. You’ll stay on track through weekly check-ins with Session Leads who provide additional lecture on difficult course material, help with goal-setting, time management, and motivation, and you’ll gain critical career insights from guest speakers who are working professionals in relevant fields.

    See More Questions

Udacity Connect

Accelerate with Udacity Connect

Apply Now
  • “The fact that I had to report to my Session Lead each Saturday drove me to work faster on my Nanodegree program. The discipline and motivation pushed me to get my work done.”

    — Vivek, Udacity Connect Graduate
  • “I could interact with students who were far ahead of me and get past roadblocks which I could not have done on my own.”

    — Fernando, Udacity Connect Graduate

Still deciding?

Sign up for program notifications, and let us know which city we should launch in next!

Icon globe

Udacity 现已提供中文版本! A Udacity tem uma página em português para você! There's a local version of Udacity for you! Sprechen Sie Deutsch?

Besuchen Sie de.udacity.com und entdecken Sie lokale Angebote, unsere Partnerunternehmen und Udacitys deutschsprachigen Blog.

前往优达学城中文网站 Ir para a página brasileira Go to Indian Site Icon flag de Zu de.udacity.com continue in English