Treehouse Techdegree

Become a Front End Web Developer

Learn how to build basic websites and user experiences with HTML, CSS, and JavaScript. You’ll learn the skills necessary to start a new career as a Front End Web Developer, who typically earns a starting salary of $40k a year.

Start your free trial

Prepare for success

I signed up in high hopes that it would give me the foundations needed to land my first job within a year — which is exactly what it did!

Ashley Ashley Clifton JavaScript Developer

I recommend the Techdegree because it aligns your learning with the projects, which really brings the courses to life. It enriches the learning experience and takes it to a new level.

Patrick Patrick Mockridge Full Stack JavaScript Techdegree student

Learn new skills

We’ll teach you everything you need to know to build a strong technical foundation, including HTML, JavaScript, CSS, Development Tools and more.

What to expect

We've carefully crafted the Techdegree program to jumpstart your journey to become a developer.

  • 9 Projects
  • 28 Courses
  • 140 Quizzes
  • 197 Challenges
  • 3 - 9 Months
  • 1 Hours
  • Course

    Introduction to HTML and CSS

  • Course

    HTML Basics

  • Workshop

    Introducing Text Editors

  • Workshop

    Share Your Techdegree Projects With GitHub Desktop

  • Course

    CSS Basics

  • Workshop

    Debugging CSS with Chrome DevTools

  • Course

    CSS Layout Basics

  • Course

    Responsive Images

  • Course

    HTML Tables

  • Course

    HTML Forms

  • Course

    CSS Selectors

  • Course

    CSS Flexbox Layout

  • Course

    The Landscape of JavaScript

  • Course

    Introducing JavaScript

  • Course

    Introduction to Git

  • Course

    CSS Transitions and Transforms

  • Course

    Sass Basics

  • Course

    JavaScript Basics

  • Course

    JavaScript Loops, Arrays and Objects

  • Workshop

    Defining Variables with let and const

  • Course

    jQuery Basics

  • Course

    Using jQuery Plugins

  • Workshop

    Introducing Arrow Function Syntax

  • Course

    JavaScript and the DOM

  • Workshop

    Debugging JavaScript in the Browser

  • Workshop

    Exploring JavaScript Conditionals

  • Course

    DOM Scripting By Example

  • Workshop

    Introducing Template Literals

  • Course

    SVG Basics

  • Course

    Animating SVG with CSS

  • Workshop

    SVG Workflow and Tools

  • Workshop

    Using Local Storage with JavaScript

  • Course

    CSS Grid Layout

  • Course

    Object-Oriented JavaScript

  • Course

    Callback Functions in JavaScript

  • Course

    AJAX Basics

  • Workshop

    Working with the Fetch API

  • Course

    JavaScript Array Iteration Methods

  • Course

    Bootstrap 4 Basics

  • Workshop

    Hosting a Website with GitHub Pages

Build real-world projects

Develop the skills professional developers use every day and complete 9 challenging projects so you can demonstrate in-demand skills. In the process of creating these projects, you’ll build a portfolio of examples to showcase your talent to potential employers.

Deleted User
  • 3 hrs
    Project

    My Personal Profile Page

    Customize a personal online profile by adding graphics, customizing text, and improving the look of a web page using Cascading Style Sheets, the formatting language of the web. Share your finished project on GitHub, a website used by teams of programmers to share and work on programming code.

    Learn More
  • 6 hrs
    Project

    Mobile-first Responsive Layout

    Designing web pages that look and function well on multiple screen sizes is an essential skill for a web developer. Using HTML, CSS, and responsive design, you'll create a mobile-first web page with a layout that adjusts to fit mobile phones, tablets, and desktop displays.

    Learn More
  • 8 hrs
    Project

    An Online Registration Form

    Web forms appear everywhere online: forms allow users to order books, sign up for websites, and post to Facebook. This project challenges you to build a responsive, mobile-first registration form using a variety of HTML form elements.

    Learn More
  • 12 hrs
    Project

    Web Style Guide

    Sass is an important tool in a modern Front End Web Developer’s toolbox. It's used by many developers to make styling web pages with CSS easier and faster. Create a style guide using BEM style classes to quickly prototype and apply a consistent look across multiple pages of a site.

    Learn More
  • 10 hrs
    Project

    An Interactive Photo Gallery

    Interactive image galleries are a common feature of many websites, from photo sites to e-commerce applications. Use HTML, CSS and the popular programming language JavaScript to create an interactive, searchable gallery of photos.

    Learn More
  • 12 hrs
    Project

    Game Show App

    In this project, you'll create a browser version of “Wheel of Success”, a word guessing game. You’ll use Javascript to come up with a random phrase that players will try to guess by entering different letters into the program.

    Learn More
  • 20 hrs
    Project

    WebApp Dashboard

    Build an interactive dashboard for a web application using advanced web techniques including SVG graphics and JavaScript programming. The project involves creating tables, charts, graphics and other user interface components in a manner that promotes interactivity and usability.

    Learn More
  • 20 hrs
    Project

    Use an API to Create an Employee Directory

    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).

    Learn More
  • 25 hrs
    Project

    Capstone Portfolio

    The final capstone project for the Front End Web Development Techdegree Program. Show off your skill and expertise in the tools and techniques you've learned in the Techdegree by building a professional portfolio to showcase your work.

    Learn More

We’re in this together

You will learn from the best teachers in the industry through our interactive video courses and workshops. In addition, you’ll receive project reviews and feedback on your work, as well as access to our exclusive Slack community, where you can work directly with other students on problems you’re solving.

  • Treasure Porth
    Treasure Porth
    Teacher
    • HTML
    • Development Tools
    • JavaScript
  • Guil Hernandez
    Guil Hernandez
    Teacher
    • CSS
    • JavaScript
  • Nick Pettit
    Nick Pettit
    Teacher
    • HTML
    • Game Development
    • Design
    • Machine Learning
    • Virtual Reality
  • Andrew Chalkley
    Andrew Chalkley
    Guest Teacher
    • JavaScript
    • Databases
    • APIs
    • Ruby
    • Development Tools
  • Dave McFarland
    Dave McFarland
    Teacher
    • JavaScript
  • Joel Kraft
    Joel Kraft
    Guest Teacher
    • JavaScript
  • Jay McGavren
    Jay McGavren
    Teacher
    • Ruby
    • Go
    • Development Tools
  • Ashley Boucher
    Ashley Boucher
    Teacher
    • JavaScript

Your future starts here

$199/mo

  • Custom curriculum
  • Peer project reviews
  • Exclusive Slack channel
  • Portfolio of 9 real-world projects
  • Proctored final exam
  • Official Techdegree Certificate
Start your free trial

Need help? Reach us at help@teamtreehouse.com