Resources for Web Development

TODO

---

• JavaScript
  • Tutorials
  • Coding Style
• Frontend
  • CSS
  • AJAX and Fetch
  • React
• Backend
• HTTP
• Tooling
  • Code Editors
  • NodeJS
  • Troubleshooting
  • Git
  • Command Line
• Miscellaneous

---

JavScript

Specific topics

Tutorials

• The Modern Javascript Tutorial
• Eloquent JavaScript 3^rd edition
• You Don't Know JS

Coding Style

• eslint
  • Recommended Style Guide
    • .eslintrc.js
  • Recommend Style Guide for React
  • Code Editor Plugins
    • Visual Studio Code
    • Atom
    • Sublime Text
• Editorconfig
  • .editorconfig
  • Code Editor Plugins
    • Visual Studio Code
    • Atom
    • Sublime Text
• Ninja Code – A Style Guide Parody

Frontend

HTML

• Validator

CSS

• Validator
• Flexbox Frogger
• Grid Garden

AJAX and Fetch

• How to use the Fetch API to Get Data

React

• Official Tutorial

Backend

HTTP

• Status Code Cheat Sheet
• Headers – MDN

Tooling

Code Editors

• Visual Studio Code (Recommended)
  • ESLint
  • EditorConfig for VS Code
  • VS Live Share
  • Debugger for Chrome
• Atom
• Sublime Text
• WebStorm

NodeJS

• Node Version Manager

Troubleshooting

• Blink (Chrome) Debugger
• Postman HTTP Client

Command Line

• Windows Subsystem for Linux (WSL)

Git

• Cheat Sheet

Tutorials

• Git Immersion
• Resources to Learn Git

Articles

• New Developer? You should’ve learned Git yesterday.
• Git makes software development, well, easier – Atlassian
• The Git Parable
• The Case for Git Rebase

Repository Hosting Services

• GitHub
• GitLab
• BitBucket

Miscellaneous

• Free Programming Books
• Free Programming Playgrounds
• Public APIs