Front-End Web Developer Nanodegree - Google

Udacity
Online

Free

Important information

  • Course
  • Online
  • When:
    Flexible
Description

Become a Front-End Web Developer by completing a variety of projects for your portfolio - become an HTML, CSS and JavaScript pro!

Important information
Venues

Where and when

Starts Location
Flexible
Online

What you'll learn on the course

Javascript training
Testing
HTML
Javascript
Performance
Design
Web
Project

Course programme

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.

  • Project 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.

    Supporting Courses

    Responsive Web Design Fundamentals

    Intro to HTML and CSS

    Responsive Images

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

    Supporting Courses

    JavaScript Basics

    Intro to jQuery

    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 P3: 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.

    Supporting Courses

    Object-Oriented JavaScript

    HTML5 Canvas

    Project P3: 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 P4: 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.

    Supporting Courses

    Browser Rendering Optimization

    Website Performance Optimization

    Project P4: 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 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).

    Supporting Courses

    Intro to AJAX

    JavaScript Design Patterns

    Project 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 P6: 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.

    Supporting Courses

    JavaScript Testing

    Project P6: 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.