Project 1 | 18 Activities
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.
Project 2 | 15 Activities
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.
Project 3 | 10 Activities
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.
Project 4 | 9 Activities
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?
Project 5 | 8 Activities
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).
Project 6 | 9 Activities
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.
Project 7 | 9 Activities
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.
Project 8 | 7 Activities
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.
Project 9 | 8 Activities
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
