Front End Development Techdegree

Learn HTML, CSS, and JavaScript to create engaging and interactive websites

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.

What will you create?

What is Front End Development? Download Syllabus

  • Project 1 | 13 Activities

    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.

  • Project 2 | 8 Activities

    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.

  • Project 3 | 9 Activities

    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.

  • Project 4 | 8 Activities

    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 that can act as your own personal and custom Bootstrap that you can drop into any of your projects to speed up styling, layout and development in general.

  • Project 5 | 13 Activities

    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.

  • Project 6 | 10 Activities

    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.

  • Project 7 | 5 Activities

    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.

  • Project 8 | 9 Activities

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

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.

HTML Techdegree Seal

Your Teachers

  • Nick Pettit

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

  • Guil Hernandez

    • CSS
    • JavaScript
    Guil Hernandez

  • Treasure Porth

    • HTML
    • Development Tools
    • JavaScript
    Treasure Porth

  • Joel Kraft

    • JavaScript
    Joel Kraft

  • Andrew Chalkley

    • JavaScript
    • Databases
    Andrew Chalkley

  • Dave McFarland

    • JavaScript
    Dave McFarland

  • Jay McGavren

    • Ruby
    • Go
    • Development Tools
    Jay McGavren

  • Ashley Boucher

    • JavaScript
    • Python
    Ashley Boucher

  • Anwar Montasir

    • Design
    Anwar Montasir

Related articles about Front End Web Development

View More

  • New Courses at Treehouse: Bootstrap 4 & ASP.NET

    Every Wednesday, new courses and workshops are added to the growing Treehouse Library! Read more about the two new courses added this week and get the scoop on what’s coming later this month. You can also check out everything that’s new by...

    Read More

  • 25 Programming Books for the Aspiring Developer

    Whether you’re learning to code online, at a bootcamp, or in-person, there’s one supplementary resource that we recommend to accompany your learning: books. But with so many programming books to choose from (a Google search brings up over 12 million...

    Read More

  • New & Upcoming Course Highlights: HTML Basics

    Every week, new courses and workshops are published to the growing Treehouse Library! Here’s a short list of what we’ve added recently, upcoming course highlights, and our weekly video update of What’s New at Treehouse. NEW COURSE HTML Basics– Guil Hernandez (183 minutes)...

    Read More

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
Download Syllabus Enroll Today