The top 55 resources for front end developers

Table of contents
Hamburger menu icon
March 15, 2021
5 minute read

The number of bloggers, YouTubers, inspirational pages, and conferences for front end developers is massive and growing. Wading through all these resources can be difficult, so we put together a curated guide of the top 55 resources to help front end developers advance their careers and command higher salaries.

We’ve rounded up the best:

  • Front end developers to follow on YouTube
  • Podcasts for front end developers
  • Front end development projects to try
  • Books about front end development
  • Inspirational front end designs
  • Top front end developer conferences to check out
  • Front end developers to follow on Twitter

Front end developers to follow on YouTube

Academind

YouTubers Max and Manuel create courses and tutorials that teach you everything related to web development.

Chris Coyier CSS Tricks

This is the official YouTube channel for CSS-Tricks, a web design community curated by Chris Coyier.

Wes Bos

HTML, CSS, JavaScript, and WordPress web development tutorials!

Net Ninja

Over 1000 free programming tutorials for all things web development.

Low Level JavaScript

A channel that goes deep into the heart of low level programming—messing with ones and zeros—but all in pure JavaScript.

Layout Land

Learn what's now possible in graphic design on the web — layout, CSS Grid, and more. A series for web designers and developers, created by Jen Simmons.

Leigh Halliday React & JavaScript

A channel filled with tutorials all about JavaScript and React.

Ben Awad

Ben makes videos about React, React Native, GraphQL, Typescript, Node.js, PostgreSQL, Python, and all things coding.

Podcasts for front end developers

Front end happy hour

A podcast featuring a panel of Software Engineers from Netflix, Twitch, and Atlassian talking over drinks about all things front end development.

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics. They cover everything from JavaScript frameworks like React to the latest advancements in CSS to simplifying web tooling.

JS Party

Your weekly celebration of JavaScript and the web.

Ladybug Podcast

Seasoned technical developers Emma Bostian, Sidney Buckner, Kelly Vaughn, and Ali Spittel host discussions around how to start coding, the hot technologies right now, how to get your first developer job, and more!

Developer Tea

Developer Tea exists to help driven developers connect to their ultimate purpose and excel at their work so that they can positively impact the people they influence.

Frontside Podcast

A podcast all about front end development.

JavaScript Jabber

A podcast about all things JavaScript!

Modern Web

Podcasts and events in Raleigh and the Bay Area on various topics across the web platform. Learn from others building modern web applications.

Egghead developer podcast

The podcast from Egghead, a news site for developers.

ShopTalk

A live podcast about front end web design and UX.

React Podcast

Conversations about React with your favorite developers.

Front end development projects to try

Want to try a few challenges to test and hone your front end development skills? Here are a few you can do!

These challenges—ranging from beginner to advanced—focus on using front end development skills in a hyper practical way. Every challenge outcome is something you might see on a business’ website, so you can use the challenge either to build a portfolio or to test a concept you want to use with your employer or a client.

Single price grid component

Difficulty: Beginner

Challenge link: https://www.frontendmentor.io/challenges/single-price-grid-component-5ce41129d0ff452fec5abbbc

Four card feature section

Difficulty: Beginner

Challenge link: https://www.frontendmentor.io/challenges/four-card-feature-section-weK1eFYK

Landing page with intro section

Difficulty: Beginner

Challenge link: https://www.frontendmentor.io/challenges/huddle-landing-page-with-a-single-introductory-section-B_2Wvxgi0

Bookmark landing page

Difficulty: Intermediate

Challenge link: https://www.frontendmentor.io/challenges/bookmark-landing-page-5d0b588a9edda32581d29158

Job listings with filtering

Difficulty: Intermediate

Challenge link: https://www.frontendmentor.io/challenges/job-listings-with-filtering-ivstIPCt

Multi-page website

Difficulty: Advanced

Challenge link: https://www.frontendmentor.io/challenges/myteam-multipage-website-mxlEauvW

Books about front end development

Prefer reading about development first before trying challenges? No problem - here are some of the top books you should read:

Inspirational front end designs

Sometimes, you just need to look at something pretty to get inspiration. Well, look no further! From corporate landing pages to beautiful interactive design, we’ve rounded up a few front end designs that you can use for insights, inspiration, and examples to emulate in your work.

FILA project

Link: https://filaexplore.com

Development consultancy Myplanet

Link: https://myplanet.com/

Google PixelBuds store page

Link: https://store.google.com/us/product/pixel_buds?hl=en-US

Get Wearables

Link: https://www.getwearable.net/

Consultancy Versett

Link: https://versett.com/

Top front end developer conferences to check out

Want to connect with other front end devs? Easy: check out these conferences.

Conferences tend to be focused on one area of front end development (like CSS or JavaScript, for instance) so you can more easily build community around a common skill set.

Front end developers to follow on Twitter

Between the conferences and when you’re done reading books or getting inspired on your own, join online conversations. Many front end developers do amazing things—and some of them share on social media about it! Here are a bunch you can follow:

These are just a few of the resources out there for front end developers

The world of front end development is big! Our hope is that these resources get you started and give you inspiration, but the real growth will come from your own drive, passion, and community. You can also hone your skills through the top courses for front end developers. Use these suggestions as a jumping off point or a way to round out your inspiration sources, but never forget to keep engaging.

Subscribe for tips and insights to run your business better

From setting rates to finding clients, it's everything you need for freelance success.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.