Learn how to develop both client-side and server-side software in the online bootcamp

Get Certified With the Full Stack JavaScript Treehouse Techdegree

Browser Window For Learning

Realtime Student Support

Throughout the Techdegree you’ll interact closely with our student success team. Our team will review and help debug your projects, answer questions, and act as a sounding board. You’ll have access to our team via our dedicated Slack workspace and Zoom.

Stack of folders

Real-world Projects

After completing Techdegree, you’ll have a well-rounded portfolio of projects to demonstrate your newly-acquired expertise.

Pencil Filling Out A Quiz

Interactive Quizzes And Code Challenges

Test your knowledge with quizzes or test out of subjects you've already mastered. Plus, use Treehouse's interactive Workspaces to create staging environments for the code you write.

Laptop with Code on Screen

In-depth Code Reviews by Peers

Peer reviews are an integral part of the Techdegree experience. Real-world job roles often require a lot of reviewing other people’s code and design—once you graduate Techdegree, you’ll have experience giving and receiving feedback.

What will you create?

  • Project 1 | 18 Activities

    A Random Quote Generator

    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

    Data Pagination and Filtering

    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

    Interactive Form

    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

    OOP Game Show App

    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

    Public API Requests

    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

    Static Node.js and Express Site

    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 Gallery App

    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

    SQL Library Manager

    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

    REST API

    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.

  • Project 10 | 8 Activities

    Full Stack App with React and a REST API

    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.

    JavaScript Techdegree Seal

Your Teachers

  • Nick Pettit

    • HTML
    • Game Development
    • Design
    • Machine Learning
    • Virtual Reality
    Nick Pettit
  • Andrew Chalkley

    • JavaScript
    • Databases
    Andrew Chalkley
  • Chris Ramacciotti

    • Development Tools
    • Java
    Chris Ramacciotti
  • Kyle Daigle

    • Development Tools
    Kyle Daigle
  • Alyson La

    • Development Tools
    Alyson La
  • Treasure Porth

    • HTML
    • Development Tools
    • JavaScript
    Treasure Porth
  • Guil Hernandez

    • CSS
    • JavaScript
    Guil Hernandez
  • Joel Kraft

    • JavaScript
    Joel Kraft
  • Jay McGavren

    • Ruby
    • Go
    • Development Tools
    Jay McGavren
  • Ashley Boucher

    • JavaScript
    • Python
    Ashley Boucher
  • Alena Holligan

    • PHP
    • Security
    • WordPress
    Alena Holligan
  • Reggie Williams

    • JavaScript
    Reggie Williams
  • Dave McFarland

    • JavaScript
    Dave McFarland
  • James Churchill

    • C#
    James Churchill
  • Anwar Montasir

    • Design
    Anwar Montasir

Related articles about Full Stack JavaScript

View More
  • Gulp for Beginners

    Setting up gulp using gulp.js Introduction to gulp.js What is gulp? According to their homepage (gulpjs.com), it’s a toolkit to automate & enhance your workflow. What exactly does that mean? Well, for medium to large-sized projects you may want to have a...

  • How to Load an Image With Async JavaScript

    There may come a time where you want to download an image in the background instead of seeing it load like this… …have it load like this: Overview Whether you have an image gallery with high-res images, or you’re creating...

  • Build a JavaScript Tip Calculator

    Ever found yourself at a restaurant wishing you could figure out how to split the bill with your friends or family? Building a calculator that can handle that isn’t as hard as you think! I am going to take you...

Start your future for $199/month

  • Checkmark Guided learning paths
  • Checkmark Technical and soft skills
  • Checkmark Quizzes and Code Challenges
  • Checkmark Build a portfolio
  • Checkmark Exclusive chat community
  • Checkmark Weekly office hours