Use what you've learned about CSS to convert a design prototype into a functional webpage!
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
Memory Game
In this project, you’ll demonstrate your mastery of HTML, CSS, and JavaScript by building a complete browser-based card matching game (also known as Concentration). From building a grid of cards, adding functionality to handle user input, and implementing gameplay logic -- you'll combine all your web development skills to create a fully interactive experience for your users.
Project
Feed Reader Testing
In this project, you will learn about testing with JavaScript. Many organizations practice a standard known as "test-driven development" or TDD, in which developers write tests first, before developing their application. You'll use TDD to add new features to a Feed Reader application.
Project
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
Restaurant Reviews
In this project, you’ll build a Restaurant Reviews App that meets accessibility standards and provides a responsive user experience. You will take a static design that lacks accessibility, and convert the design to be responsive on different sized displays and accessible for screen reader use.
Project
MyReads
Create a React application from scratch and utilize React components to manage the user interface. You’ll create a virtual bookcase to store your books and track what you're reading. Using the provided Books API, you’ll search for books and add them to a bookshelf as a React component. Use React's setState to build the functionality to move books from one shelf to another.
Project
Neighborhood Map (React)
You will develop a single-page React application featuring a map of your neighborhood or a neighborhood you would like to visit. Your map will identify popular local places and include a search. You'll also incorporate a third-party API to provide additional information about each of these locations.
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
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.
Project
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.
Project
Practice HTML syntax by converting a mockup of a blog article into a real website!
Project
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.
Project
Pixel Art Maker
In this project, you’ll build a single-page web application that allows users to draw pixel art on a customizable canvas. You'll be given starter code, including HTML and CSS, to build the application. You'll then use your JavaScript and jQuery skills to manipulate the DOM, allowing users to create a digital masterpiece!
Project
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.
Project
(Optional) Project: Health Tracker
**This is an optional project; you are not required to complete this project to graduate your Nanodegree.** Using Backbone, you will develop a single page app that tracks the user's calorie intake, and optionally, other health-related metrics. Typing food names into the search field will display a list of matching foods as provided by the health API. Users will be able to select an item from the list, and the item will be added to the list of foods the user is tracking. The total calorie count will also update to reflect the new daily total.
Project
Project: 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
Udacity Professional Profile Review
In this project, you will look at your Udacity Professional Profile through the lens of a Udacity hiring partner recruiter.
Project
Project
Project: Establishing Developer Mindset
In Establishing a Web Developer Mindset, you'll learn about the history of the languages you'll be studying, the Web, and our place today as Web Developers in an evolving story. After learning about problem solving strategies, you'll write a letter to your future self describing how you can overcome any challenge ahead in this Nanodegree, and set some goals for what you want to achieve. You'll also learn how to get feedback from Udacity Project Reviewers. Go ahead, get started now!
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.
Featured Programs