COURSE OVERVIEW

What you'll learn

• 

  Project 1 | 16 Activities

  A Random Quote Generator

  Module Info & Overview

  Practice your knowledge of basic JavaScript syntax and data structures by building a Random Quote Generator, a program that displays a randomly selected quote each time the user clicks a button.

  Download Syllabus
• 

  Project 2 | 17 Activities

  Data Pagination and Filtering

  Module Info & Overview

  Displaying a large amount of data on a web page, like a list of 200 movie titles or 400 products, can overwhelm a user with too much information at once. A common solution is to create separate “pages” that each display a small portion of the data. In this project, you'll write JavaScript to display several “pages” of student data that the user can easily navigate and view.

  Download Syllabus
• 

  Project 3 | 12 Activities

  Interactive Form

  Module Info & Overview

  Full Stack JavaScript developers create forms to collect information from users for nearly every website and application they build. For this project, you’ll use your skills to enhance a form so that it’s engaging, interactive, and easy to use.

  Download Syllabus
• 

  Project 4 | 8 Activities

  OOP Game Show App

  Module Info & Overview

  Create a browser-based, word guessing game: "Phrase Hunter." You’ll use JavaScript and OOP (Object-Oriented Programming) to select a random, hidden phrase. A player tries to guess the phrase by selecting individual letters from an onscreen keyboard. Can they guess the phrase before they run out of attempts?

  Download Syllabus
• 

  Project 5 | 10 Activities

  Public API Requests

  Module Info & Overview

  Many sites — Twitter, Facebook, IMDB, and Wikipedia to name a few — offer a vast sea of data that you can access and display on your own web pages. Using JavaScript, you’ll create an employee directory by communicating with a third-party API (Application Programming Interface).

  Download Syllabus
• 

  Project 6 | 9 Activities

  Static Node.js and Express Site

  Module Info & Overview

  Node.js and Express make a powerful pair when used together on the server side, and are used everyday to make fast, modular and dynamic web applications. For this project, you'll use Node.js, Express and Pug templates to create a portfolio site to show off the projects you've built.

  Download Syllabus
• 

  Project 7 | 9 Activities

  React Gallery App

  Module Info & Overview

  React is one of the most popular development libraries on the web, which is why React developers are in such great demand. So let's up those skills and get some valuable practice and experience by using React and the handy Create React App tool to build a fast and lightweight gallery app with a modern approach.

  Download Syllabus
• 

  Project 8 | 6 Activities

  SQL Library Manager

  Module Info & Overview

  Working with databases — storing, retrieving, updating and deleting information — is an important software developer skill. In this project, you'll create a web application for listing, adding, updating, and deleting books in a library application, using JavaScript, Node.js, Express, Pug, and the SQL ORM Sequelize.

  Download Syllabus
• 

  Project 9 | 8 Activities

  REST API

  Module Info & Overview

  In this project, you’ll use the popular Express web application framework and a SQL database to create a REST API that lets users create, read, update, and delete items from a school database.

  Download Syllabus
• 

  Project 10 | 5 Activities

  Full Stack App with React and a REST API

  Module Info & Overview

  In your final project, you'll use React to create a client for your existing school database REST API (that you created in a previous project). When completed, your full stack JavaScript application will allow users to view a list of courses and the detail for a specific course, sign up to create an account or sign in with an existing account, and create, update, or delete courses.

  Download Syllabus