joahn3 / web-dev-notes

Web-dev Notes & references & links

Web-dev-notes

Web-dev Notes & references & links

Coding Interview University

• https://github.com/jwasham/coding-interview-university

Code help:

• AI powered code completions to your code editor: https://www.kite.com/get-kite/

• web Linter https://webhint.io/

• Webhint Browser Extension https://webhint.io/docs/user-guide/extensions/extension-browser/

• Code formatter https://prettier.io/docs/en/install.html

Awesome libraries:

1. Next.js https://github.com/unicodeveloper/awesome-nextjs

Cheatsheets:

• Mozilla web-dev learning: https://developer.mozilla.org/en-US/docs/Learn

1. React Cheat Sheet if you’re new to React https://devhints.io/react

2. TypeScript Cheat Sheet if you’re new to TypeScript https://react-typescript-cheatsheet.netlify.app/docs/basic/setup

3. Next.js Cheat Sheet if you’re new to Next https://www.saltycrane.com/cheat-sheets/typescript/next.js/latest/

4. Rico's cheatsheets https://devhints.io/

Web-tests:

• Google Lighthouse https://github.com/GoogleChrome/lighthouse

React.js / Next.js and Vue.js / Nuxt.js Syntax Comparison Side by Side

https://dev.to/oahehc/react-js-next-js-and-vue-js-nuxt-js-syntax-comparison-side-by-side-e3p

Useful links:

• 🗂 The Front-End Checklist Application is perfect for modern websites and meticulous developers. https://frontendchecklist.io/

• How to add a README to your GitHub profile?

1. https://www.geeksforgeeks.org/how-to-add-a-readme-to-your-github-profile/#:~:text=Github%20has%20recently%20added%20a,world%20to%20know%20about%20you
2. https://dev.to/satvikchachra/how-to-add-an-awesome-readme-to-your-github-profile-361n

• $1000 Website requirements example
  • https://github.com/mrmccormack/1000-vader
• SEO Analysis:
  • https://sitechecker.pro/