Fullstack Javascript Techdegree

Learn the building blocks of HTML, CSS, and dive deep into JavaScript

Browser Window For Learning

Built on the Treehouse Learning Platform

Techdegree is built on the Treehouse learning style, with interactive videos, workspaces, quizzes and more.

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

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.

  • Project 1 | 17 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 | 11 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 | 9 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 | 10 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, list, update, and delete items from a school database.

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
  • Dave McFarland

    • JavaScript
    Dave McFarland
  • James Churchill

    • C#
    James Churchill
  • Anwar Montasir

    • Design
    Anwar Montasir

Related articles about Full Stack JavaScript

View More
  • Python vs. JavaScript Comparison for 2020

    Programming in a new language can feel unfamiliar, intimidating, and tricky to navigate at first. There are new rules, syntax, and nuances to learn. I recently started learning Python again after years of programming in JavaScript. After diving back in...

  • JavaScript Loops 101

    There are loads of ways to loop in JavaScript!  How do you know which one to choose, and when? It can be a minefield for those new to the language. In this article, we are going to cover 7 of...

  • What is OOP?

    As anyone working in software could tell you, coding can get really complicated really quickly. Luckily for them (and us!), OOP is there to make things simpler—and, ultimately, to make apps and sites run better. What is OOP? OOP stands...

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