Resources-Accumulate

The Missing Semester of Your CS Education

WED DEV RESOURCES

- https://github.com/thedaviddias/Front-End-Checklist - https://github.com/alan2207/awesome-codebases

YouTube channels

• https://www.youtube.com/@WebDevSimplified
• https://www.youtube.com/@NetNinja
• https://www.youtube.com/@TraversyMedia
• https://www.youtube.com/@Fireship
• https://www.youtube.com/@BrototypeMalayalam
• HTML & CSS3 by FCC
• HTML & CSS3 by Prorgamming with Mosh
• HTML & CSS3 by Bring Your Own Laptop
• HTML & CSS3 by DevEd
• HTML & CSS3 by DesignCourse

Websites

• FreeCodeCamp - Coding tutorials and challenges.
• The Odin Project - A full free open source coding curriculum.
• W3Schools - Tutorials on HTML, CSS, JavaScript and more.
• Thimble - Free online code editor, web server, web browser & developer tools.
• NodeSchool - Open source workshops that teach web software skills.
• Egghead - Video tutorials on popular JavaScript frameworks.
• Codecademy - Free and premium interactive tutorials for various languages.
• CodeSchool - Combination of video and interactive tutorials.
• Scrimba - Provides Web Development Courses with a unique feature of live interaction with the instructor's code.
• FrontendMasters - In-depth and advanced video tutorials on Frontend Devlopment from experts in the industry.

Javascript

• https://javascript.info/
• https://egghead.io/q/javascript?access_state=free
• https://developer.mozilla.org/en-US/docs/Web/JavaScript

React.js

• https://github.com/alan2207/bulletproof-react
• https://medium.com/javascript-scene/the-missing-introduction-to-react-62837cb2fd76
• React JS Crash Course by Traversy Media
• React Playlist by Codevolution
• React Playlist by Brototype - React Playlist in Malayalam
• React Router Documentation

Next.js

• Net Ninja's Next Playlist
• Learn Next js 13 with this one project - Web Dev Simplified
• Traversy Media's NEXT Video
• Javascript Mastery's Video

Bootstrap

• https://www.youtube.com/watch?v=5GcQtLDGXy8&t=3870s&ab_channel=TraversyMedia
• https://www.youtube.com/watch?v=fnTs-daHqyw&ab_channel=Crossroads
• https://www.youtube.com/watch?v=c9B4TPnak1A&ab_channel=Keepcoding
• https://www.youtube.com/watch?v=xvfm7IpEkBk&list=PL4cUxeGkcC9g_69kOfXICzT_hZ79_td99
• https://www.youtube.com/watch?v=q9e2GsQaEKE&list=PLgp11Hu-N4DSXbjKRg9A76Bm9li7mgB4L
• https://www.youtube.com/watch?v=Yz3iYSu-cXM&ab_channel=TintuVlogger

Design

• https://github.com/Excel2022Web/Resources
• https://dribbble.com/shots/popular
• https://github.com/alexandresanlim/Collection.NiceToolsForAppDesign
• https://growth.design/case-studies
• https://storyset.com/
• https://www.humaaans.com/
• https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
• https://uigradients.com/#EasyMed

Beautiful UI Projects

• Playlist : https://www.youtube.com/watch?v=v0IgI8vYD_o&list=PL1MK7nFniZZYRV5sign661Pq--3DbF9Bn&ab_channel=EasyTutorials
• https://www.youtube.com/watch?v=yQimoqo0-7g&ab_channel=EasyTutorials
• https://www.youtube.com/watch?v=lBfshkPlMW8&ab_channel=EasyTutorials
• https://github.com/Excel2022Web/Resources
• https://dribbble.com/shots/popular

SQL Quick Reference

• Learn SQL In 60 Minutes

Firebase

• React-Firebase Hooks

TailwindCSS

• React Components built for Tailwind nd Flowbite

Material UI

• https://mui-treasury.com/styles/text-field/

React-three (Designs to Die For)

• https://codesandbox.io/s/l4klb

Ml

• https://betterprogramming.pub/can-you-learn-machine-learning-in-a-year-6edf66623121

Useful Extesions

• https://github.com/igrigorik/videospeed
• https://chrome.google.com/webstore/detail/pesticide-for-chrome/bakpbgckdnepkmkeaiomhmfcnejndkbi
• https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk
• https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh
• https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg

VS Code extensions

• https://markfusion.medium.com/10-vscode-extensions-that-every-web-developer-should-use-23894b2ccf2

StartUp/Business Stuff

• https://www.producthunt.com/
• https://news.ycombinator.com/
• https://growth.design/case-studies
• https://buildd.co/courses/startup-seo

Github Readme Builder Resources

Badges

• https://github.com/alexandresanlim/Badges4-README.md-Profile/blob/master/README.md
• https://shields.io/
• https://profile-readme-generator.com/

Deploying sites

Github pages

• https://www.youtube.com/watch?v=QyFcl_Fba-k&ab_channel=TheNetNinja
• https://www.youtube.com/watch?v=bFVtrlyH-kc&t=18s&ab_channel=TheCodingTrain

Interview Questions

• OOP
• Network Theory
• DBMS
• OS