A curated list of (mostly) free resources for HTML, CSS, JavaScript and more
Tags: webdev, showdev, beginners, learning
Published: 2018-10-10 14:39:27

---
title: A curated list of (mostly) free resources for HTML, CSS, JavaScript and more
cover_image: https://thepracticaldev.s3.amazonaws.com/i/vmz25966vwa5xtzz7mmx.png
published: true
description: Over the years I have compiled a list of useful front-end resources. Categories include learning, workflow, and launching. Where possible, I have kept the list focused on free resources so that it is accessible to everyone.
tags: webdev, showdev, beginners, learning
---

Over years of writing code I have built up a lot of bookmarks for sites I find useful. I have used this list to help point my students in the right direction if they're looking to solve a particular problem.

Instead of emailing people the list, I decided to put it online...it's easier that way 🙂 So, [here's my list of resources for front-end web development](https://www.frontendmentor.io/resources)!

Wherever possible, I have focused on free resources to make the list accessible to everyone. 

In no particular order, here are a few of my favourites from the list:

## dev.to

OK, so I lied about the lack of order for this first one! This is a dev.to post after all! Since joining this summer I've been amazed at the strength and solidarity of the community. Ben, Jess, and Peter are doing an amazing job helping this community evolve into one of the top destinations for devs to hang out online.

## freeCodeCamp

Very few people in the web development community haven't heard of freeCodeCamp. The site is an amazing free resource to learn how to code. You can either go through all the tracks, or pick and choose the skills you would like to learn. On top of the course, they also have great articles and an awesome podcast to help you learn on the go.

## Syntax Podcast

This podcast isn't just informative, it's also really funny to listen to. The hosts Wes Bos and Scott Tolinski have a great friendship, which gives the podcast a great dynamic. They're both awesome developers/instructors and every episode is packed with knowledge bombs. 

## Visual Studio Code

V...S...Code. Oh how I love thee 😍 I could go on for hours about how much of a pleasure it is to write code in this text editor...and I probably will in another post. If you haven't tried it yet, I'd recommend giving it a shot. There are a ton of articles out there for good setups for particular workflows to help you get up and running.

## Lighthouse

Having a testing tool might seem like a strange addition to this list. Not very sexy I know! But seriously, Lighthouse offers an unbelievable suite of testing tools to help build fundamentally sound websites. Included in the tool is the ability to run audits right from Chrome Dev Tools for the following: 

- Performance 
- Progressive Web App benchmarks 
- Best practices 
- Accessibility
- Search Engine Optimisation. 

## Any additions?

There are so many incredible resources out there, that I know this list will keep on growing. 

If you've got any resources that you'd add I'd love to hear them!

## Keep in touch 

If you'd like to stay in touch and be updated when new resources get added to the list, [follow Frontend Mentor on Twitter](https://twitter.com/frontendmentor).