Skip to main content

Command Palette

Search for a command to run...

My Dev. Course Prerequisites

Updated
1 min read

A Complete overview

https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web

VSCode

https://code.visualstudio.com/docs

HTML

  • Basics
  • HTML5 Semantic elements

CSS

  • Basics
  • Semantic properties (margin-inline, padding-block, ...)
  • Displays (https://css-tricks.com/almanac/properties/d/display/)
  • Positions (https://css-tricks.com/almanac/properties/p/position/)
  • Flex (https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
  • Proficiency with Grid (https://css-tricks.com/snippets/css/complete-guide-grid/)

JavaScript

  • Syntax & Basics
  • Objects
    • .entries foreach key
    • https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Basics
  • Arrays
    • .map
    • .forEach
  • DOM
    • document.createElement
    • document.getElementById
    • document.getElementsByClassName
    • document.querySelector
    • append, appendChild
    • innerHTML
    • textContent
  • Promises
    • then/catch
    • Async/Await
    • https://javascript.info/promise-basics
    • https://www.freecodecamp.org/news/javascript-promise-tutorial-how-to-resolve-or-reject-promises-in-js/
  • working with NPM and dependency management
    • package.json
    • yarn
    • https://www.freecodecamp.org/news/what-is-npm-a-node-package-manager-tutorial-for-beginners/
    • https://css-tricks.com/a-complete-beginners-guide-to-npm/

TypeScript

  • Syntax & Basics
  • Types
  • Interfaces
  • Generics
  • https://www.freecodecamp.org/news/learn-typescript-beginners-guide/
  • https://www.typescripttutorial.net/

JSX

  • JSX/TSX Syntax
  • Lestin
  • Vite

Git

  • Git Basics
  • GitHub
  • https://www.freecodecamp.org/news/git-and-github-for-beginners/
  • https://www.atlassian.com/git

Node.JS

  • Node Basics
  • working with NPM and dependency management
    • package.json
    • yarn
    • https://www.freecodecamp.org/news/what-is-npm-a-node-package-manager-tutorial-for-beginners/
    • https://css-tricks.com/a-complete-beginners-guide-to-npm/
  • ESM
    • import, export
    • (Don't use require)
    • https://blog.logrocket.com/how-to-use-ecmascript-modules-with-node-js/
  • Koa
    • Read all the docs at https://koajs.com/
    • Create a Koa server with middlewares
  • https://www.freecodecamp.org/news/get-started-with-nodejs/

DB

  • Syntax, Basics
  • CRUD (Select, Insert, Update, Delete), Table structure
    • https://www.guru99.com/mysql-tutorial.html
  • phpMyAdmin
    • https://www.geeksforgeeks.org/basics-of-phpmyadmin/

Linux

  • Linux Basics
  • Fluency with the CLI
  • https://ubuntu.com/tutorials/command-line-for-beginners

More from this blog

Shahab Movahhedi

26 posts

Senior Developer, Designer, Technologist! 🇮🇷