...

https://knightsoftheflexboxtable.com/ - Good exercise for learning how flexbox works and remembering the corresponding Tailwind classes

Notes from old resource document:

• Git / GitHub

  • Learn Git Branching

    • Interactive tool for demonstrating branching

    • Introduces features building on top of the others

    • “Gamifies” it with a couple challenges for each feature

    • https://learngitbranching.js.org/

• JavaScript & TypeScript

  • Learn Javascript

    • Seems like a decent resource, though requires linear completion (later parts don’t unlock till you’ve completed earlier stuff)

    • Quite basic, assuming only that you understand programming concepts

    • https://learnjavascript.online/app.html

  • Typescript for Javascript Programmers

    • Good, short tutorial to introduce the main differences and similarities between Typescript and Javascript

    • https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html

  • Typescript for New Programmers

    • Also relatively short, but covers some topics more in-depth

    • https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html

• React

  • Components and Props

    • Explains basics of components and props in React

    • https://reactjs.org/docs/components-and-props.html

  • Thinking in React

    • Not exactly intro material, but important to consider

    • https://reactjs.org/docs/thinking-in-react.html

  • React Crash Course

    • 4-hour long mega-video all about stuff you can do in React

    • Nice chapter markings that mean you can just skip to the parts you need if you already know earlier stuff

...

• NextJS

  • Create a Next.js App

    • Tutorial to create full nextjs app from the ground up

    • https://nextjs.org/learn/basics/create-nextjs-app