Learn Resources

SHell Ninja

Learn the basics of the CLI through an interactive tutorial


Welcome to SQLBolt, a series of interactive lessons and exercises designed to help you quickly learn SQL right in your browser.

Why Storing Files in the Database Is Considered Bad Practice

An article by Maxim Orlov

JavaScript Array Explorer

Find the array method you need without digging through the docs

DOM Events

Learn about the DOM Event system through exploration

Frontend Practice

Take your frontend skills to the next level by recreating real websites.

The True Meaning of Technical Debt 💸

"Know your enemy, know yourself, and in a hundred battles you will never be defeated"

Scripting with GitHub CLI

Take GitHub to the command line

CSS for JavaScript Developers

The all-new interactive learning experience designed to help JavaScript developers become confident with CSS

React Without Build Tools

Jim Nielsen explains how to set up a React environment with a simple HTML file

Build a Developer Blog with Gatsby

This course takes you from initializing a Gatsby site via CLI to utilizing the Gatsby Ecosystem to source MDX files from your system

A course to master React Hooks

Automatically Start Scripts On Launch In VSCode - DEV Community 👩‍💻👨‍💻

Automatically Start Scripts On Launch In VSCode

An Interactive Guide to CSS Transitions

CSS transitions and hover animations, an interactive guide


Your favorite feeds, writers, and newsletters in a single email digest, and a beautiful web app.

Get characters of a string

Super tiny, quick tips, tricks and best practices of front-end development

Getting Deep into Shadows

Let’s talk shadows in web design. Shadows add texture, perspective, and emphasize the dimensions of objects.


Can't hire underrepresented engineers? It's not the pipeline. Take the quiz, fix your interview.

Cross-platform Node.js Guide

📗 How to write cross-platform Node.js code

Storybook Tutorials

Learn to develop UIs with components and design systems

The Devil's Albatross

Nils Binder talks about a technique for spacing between two elements. Picture a header on a large screen with a logo in the upper left and nav in the upper right. Then a small screen, when they can no longer be on the same “row” and need to wrap, they don’t just wrap but are centered.

My Three Strikes Rule for Blogging

A simple way to decide when and what to write.

Shifting to a remote mindset

On moving away from the in-office default and considering how to achieve what you value.


Some ways of combining security and usability for two-factor authentication on the web

Dynamic Static Typing In TypeScript

In this article, we look at some of the more advanced features of TypeScript, like union types, conditional types, template literal types, and generics.

7 behaviours to avoid in a software architecture role

An article by Daniel Watts providing suggestions on how to become a better software architect

The documentation system

The documentation system outlined here is a simple, comprehensive and nearly universally-applicable scheme. It is proven in practice across a wide variety of fields and applications.

The 3 CSS Methods for Adding Element Borders

This is episode #23 in a series examining modern CSS solutions to problems I've been solving over the last 13+ years of being a frontend developer.

Guide: How To Inspect Memory Usage in Node.js

Learn how to use a Node.js builtin method for investigating the memory usage of any given process

TypeScript: Low maintenance types

An article from Stefan Baumgartner about creating types which are easy to maintain

Developer Experience at Netlify

The Developer Experience organization at Netlify is quite unique. In this post, we talk through the structure of the organization, how we work, who we are, and some of our team strategies.

Tech Interview Handbook

Carefully curated content to help you ace your next technical interview

The Modern JavaScript Tutorial

How it's done now. From the basics to advanced topics with simple, but detailed explanations.

How to Section Your HTML

CSS-Tricks article on sectioning elements

Jamstack Explorers

Take free Jamstack courses and complete missions about React, Vue, Angular, Next.js and more! See your progress and earn rewards as you go. Get started today!

The System Design Primer

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

What should I build? 🔨

Select the technology you want to practice and a random project idea will show up

Developer Roadmaps

Step by step guides and paths to learn different tools or technologies

11ty Rocks!

A collection of Eleventy (11ty) starters, projects, plugins, and resources created by Stephanie Eckles (@5t3ph)

Learn Puppeteer & Playwright


Exploring the basics of computer science, every Monday, for a year.

Blogging For Devs

Learn to grow your blog as a developer without an existing audience

What The Flexbox?!

A simple 20 video course that will help you master CSS Flexbox

CSS Grid

Learn all about CSS Grid with Wes Bos in this free video series!

JavaScript 30

Build 30 things with vanilla JS in 30 days with 30 tutorials

Learn Next.js

A free video course for building static and server-side rendered applications with Next.js and React.

A11y Coffee

Pick your serving size of web accessibility information

© 2021 Resrc, a project by Sunny Singh. Open sourced on GitHub.