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, CSS, JavaScript, Development Tools, Business and more.

What to expect

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

  • 12 Projects
  • 28 Courses
  • 166 Quizzes
  • 167 Challenges
  • 3 - 9 Months
  • 174 Hours
  • Course

    Introduction to HTML and CSS

  • Course

    HTML Basics

  • Workshop

    Share Your Techdegree Projects With GitHub Desktop

  • Course

    CSS Basics

  • Course

    CSS Layout Basics

  • Course

    Responsive Images

  • Course

    HTML Tables

  • Course

    HTML Forms

  • Course

    CSS Selectors

  • Course

    CSS Flexbox Layout

  • Course

    JavaScript Basics

  • Course

    JavaScript Loops, Arrays and Objects

  • Course

    Introduction to jQuery

  • Course

    Using jQuery Plugins

  • Course

    Sass Basics

  • Course

    CSS to Sass

  • Course

    Modular CSS with Sass

  • Workshop

    Build a Responsive Navigation with Flexbox

  • Course

    CSS Transitions and Transforms

  • Course

    SVG Basics

  • Course

    Animating SVG with CSS

  • Course

    Building Your Resume

  • Workshop

    Defining Variables with let and const

  • Workshop

    Introducing Arrow Function Syntax

  • Workshop

    Exploring JavaScript Conditionals

  • Course

    JavaScript and the DOM

  • Course

    DOM Scripting By Example

  • Course

    HTML Video and Audio

  • Workshop

    Create a Media Player with MediaElement.js

  • Course

    Web Accessibility Compliance

  • Course

    Git Basics

  • Workshop

    Create Tooltips with CSS

  • Workshop

    Using Local Storage with JavaScript

  • Workshop

    Introducing Template Literals

  • Workshop

    Debugging JavaScript in the Browser

  • Course

    AJAX Basics

  • Workshop

    Create a Fullscreen Slider with CSS

  • Course

    Gulp Basics

  • Course

    Front End Web Optimization Workflow

  • Workshop

    Hosting a Website with GitHub Pages

Build real-world projects

Develop the skills professional developers use every day and complete 12 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
  • 1 hrs
    Project

    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

    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
  • 3 hrs
    Project

    Online Registration Form

    Web forms appear everywhere online: forms allow users to order books, sign up for web sites, 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
  • 6 hrs
    Project

    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
  • hrs
    Project

    Build a 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
  • 3 hrs
    Project

    SVG Site Update

    Master Scaleable Vector Graphics. SVG graphics are quickly becoming one of the most widely used graphic formats on the Web. Modernize the user interface of a web page by adding, styling and optimizing SVG graphics.

    Learn More
  • 15 hrs
    Project

    Interactive Video Player

    Build an HTML5 video player using JavaScript and the HTML5 Video API. Video, and the interface used to control the video, is increasingly important for many different kinds of web applications, including web site landing pages, blogs, podcasts, product marketing and training.

    Learn More
  • 4 hrs
    Project

    Accessibility Refactor

    Accessible web sites allow anyone and everyone to use the web, regardless of physical or hardware differences. They also, generally, make sites faster to download and improve a site's search engine friendliness. Modify a website to make it more accessible for users and search engines.

    Learn More
  • 15 hrs
    Project

    Web App 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
  • 0 hrs
    Project

    Use a Public API to Create a Gallery

    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 programming create a gallery of information and images by communicating with a third-party API (Application Programming Interface).

    Learn More
  • 3 hrs
    Project

    Optimizing a Site for Performance

    Web site performance is often a live-or-die metric for web sites and apps. Sites and apps that load, or appear to load, quickly are usually seen as being better built and more useful. You'll optimize a web site to improve its speed and performance.

    Learn More
  • 10 hrs
    Project

    Online 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
    Guest Teacher
    • HTML
    • Development Tools
  • Guil Hernandez
    Guil Hernandez
    Teacher
    • CSS
    • JavaScript
  • Nick Pettit
    Nick Pettit
    Teacher
    • HTML
    • Game Development
  • Dave McFarland
    Dave McFarland
    Teacher
    • JavaScript
  • Aisha Blake
    Aisha Blake
    Guest Teacher
    • JavaScript
    • Development Tools
  • Rakeem Thomas
    Rakeem Thomas
    Guest Teacher
  • Joel Kraft
    Joel Kraft
    Teacher
    • JavaScript
  • Tommy Morgan
    Tommy Morgan
    Guest Teacher
    • Development Tools
  • Huston Hedinger
    Huston Hedinger
    Guest Teacher
    • JavaScript
    • Databases
  • Dale Sande
    Dale Sande
    Guest Teacher
    • CSS
    • Development Tools

Your future starts here

$199/mo

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

Need help? Reach us at help@teamtreehouse.com