Roadmaps

• Backend Developer
• DevOps
• Frontend Developer

Books

• Clean Code
• Code Complete
• Don't Make Me Think
• The Pragmatic Programmer

Community

• Coding Horror
• DEV.to
• Hacker Noon
• reddit
  • /r/cscareerquestions
  • /r/javascript
  • /r/programming

YouTube

• Computerphile
• Engineer Man
• Stefan Mischook
• Traversy Media

Curriculums

• Brainstation
• Lighthouse Labs
• RED Academy

Concepts

• Abstraction/DRY
• Agile
  • Scrum
  • Kanban
• Naming
  • Camel case
  • Hungarian notation
  • Snake case
• Responsive
• SDLC
• SOLID
• TDD

Tools

Visual Studio Code

Integrated Development Environment

Tips

• Built-in source control for basic tasks
• Drag tabs to be side-by-side windows
• Keyboard Shortcuts
• Quick access terminal
• Search all files (Ctrl + Shift + F)

Extensions

• Bracket Pair Colorizer 2
• EditorConfig (Properties)
• GitLens
• Language Specific
  • Linters
    • ESLint (Rules)
    • stylelint (Rules)
  • Servers
    • Angular
    • Ember
  • Snippets
    • Angular
    • ES6
    • HTML5
• Live Server
• Visual Studio IntelliCode
• vscode-icons

Chrome DevTools

Web Development Tools

Uses

• Console for JavaScript
• Edit Cookies
• Edit localStorage
• Inspecting HTML/CSS structure
• View Network activity

Tips

• Disable cache in Network tab
• Set to Dark Mode

Postman

API Development Platform

Uses

• Sending/Receiving API requests

Git

• Commands
  • checkout
  • fetch
  • pull
  • push
  • reset
  • status
• Fork
  • Rebasing branches
  • Rewording commit messages
  • Squashing commits

Information Sources

Knowledge Bases

• MDN
• W3Schools

Questions

• Stack Overflow

Source Control

GitHub

• Branches
• Commits
• Issues
• Pages
• Pull Requests

JavaScript

• AJAX
  • $.ajax
  • fetch (node-fetch)
  • XMLHttpRequest
• Building Blocks
  • Assignment
    • Destructing Assignment
    • Spread Syntax
  • Closures
  • Variables
    • const
    • let
    • var
  • Equality
  • Conditionals
    • if...else
    • switch
    • ternary
  • Data Structures
    • Array
      • Methods
        • concat, fill, includes, reverse, sort
        • every, filter, find, forEach, map, reduce, some
        • length
        • pop, push, shift, slice, splice, unshift
    • Boolean
    • Number
    • Object
      • entries, keys, values
    • String
      • includes, replace, split, substring
      • toUpperCase, toLowerCase, trim
  • Scope (CS)
  • Functions
    • Arrow functions
    • this
    • return
  • Loops
    • for, for...in, for...of
  • Events
    • Event bubbling and capture
    • onblur, onfocus
    • onchange, onload, onresize, onscroll, onsubmit
    • onclick, onmousedown, onmouseenter, onmouseup
    • onkeydown, onkeyup
  • Asynchronous
    • Promises
      • all
      • catch, finally, then
      • reject, resolve
    • Async, await
  • Regular Expressions
  • localStorage
• ECMA
  • ES5 (Spec)
  • ES6/ES2015 (Spec)
• Frameworks
  • Angular
    • Angular CLI
  • jQuery
    • Lodash
    • Underscore
  • Vanilla JS
• Minification
  • UglifyJS
• Node.js
  • npm
  • Yarn
• Polyfill
• Transpiling
  • Babel
  • TypeScript
    • TSLint (Rules)

CSS

• BEM
• Building Blocks
  • Box model
    • background
    • border, height, margin, padding, width
  • Cascade and Inheritance
  • Fonts
  • Layout
    • Alignment
      • Flexbox
      • Grid
    • float, text-align
  • Nesting
  • Selectors
    • class (pseudo-class)
    • id, type
  • Units
    • Absolute
    • Relative
• Bootstrap
  • Semantic UI
• SASS

HTML

• DOM
• Elements
  • head, body, title, meta, link, script, a, img, h1, div, span, p, br, ul, iframe, table, button, input, form, label, select, option, textarea, strong/em/b
• HTML5 (Semantics)
  • footer, header, nav, main, article, section, aside, figure, video, audio

Web

• REST (GET, POST, PUT, DELETE, Stateless)
• HTTPS (Headers)
• CORS
• MVC
• URL
  • Query parameters
  • Anchor link
• Cookies
• Favicon

Eventual Topics

• Database (SQL, NoSQL)
• PHP/WordPress
• UX
• CI/CD
• SEO
• Webpack
• Gulp
• Image types (GIF, JPG, PNG, SVG, WEBP)
• Image compressions (lossy, lossless)
• DNS, Domains (WHOIS)
• React/Redux, Vue
• Terminal (auto-completion, cd, dir, &&, ctrl+c)
• SSH
• Docker
• AWS
  • Free tier
• Unit Testing (Jest)
• PWA's
• Electron
• Web Sockets
• Sentry
• Google Analytics

Misc To Do

SPELL CHECK https://caniuse.com/ console.log https://jsonformatter.curiousconcept.com/ https://regex101.com/ w3c validator