Compiled List of Useful Web Development Resource

This list is incomplete and I'll be adding links to more resources here bookmark this post and stay tuned. Please feel free to suggest new resources which are not on the list.

Learning Resources

  1. The Odin Project
  2. Fullstack open
  3. 30 Days Coding
  4. MDN web docs
  5. w3 schools
  6. Alligator.io
  7. Scotch.io

Tools

  1. Web Dev Home

CheatSheets

  1. Devhints
  2. Over API
  3. Cheatography
  4. 1 Loc // JS code snippets
  5. HTML cheatsheet
  6. Emmet Cheatsheet
  7. Accessibility Matters
  8. Website Setup JS Cheatsheet

Documentations

  1. Dev Docs // All Documentation at one place

Javascript

  1. Javascript.info 2 Dofactory
  2. Design Patterns Playlist by Beau Carnes on Freecodecamp

CSS

  1. CSS Tricks
  2. CSS Grid
  3. CSS Cheatsheet
  4. Flexbox Froggy
  5. Flexbox defence
  6. CSS Grid Cheatsheet
  7. CSS Flexbox Cheatsheet
  8. CSS Reset // removes all browser default styles,

Blogs

  1. Samantha Ming
  2. Dmitri Pavlutin

Others

  1. 30 Seconds of intervview
  2. 30 Seconds of code
  3. Can I Use // Check browser support for latest advances in frontend technologies

Frontend Code snippets

  1. Free frontend
  2. Code My UI
  3. Codepen

Useful Github Repos

  1. Airbnb CSS styleguide
  2. Airbnb Javascript Style Guide

Reporting

  1. LightHouse
  2. SEO optimizer
  3. Front End checklist
  4. Frontend performance Checklist