Resources · curated, not exhaustive

Where to learn the rest of the stack.

learnshopify.dev focuses on professional Shopify development: the judgment, the architecture, the production patterns. It doesn't try to be the place you learn HTML or React from scratch. Below is my honest list of the best places I know for everything else, organized in the rough order a Shopify dev's learning path actually unfolds.

Every link is free or has a free tier. I've used or actively recommend each one. No affiliate links, no paid placements.

Foundations: HTML, CSS, JavaScript

If you're new to web development entirely, start here. Every Shopify theme is HTML + CSS + a sprinkle of JavaScript under the Liquid template syntax, so these are non-negotiable.

  • Learn HTML & CSS

    Free

    Where I learned my basics. Interactive, sequenced, gets you writing real HTML and CSS in the first ten minutes instead of watching someone else type. It's the resource I always send to anyone who asks me how to start with web development.

    ForTotal beginners who want to write code on day one.

  • MDN Web Docs

    Free

    The reference manual for the entire web platform. Their 'Learn Web Development' track is the cleanest free path from zero to competent HTML/CSS/JS.

    ForAnyone who needs HTML, CSS, or vanilla JavaScript context.

  • freeCodeCamp

    Free

    Long-form interactive curriculum. The 'Responsive Web Design' and 'JavaScript Algorithms and Data Structures' certifications cover the prerequisites for being productive in any Shopify codebase.

    ForTotal beginners who learn by doing exercises.

  • javascript.info

    Free

    The deepest free JavaScript book online. Heavier than MDN's tutorials, more thorough than most paid courses. The 'closure', 'async', and 'this' chapters are gold.

    ForPeople who already know basic JS and want to actually understand it.

  • web.dev

    Free

    Google's modern, opinionated guides on CSS, accessibility, performance, and progressive enhancement. The CSS series is especially good for understanding the cascade beyond utility classes.

    ForDevs who want production-grade web fundamentals.

JavaScript frameworks: React, Next.js

Shopify themes themselves don't use React, but the modern Shopify stack does. Hydrogen storefronts, the Admin app, and most apps in the App Store are React. Understanding it is also how you stop being intimidated by the rest of the JavaScript ecosystem.

  • Scrimba

    Freemium

    I use this one a lot. The format is unique: the video IS an editable code editor. You pause the lecture, hit edit, change the actual code, run it, see the result. It's the closest thing to pair-programming with the instructor. Their React and JavaScript courses are top tier.

    ForAnyone who learns better by doing than by watching.

  • react.dev

    Free

    React's own docs, rebuilt from scratch in 2023. The 'Quick Start' walks you through state, effects, and hooks in an hour. Best in class.

    ForAnyone who knows JS and wants to understand React from first principles.

  • Next.js Learn

    Free

    Interactive course straight from the Next.js team. Free, hands-on, covers the App Router, server components, and data fetching. learnshopify.dev itself runs on Next.js.

    ForReact devs ready for a full-stack framework.

  • Hydrogen

    Free

    Shopify's React-based storefront framework. Worth knowing exists; not where most agencies are placing their bets in 2026, but increasingly relevant for new headless builds.

    ForReact-fluent devs going headless or working with enterprise merchants.

Backend (for when you start building apps)

Shopify themes are pure frontend, but apps are not. The moment you start building an embedded app or anything that touches the Admin API, you're writing backend code that needs a server, a database, and HTTP know-how. These are where I'd send someone to pick that up.

  • boot.dev

    Freemium

    If you're heading toward Shopify apps and need real backend chops, this is what I'd send you. Gamified backend curriculum in Python and Go, covers HTTP servers, databases, APIs, the works. Built by people who actually ship.

    ForFrontend devs ready to learn server-side properly.

Shopify-specific

Once you can read HTML and follow a JS function, the Shopify-specific knowledge is what makes you employable as a Shopify dev. Start with the official docs and add the deeper resources as you hit specific patterns.

  • shopify.dev

    Free

    The official reference for Liquid, themes, the Storefront API, the Admin API, Functions, and Hydrogen. The most authoritative single source. Bookmark it, search it every day, never feel bad for not memorizing.

    ForEvery Shopify dev, all the time.

  • Shopify Polaris

    Free

    Shopify's design system for Admin-side apps. If you're building an embedded app, your UI lives inside Polaris. Read the principles before you reach for the components.

    ForAnyone building a Shopify app (not a theme).

  • Shopify GraphiQL App

    Free

    An interactive GraphQL explorer for your store's Admin API. The fastest way to understand the object graph and prototype queries before writing code. Essential for the Apps and Admin module work.

    ForAnyone working with the Admin API or building integrations.

  • Liquid Reference (shopify.dev)

    Free

    The complete Liquid reference: filters, tags, objects. The validators in learnshopify.dev are built against this; if a filter isn't documented here, it doesn't exist in Shopify, no matter what AI tells you.

    ForEvery theme developer.

  • learnshopify.dev

    Freemium

    (The site you're on.) Interactive, production-focused training that pairs with the docs above. Write real Liquid in the browser, get validated against production-grade patterns, learn the judgment work AI can't do for you. Free during the beta.

    ForDevs who can already write a for loop and want the senior-Shopify mindset.

Tools to install before you start

You can do most early Shopify work with just a browser, but these three tools are what a working Shopify dev uses every day.

  • Shopify CLI

    Free

    The command-line tool for running a local theme dev server, pulling and pushing themes, scaffolding apps. The first lesson on learnshopify.dev teaches you this; install it before lesson 1.

    ForEvery Shopify dev.

  • Visual Studio Code

    Free

    The default editor for a reason. Pair it with the Shopify Liquid extension by Shopify itself for proper syntax highlighting and theme-check integration.

    ForAnyone without a strong existing preference.

  • Cursor

    Freemium

    A fork of VS Code with built-in AI. The natural editor for the modern Shopify workflow where you review and direct AI-generated Liquid instead of writing every line yourself. Optional, but worth trying.

    ForDevs who already use AI tools daily.

Communities worth joining

Working alone is the hardest way to learn Shopify. These are the places where actual Shopify devs hang out and answer each other's questions.

  • Shopify Partner Community

    Free

    The official forum for Shopify devs and Partners. Storefront and theme questions get answered by Shopify engineers in some threads. Lurk first, contribute, then post your own questions.

    ForAll Shopify developers.

  • Shopify Devs YouTube

    Free

    Official Shopify Devs channel. Conference talks, deep-dive tutorials, framework releases. Good for catching what's changing in the platform.

    ForAnyone who learns from video.

Missing something good?

If a resource changed your Shopify-dev career and isn't on this list, send it my way. Email hello@learnshopify.dev or DM on LinkedIn. The list is curated, not exhaustive, and gets better with reader input.