This is a community based list of resources for the Front-End Web Development Techdegree.

Want to help and add resources? Awesome! Checkout our CONTRIBUTING guidelines.

• HTML · CSS · JavaScript · General · Slack · Career · Book Recommendations

• Project-1: Personal Profile Page

• Project-2: Responsive Layout

• Project-3: Online Registration Form

• Project-4: Interactive Photo Gallery

• Project-5: Sass Style Guide

• Project-6: Interactive Video Player

• Project-7: Game Show App

• Project-8: SVG Animations

• Project-9: Web App Dashboard

• Project-10: Public API

• Project-11: React Flickr Gallery

• Project-12: Capstone - Online Portfolio

• HTML Validation
• Browser support table for HTML, CSS and JS features
• Code Guide by @mdo - Standards for developing flexible, durable, and sustainable HTML and CSS.

• CSS Validation
• CSS Tricks
• CSS Complete Guide To Flexbox
• Flexbox Froggy - A game that helps you practice flexbox
• CSS Code Challenges

• JavaScript MDN
• JS Hint - A JavaScript validator
• ES6 Features - A list of ES6 features, making it easier to see what's new

• Treehouse Blog
• Dirty Markup - Great tool for helping to keep your code clean, organized, and properly indented
• Front End Cheatsheets
• Overcomming Imposter Syndrome
• Overcomming Imposter Syndrome
• Google's Material Design Guidelines - Great for getting a handle on the principles of modern web design
• Google PageSpeed Tools - Tools to analyze and optimize your site following web best practices.
• Steps to the Perfect Website Layout
• A List Apart

• How to add channels
• Formatting messages
• Search for messages and files
• Keyboard Shortcuts

• How to Get Your First Job in Tech - Awesome article by Treehouse founder and CEO, Ryan Carson

• Head First HTML5 Programming

• Head First JavaScript Programming

• JavaScript and jQuery by Jon Duckett
• You Don't Know JS: ES6 & Beyond by Kyle Simpson

• Eloquent JavaScript: A Modern Introduction to Programming
• JavaScript: The Good Parts

• Study Guide
• Text Editors
• Using Treehouse Workspaces
• Adding Images
• Set Up an HTML Document
• Understanding File Paths
• Anchor Tags
• Linking it All Up
• Image Tags
• Adding Images
• Free Online Image Editing Tool
• Validation Checklist
• HTML Validator
• CSS Validator

• Study Guide

• Study Guide

• Study Guide

• Formspree - to receive emails without server support