{"id":13404517,"url":"https://github.com/sadanandpai/frontend-learning-kit","last_synced_at":"2025-05-14T04:10:17.828Z","repository":{"id":37418561,"uuid":"374018112","full_name":"sadanandpai/frontend-learning-kit","owner":"sadanandpai","description":"Frontend tech guide and curated collection of frontend materials","archived":false,"fork":false,"pushed_at":"2025-04-28T15:53:57.000Z","size":9668,"stargazers_count":4490,"open_issues_count":0,"forks_count":878,"subscribers_count":81,"default_branch":"main","last_synced_at":"2025-05-13T17:22:11.116Z","etag":null,"topics":["angular","css","frontend","interview","interview-preparation","javascript","react","reactjs","vuejs","webdev","webdevelopment"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sadanandpai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"sadanandpai","custom":"https://www.buymeacoffee.com/sadanandpai"}},"created_at":"2021-06-05T04:17:15.000Z","updated_at":"2025-05-13T13:13:36.000Z","dependencies_parsed_at":"2024-11-06T00:34:06.170Z","dependency_job_id":"b2a81d26-f19b-40ca-81fb-ecec2838f058","html_url":"https://github.com/sadanandpai/frontend-learning-kit","commit_stats":{"total_commits":195,"total_committers":24,"mean_commits":8.125,"dds":"0.18974358974358974","last_synced_commit":"9478d931bbb2553f45618b274bc996ce341d05e5"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadanandpai%2Ffrontend-learning-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadanandpai%2Ffrontend-learning-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadanandpai%2Ffrontend-learning-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadanandpai%2Ffrontend-learning-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sadanandpai","download_url":"https://codeload.github.com/sadanandpai/frontend-learning-kit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254070112,"owners_count":22009559,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","css","frontend","interview","interview-preparation","javascript","react","reactjs","vuejs","webdev","webdevelopment"],"created_at":"2024-07-30T19:01:46.477Z","updated_at":"2025-05-14T04:10:17.817Z","avatar_url":"https://github.com/sadanandpai.png","language":null,"funding_links":["https://github.com/sponsors/sadanandpai","https://www.buymeacoffee.com/sadanandpai"],"categories":["Others","Guides and Resources","前端开发框架及项目"],"sub_categories":["前端项目_其他"],"readme":"\u003ch1 align=\"center\"\u003eFrontend Learning Kit\u003c/h1\u003e\n\u003ch4 align=\"center\"\u003eFrontend tech guide and curated collection of frontend materials\u003c/h3\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./public/frontend.svg\" height=\"300px\" /\u003e\n  \u003cbr\u003e\n  Show your support by giving a ⭐\u0026nbsp;\u0026nbsp;to this repo\n  \u003cbr\u003e\u003cbr\u003e\n  \u003cp\u003e\n    \u003ca name=\"stars\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/sadanandpai/frontend-learning-kit?style=for-the-badge\"\u003e\u003c/a\u003e\n    \u003ca name=\"forks\"\u003e\u003cimg src=\"https://img.shields.io/github/forks/sadanandpai/frontend-learning-kit?logoColor=green\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n    \u003ca name=\"contributions\"\u003e\u003cimg src=\"https://img.shields.io/github/contributors/sadanandpai/frontend-learning-kit?logoColor=green\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n    \u003ca name=\"license\"\u003e\u003cimg src=\"https://img.shields.io/github/license/sadanandpai/frontend-learning-kit?style=for-the-badge\"\u003e\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003ch4\u003e\u003ca href=\"./public/2024_FE_roadmap.pdf\"\u003e2024 Frontend Dev Roadmap \u0026 checklist\u003c/a\u003e\u003c/h4\u003e\n    \u003ch4\u003e\u003ca href=\"./public/role-guide.md\"\u003eFrontend Role Guide\u003c/a\u003e to know about different frontend roles and their criterion\u003c/h4\u003e\n    \u003ch4\u003e\u003ca href=\"./public/interview-guide.md\"\u003eFrontend Interview Guide\u003c/a\u003e to know about different frontend interview rounds\u003c/h4\u003e\n    \u003ch4\u003e\u003ca href=\"./public/frontend_projects.pdf\"\u003eFrontend projects for Practice \u0026 interviews\u003c/a\u003e (beginners to intermediates)\u003c/h4\u003e\n    \u003ch4\u003e\u003ca href=\"./public/faq.md\"\u003eFAQs\u003c/a\u003e to clarify common doubts\u003c/h4\u003e\n\u003c/div\u003e\n\n---\n\n\u003cbr\u003e\n\n\u003e Become a better software engineer by working on projects that actually challenge you at [CodeCrafters](https://app.codecrafters.io/join?via=sadanandpai)\n\n\u003cbr\u003e\n\n## Frontend resources/materials\n\n\u003cstrong\u003eRoadmaps\u003c/strong\u003e\n\n- 📍\u0026nbsp;\u0026nbsp;[Road Map (Beginner Version)](https://roadmap.sh/frontend?r=frontend-beginner)\n- 📍\u0026nbsp;\u0026nbsp;[Road Map (Advanced Version)](https://roadmap.sh/frontend)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eHTML\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[MDN HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)\n- 📗\u0026nbsp;\u0026nbsp;[W3 Schools](https://www.w3schools.com/html/)\n- 📗\u0026nbsp;\u0026nbsp;[HTML Tutorial](https://www.scaler.com/topics/html/)\n- 🎥\u0026nbsp;\u0026nbsp;[Complete Guide to HTML](https://www.udemy.com/course/the-complete-guide-to-html/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eCSS\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[MDN CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)\n- 📗\u0026nbsp;\u0026nbsp;[Web Dev](https://web.dev/learn/css/)\n- 🎥\u0026nbsp;\u0026nbsp;[CSS Complete Guide - Udemy](https://www.udemy.com/course/css-the-complete-guide-incl-flexbox-grid-sass/)\n- 📘\u0026nbsp;\u0026nbsp;[CSS for JS developers](https://css-for-js.dev/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eAdvanced CSS\u003c/strong\u003e\n\n- 📘\u0026nbsp;\u0026nbsp;[Debugging CSS](https://debuggingcss.com/)\n- 🎥\u0026nbsp;\u0026nbsp;[CSS Demystified](https://cssdemystified.com/)\n- 🎥\u0026nbsp;\u0026nbsp;[Advanced CSS](https://www.udemy.com/course/advanced-css-and-sass/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eJavaScript\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[Eloquent JavaScript](https://eloquentjavascript.net/)\n- 📗\u0026nbsp;\u0026nbsp;[JavaScript Info](https://javascript.info/)\n- 📗\u0026nbsp;\u0026nbsp;[MDN JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n- 📗\u0026nbsp;\u0026nbsp;[JavaScript Tutorial](https://www.javascripttutorial.net/)\n- 📘\u0026nbsp;\u0026nbsp;[JavaScript for Impatient Programmers](https://exploringjs.com/impatient-js/toc.html)\n- 📘\u0026nbsp;\u0026nbsp;[Just Javascript](https://justjavascript.com/)\n- 🎥\u0026nbsp;\u0026nbsp;[Complete JavaScript](https://www.udemy.com/course/the-complete-javascript-course/)\n- 🎥\u0026nbsp;\u0026nbsp;[Javascript Complete Guide](https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eAdvanced JavaScript\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[You don't know JS](https://github.com/getify/You-Dont-Know-JS)\n- 📗\u0026nbsp;\u0026nbsp;[Secrets of the JavaScript Ninja](https://www.manning.com/books/secrets-of-the-javascript-ninja-second-edition)\n- 📘\u0026nbsp;\u0026nbsp;[Deep JavaScript](https://exploringjs.com/deep-js/toc.html)\n- 📘\u0026nbsp;\u0026nbsp;[Professional JavaScript for Web developers](https://www.oreilly.com/library/view/professional-javascript-for/9781119366447/)\n- 🎥\u0026nbsp;\u0026nbsp;[Deep JavaScript Foundations](https://frontendmasters.com/courses/deep-javascript-v3/)\n- 🎥\u0026nbsp;\u0026nbsp;[JavaScript Hard Parts](https://frontendmasters.com/courses/javascript-hard-parts-v2/)\n- 🎥\u0026nbsp;\u0026nbsp;[JavaScript: Understanding the Weird Parts](https://www.udemy.com/course/understand-javascript/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eTypeScript\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[TypeScript Deepdive](https://basarat.gitbook.io/typescript/)\n- 📗\u0026nbsp;\u0026nbsp;[Tackling TypeScript](https://exploringjs.com/tackling-ts/index.html)\n- 📗\u0026nbsp;\u0026nbsp;[TypeScript Tutorial](https://www.typescripttutorial.net/)\n- 📗\u0026nbsp;\u0026nbsp;[TypeScript Handbook](https://www.typescriptlang.org/docs/handbook/intro.html)\n- 📘\u0026nbsp;\u0026nbsp;[Programming TypeScript](https://www.oreilly.com/library/view/programming-typescript/9781492037644/)\n- 🎥\u0026nbsp;\u0026nbsp;[Understanding typescript](https://www.udemy.com/course/understanding-typescript/)\n- 🎥\u0026nbsp;\u0026nbsp;[TypeScript Course by ui.dev](https://ui.dev/typescript/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eReact\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[React Dev](https://react.dev/)\n- 🎥\u0026nbsp;\u0026nbsp;[React - The Complete Guide](https://www.udemy.com/course/react-the-complete-guide-incl-redux/)\n- 🎥\u0026nbsp;\u0026nbsp;[Ultimate React](https://www.udemy.com/course/the-ultimate-react-course/)\n- 🎥\u0026nbsp;\u0026nbsp;[Joy of React](https://www.joyofreact.com/)\n- 🎥\u0026nbsp;\u0026nbsp;[Scrimba - Learn React for free interactively](https://scrimba.com/learn/learnreact)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eReact Repos\u003c/strong\u003e\n\n- 📁\u0026nbsp;\u0026nbsp;[React TypeScript Cheatsheet](https://github.com/typescript-cheatsheets/react)\n- 📁\u0026nbsp;\u0026nbsp;[Entire React code base explanation by visual block](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS)\n- 📁\u0026nbsp;\u0026nbsp;[Bulletproof React](https://github.com/alan2207/bulletproof-react)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eOther frameworks\u003c/strong\u003e\n\n- 🎥\u0026nbsp;\u0026nbsp;[NextJS](https://www.udemy.com/course/nextjs-react-the-complete-guide/)\n- 🎥\u0026nbsp;\u0026nbsp;[Angular](https://www.udemy.com/course/the-complete-guide-to-angular-2/)\n- 🎥\u0026nbsp;\u0026nbsp;[Vue:Complete guide](https://www.udemy.com/course/vuejs-2-the-complete-guide/)\n- 🎥\u0026nbsp;\u0026nbsp;[Sveltejs: Complete Guide](https://www.udemy.com/course/sveltejs-the-complete-guide/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eGraphQL\u003c/strong\u003e\n\n- 🎥\u0026nbsp;\u0026nbsp;[Apollo GraphQL](https://www.apollographql.com/tutorials/browse?certifications=apollo-graph-associate)\n- 🎥\u0026nbsp;\u0026nbsp;[GraphQL Course for Beginners](https://www.youtube.com/watch?v=5199E50O7SI)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eHTTP\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[MDN HTTP](https://developer.mozilla.org/en-US/docs/Web/HTTP)\n- 📘\u0026nbsp;\u0026nbsp;[HTTP2 in Action](https://livebook.manning.com/book/http2-in-action/about-this-book/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eGit\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[Become a git guru](https://www.atlassian.com/git/tutorials)\n- 📗\u0026nbsp;\u0026nbsp;[Pro Git](https://git-scm.com/book/en/v2)\n- 📗\u0026nbsp;\u0026nbsp;[Git Explorer](https://gitexplorer.com/)\n- 📁\u0026nbsp;\u0026nbsp;[Practical Git Guide](https://github.com/sadanandpai/git-guide)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eWeb Performance\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[MDN Performance](https://developer.mozilla.org/en-US/docs/Learn/Performance)\n- 📗\u0026nbsp;\u0026nbsp;[Core Web Vitals](https://web.dev/vitals/)\n- 📗\u0026nbsp;\u0026nbsp;[Web Dev Performance](https://web.dev/learn/#performance)\n- 📗\u0026nbsp;\u0026nbsp;[Google Dev - Performance](https://developers.google.com/web/fundamentals/performance/get-started)\n- 📗\u0026nbsp;\u0026nbsp;[Smashing Magezine - Performance](https://www.smashingmagazine.com/guides/performance/)\n- 🎥\u0026nbsp;\u0026nbsp;[Web Performance Fundamentals](https://frontendmasters.com/courses/web-perf/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eWeb Security\u003c/strong\u003e\n\n- 🎥\u0026nbsp;\u0026nbsp;[Web Security](https://frontendmasters.com/courses/web-security/)\n- 📗\u0026nbsp;\u0026nbsp;[Google Web Fundamentals: Security](https://web.dev/security/)\n- 📗\u0026nbsp;\u0026nbsp;[MDN Web Docs: Security](https://developer.mozilla.org/en-US/docs/Web/Security)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eAccessibility\u003c/strong\u003e\n\n- 🎥\u0026nbsp;\u0026nbsp;[Accessibility in JavaScript Applications](https://frontendmasters.com/courses/javascript-accessibility/)\n- 🎥\u0026nbsp;\u0026nbsp;[Develop Accessible Web Apps with React](https://egghead.io/courses/develop-accessible-web-apps-with-react)\n- 📗\u0026nbsp;\u0026nbsp;[Web Accessibility Guidelines (WCAG)](https://www.w3.org/WAI/standards-guidelines/wcag/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eFrontend Testing\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[Vitest](https://vitest.dev/)\n- 📗\u0026nbsp;\u0026nbsp;[Jest Docs](https://jestjs.io/)\n- 📗\u0026nbsp;\u0026nbsp;[Cypress](https://www.cypress.io/)\n- 🎥\u0026nbsp;\u0026nbsp;[JavaScript unit testing](https://www.udemy.com/course/javascript-unit-testing-the-practical-guide/)\n- 📘\u0026nbsp;\u0026nbsp;[The art of unit testing](https://www.manning.com/books/the-art-of-unit-testing-third-edition)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eProgressive Web Apps (PWAs)\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[MDN Guide to PWAs](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps)\n- 📗\u0026nbsp;\u0026nbsp;[Google Developers: PWAs](https://web.dev/progressive-web-apps/)\n- 🎥\u0026nbsp;\u0026nbsp;[PWA - The Complete Guide](https://www.udemy.com/course/progressive-web-app-pwa-the-complete-guide/?couponCode=24T2MT111824)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eJS Design Patterns\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[Modern Web App Design Patterns](https://www.patterns.dev/)\n- 📘\u0026nbsp;\u0026nbsp;[JS Design Patterns](https://patterns.addy.ie/)\n- 📁\u0026nbsp;\u0026nbsp;[Design Patterns for Humans](https://github.com/kamranahmedse/design-patterns-for-humans)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eJS Best practices\u003c/strong\u003e\n\n- 📘\u0026nbsp;\u0026nbsp;[Refactoring JavaScript](https://refactoringjs.com/files/refactoring-javascript.pdf)\n- 🎥\u0026nbsp;\u0026nbsp;[Writing Clean Code](https://www.udemy.com/course/writing-clean-code/)\n- 🎥\u0026nbsp;\u0026nbsp;[MicroFrontends](https://www.udemy.com/course/microfrontend-course)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eFunctional JavaScript\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[Mostly adequate Guide](https://mostly-adequate.gitbook.io/mostly-adequate-guide/)\n- 📗\u0026nbsp;\u0026nbsp;[Functional Light JavaScript](https://aguru.gitbooks.io/functional-light-javascript/content/)\n- 🎥\u0026nbsp;\u0026nbsp;[Functional JavaScript](https://frontendmasters.com/courses/functional-javascript-v3/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eFrontend youtube channels\u003c/strong\u003e\n\n- 🎥\u0026nbsp;\u0026nbsp;[Traversy Media](https://www.youtube.com/c/TraversyMedia)\n- 🎥\u0026nbsp;\u0026nbsp;[Clever Programmer](https://www.youtube.com/c/CleverProgrammer)\n- 🎥\u0026nbsp;\u0026nbsp;[Net Ninja](https://www.youtube.com/c/TheNetNinja)\n- 🎥\u0026nbsp;\u0026nbsp;[Web Dev Simplified](https://www.youtube.com/c/WebDevSimplified)\n- 🎥\u0026nbsp;\u0026nbsp;[Academind](https://www.youtube.com/c/Academind)\n- 🎥\u0026nbsp;\u0026nbsp;[Dev Ed](https://www.youtube.com/c/DevEd)\n- 🎥\u0026nbsp;\u0026nbsp;[Kevin Powell](https://www.youtube.com/kepowob)\n- 🎥\u0026nbsp;\u0026nbsp;[Codevolution](https://www.youtube.com/c/Codevolution)\n- 🎥\u0026nbsp;\u0026nbsp;[JavaScript Mastery](https://www.youtube.com/@javascriptmastery)\n- 🎥\u0026nbsp;\u0026nbsp;[Code With Antonio](https://www.youtube.com/@codewithantonio)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eFrontend System Design\u003c/strong\u003e\n\n- 📁\u0026nbsp;\u0026nbsp;[Awesome Frontend System Design](https://github.com/greatfrontend/awesome-front-end-system-design)\n- 📁\u0026nbsp;\u0026nbsp;[Frontend System Design](https://github.com/devkodeio/frontend-system-design)\n- 🎥\u0026nbsp;\u0026nbsp;[Front-End Engineer](https://www.youtube.com/c/FrontEndEngineer)\n- 🎥\u0026nbsp;\u0026nbsp;[Designing Scalable Frontend Systems](https://www.udemy.com/course/designing-scalable-frontend-systems/)\n- 🎥\u0026nbsp;\u0026nbsp;[Namaste System Design](https://namastedev.com/learn/namaste-frontend-system-design)\n- 🎥\u0026nbsp;\u0026nbsp;[Chakde System Design](https://www.youtube.com/watch?v=sV_4pOGosnU\u0026list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU)\n- 🎥\u0026nbsp;\u0026nbsp;[Frontend System Design Course](https://alpha.learnersbucket.com/)\n- 📗\u0026nbsp;\u0026nbsp;[Frontend Geek](https://www.frontendgeek.com/frontend-interview/system-design)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eInterview Prep Resources\u003c/strong\u003e\n\n- 📁\u0026nbsp;\u0026nbsp;[Front End Interview Handbook](https://github.com/yangshun/front-end-interview-handbook)\n- 📁\u0026nbsp;\u0026nbsp;[JavaScript Interview Questions](https://github.com/sudheerj/javascript-interview-questions)\n- 📁\u0026nbsp;\u0026nbsp;[JavaScript Code Challenges](https://github.com/sadanandpai/javascript-code-challenges)\n- 📁\u0026nbsp;\u0026nbsp;[React Interview Questions](https://github.com/sudheerj/reactjs-interview-questions)\n- 📁\u0026nbsp;\u0026nbsp;[Tech Interview Handbook](https://github.com/yangshun/tech-interview-handbook)\n- 📁\u0026nbsp;\u0026nbsp;[JavaScript Questions MCQ](https://github.com/lydiahallie/javascript-questions)\n- 📁\u0026nbsp;\u0026nbsp;[Frontend Mini Challenges](https://github.com/sadanandpai/frontend-mini-challenges)\n- 📁\u0026nbsp;\u0026nbsp;[FreeCodeCamp Interview Prep](https://github.com/freeCodeCamp/freeCodeCamp/tree/main/curriculum/challenges/english/10-coding-interview-prep)\n- 📗\u0026nbsp;\u0026nbsp;[Interview Ant](https://www.interviewant.com/)\n- 📁\u0026nbsp;\u0026nbsp;[The DOM Challenge](https://github.com/devkodeio/the-dom-challenge)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eInterview Prep channels\u003c/strong\u003e\n\n- 🎥\u0026nbsp;\u0026nbsp;[Namaste JavaScript](https://www.youtube.com/watch?v=pN6jk0uUrD8\u0026list=PLlasXeu85E9cQ32gLCvAvr9vNaUccPVNP)\n- 🎥\u0026nbsp;\u0026nbsp;[Devtools Tech Frontend Interview Series](https://www.youtube.com/watch?v=qMkUziVZvzs\u0026list=PL4ruoTJ8LTT96O258zzjRwdiNxzDoas-G\u0026index=2)\n- 🎥\u0026nbsp;\u0026nbsp;[RoadsideCoder](https://www.youtube.com/@RoadsideCoder)\n- 🎥\u0026nbsp;\u0026nbsp;[JS Cafe](https://www.youtube.com/@js_cafe)\n- 🎥\u0026nbsp;\u0026nbsp;[Uncommon Geeks](https://www.youtube.com/watch?v=qcixpy3HQ9s\u0026list=PLmcRO0ZwQv4QMslGJQg7N8AzaHkC5pJ4t)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eCoding challenges\u003c/strong\u003e\n\n- 🚉\u0026nbsp;\u0026nbsp;[Big Frontend Dev](https://bigfrontend.dev/)\n- 🚉\u0026nbsp;\u0026nbsp;[Great Frontend Dev](https://www.greatfrontend.com?fpr=sadanand83)\n- 🚉\u0026nbsp;\u0026nbsp;[Leetcode](https://leetcode.com/problemset/javascript/)\n- 🚉\u0026nbsp;\u0026nbsp;[Frontend Expert](https://algoexpert.io/frontend/coding-questions)\n- 🚉\u0026nbsp;\u0026nbsp;[JS Challenger](https://www.jschallenger.com/)\n- 🚉\u0026nbsp;\u0026nbsp;[Codedamn](https://codedamn.com/problems)\n- 🚉\u0026nbsp;\u0026nbsp;[Devtools Tech](https://www.devtools.tech/?ref=frontend-learning-kit)\n- 🚉\u0026nbsp;\u0026nbsp;[Frontend Mentor](https://www.frontendmentor.io/)\n- 🚉\u0026nbsp;\u0026nbsp;[Exercism](https://exercism.org/tracks/javascript)\n- 🚉\u0026nbsp;\u0026nbsp;[Learners Bucket](https://practice.learnersbucket.com/)\n- 🚉\u0026nbsp;\u0026nbsp;[FrontendPro](https://www.frontendpro.dev/)\n- 🚉\u0026nbsp;\u0026nbsp;[Frontend Lead](https://frontendlead.com/)\n- 🚉\u0026nbsp;\u0026nbsp;[CSS Battle](https://cssbattle.dev/)\n- 🚉\u0026nbsp;\u0026nbsp;[Frontend Hire](https://www.frontendhire.com/)\n- 🚉\u0026nbsp;\u0026nbsp;[Kode Karma](https://www.kodekarma.dev/)\n- 🚉\u0026nbsp;\u0026nbsp;[Clientside Dev](https://www.clientside.dev/)\n- 🚉\u0026nbsp;\u0026nbsp;[Frontend Churn](https://www.algochurn.com/frontend)\n- 🚉\u0026nbsp;\u0026nbsp;[Reacterry](https://www.reacterry.com/)\n- 🚉\u0026nbsp;\u0026nbsp;[Edabit](https://edabit.com/challenges)\n- 🚉\u0026nbsp;\u0026nbsp;[Dev Challenges](https://devchallenges.io/)\n- 🚉\u0026nbsp;\u0026nbsp;[Codewell](https://www.codewell.cc/)\n- 🚉\u0026nbsp;\u0026nbsp;[ICodeThis](https://icodethis.com/)\n- 🚉\u0026nbsp;\u0026nbsp;[Mister DA](https://www.misterda.com/javascript-exercises)\n- 🚉\u0026nbsp;\u0026nbsp;[React Challenges](https://reactchallenges.live/)\n- 🚉\u0026nbsp;\u0026nbsp;[Daily React Problems](https://dailyreactproblem.vercel.app/)\n- 🚉\u0026nbsp;\u0026nbsp;[Prepare Frontend](https://preparefrontend.com/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eFrontend Deployment Platforms\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[Netlify](https://www.netlify.com/)\n- 📗\u0026nbsp;\u0026nbsp;[Vercel](https://vercel.com/)\n- 📗\u0026nbsp;\u0026nbsp;[Firebase Hosting](https://firebase.google.com/docs/hosting)\n- 📗\u0026nbsp;\u0026nbsp;[AWS Amplify](https://aws.amazon.com/amplify/)\n- 📗\u0026nbsp;\u0026nbsp;[GitHub Pages](https://pages.github.com/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eBrowser DevTools\u003c/strong\u003e\n\n- 📗\u0026nbsp;\u0026nbsp;[Chrome DevTools](https://developer.chrome.com/docs/devtools/)\n- 📗\u0026nbsp;\u0026nbsp;[Firefox Developer Tools](https://developer.mozilla.org/en-US/docs/Tools)\n- 🎥\u0026nbsp;\u0026nbsp;[DevTools Crash Course](https://www.youtube.com/watch?v=e1gAyQuIFQo)\n\n---\n\n\u003cstrong\u003eDSA resources\u003c/strong\u003e\n\n- 📘\u0026nbsp;\u0026nbsp;[Grokking Algorithms](https://www.manning.com/books/grokking-algorithms)\n- 📘\u0026nbsp;\u0026nbsp;[The Algorithm Design Manual](https://www.amazon.com/gp/product/3030542556/)\n- 📘\u0026nbsp;\u0026nbsp;[Cracking Coding Interview](https://www.amazon.com/Cracking-Coding-Interview-Programming-Questions/dp/0984782850)\n- 📁\u0026nbsp;\u0026nbsp;[Javascript Algo](https://github.com/trekhleb/javascript-algorithms)\n- 📗\u0026nbsp;\u0026nbsp;[DSA Interview Challenges](https://dsa-interview-challenges.vercel.app/)\n- 🎥\u0026nbsp;\u0026nbsp;[Practical Algorithms](https://frontendmasters.com/courses/practical-algorithms/)\n- 🎥\u0026nbsp;\u0026nbsp;[JavaScript Algorithms fundamentals](https://pro.academind.com/p/javascript-algorithms-the-fundamentals)\n- 🎥\u0026nbsp;\u0026nbsp;[JS algorithms and data structures masterclass](https://www.udemy.com/course/js-algorithms-and-data-structures-masterclass/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eDSA youtube\u003c/strong\u003e\n\n- 🎥\u0026nbsp;\u0026nbsp;[Adbul Bari](https://www.youtube.com/watch?v=0IAPZzGSbME\u0026list=PLDN4rrl48XKpZkf03iYFl-O29szjTrs_O)\n- 🎥\u0026nbsp;\u0026nbsp;[Take U Forward](https://www.youtube.com/@takeUforward/)\n- 🎥\u0026nbsp;\u0026nbsp;[JavaScript Algorithms and Data Structures](https://www.youtube.com/playlist?list=PLC3y8-rFHvwjPxNAKvZpdnsr41E0fCMMP)\n- 🎥\u0026nbsp;\u0026nbsp;[Jenny's Lectures](https://www.youtube.com/watch?v=AT14lCXuMKI\u0026list=PLdo5W4Nhv31bbKJzrsKfMpo_grxuLl8LU)\n- 🎥\u0026nbsp;\u0026nbsp;[Gaurav Sen](https://www.youtube.com/channel/UCRPMAqdtSgd0Ipeef7iFsKw)\n- 🎥\u0026nbsp;\u0026nbsp;[Tushar Roy - Coding Made Simple](https://www.youtube.com/channel/UCZLJf_R2sWyUtXSKiKlyvAw)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eCoding platforms\u003c/strong\u003e\n\n- 🚉\u0026nbsp;\u0026nbsp;[Leetcode](https://leetcode.com/)\n- 🚉\u0026nbsp;\u0026nbsp;[Hackerrank](https://www.hackerrank.com/)\n- 🚉\u0026nbsp;\u0026nbsp;[Interviewbit](https://www.interviewbit.com/practice/)\n\n\u003cbr\u003e\n\n\u003cstrong\u003eAdditional Resources\u003c/strong\u003e\n\n- 🎙\u0026nbsp;\u0026nbsp;[JS Party podcast](https://jsparty.fm/)\n- 📗\u0026nbsp;\u0026nbsp;[JavaScript 30](https://javascript30.com/)\n- 📗\u0026nbsp;\u0026nbsp;[React Basics](https://learning-zone.github.io/react-basics/)\n- 📗\u0026nbsp;\u0026nbsp;[FreeCodeCamp React Challange](https://www.freecodecamp.org/learn/front-end-development-libraries/react/)\n- 📗\u0026nbsp;\u0026nbsp;[React Coding Challange](https://github.com/alexgurr/react-coding-challenges/)\n- 📗\u0026nbsp;\u0026nbsp;[React by Example](https://reactbyexample.github.io/)\n- 📗\u0026nbsp;\u0026nbsp;[React Cheatsheet](https://devhints.io/react)\n- 📗\u0026nbsp;\u0026nbsp;[React Patterns](https://reactpatterns.com/)\n- 📗\u0026nbsp;\u0026nbsp;[Tao Of React](https://alexkondov.com/tao-of-react/)\n- 📗\u0026nbsp;\u0026nbsp;[MDN - Front-end Web Dev pathway](https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer)\n- 📗\u0026nbsp;\u0026nbsp;[Web-Dev-For-Beginners - by Microsoft](https://github.com/microsoft/Web-Dev-For-Beginners)\n- 📗\u0026nbsp;\u0026nbsp;[The React Handbook](https://reacthandbook.com/)\n- 📗\u0026nbsp;\u0026nbsp;[Vue CheatSheet](https://vue-cheatsheet.themeselection.com/)\n\n  \u003cbr\u003e\n\n---\n\n### License\n\nThis repository is MIT-licensed. [Read more](./LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsadanandpai%2Ffrontend-learning-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsadanandpai%2Ffrontend-learning-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsadanandpai%2Ffrontend-learning-kit/lists"}