Git/GitHub

TODO: mention GUI tools like Tower, GitKraken, GitLens that are free with GitHub Education pack

https://www.atlassian.com/git

HTML/CSS/JS Basics

https://developer.mozilla.org/en-US/docs/Web/JavaScript - great reference resource for anything relating to HTML, CSS, or JS

...

https://egghead.io/courses/the-beginner-s-guide-to-react - free course on React to get a deeper understanding of what React does

Advanced Styling + Tailwind CSS

https://tailwindcss.com/docs/utility-first - explains why tools like Tailwind CSS are useful. site also includes a reference for all Tailwind CSS classes and corresponding CSS styles

https://css-tricks.com/the-thought-process-behind-a-flexbox-layout/ - basic overview of flexbox

...

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