sadanandpai/frontend-learning-kit

★ 4,669Audience · developerComplexity · 1/5LicenseSetup · easy

Mindmap

mindmap
  root((frontend-learning-kit))
    What it does
      Curated resource guide
      Topic organization
      Skill roadmap
    Topics Covered
      HTML and CSS
      JavaScript and TypeScript
      React Vue Angular Svelte
      Performance and testing
    Resource Types
      Free books
      Video courses
      Practice platforms
    Audience
      Beginners
      Career changers
      Self-taught devs

mindmap root((frontend-learning-kit)) What it does Curated resource guide Topic organization Skill roadmap Topics Covered HTML and CSS JavaScript and TypeScript React Vue Angular Svelte Performance and testing Resource Types Free books Video courses Practice platforms Audience Beginners Career changers Self-taught devs

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Find free and paid resources to learn a specific front-end topic such as React, web accessibility, or TypeScript.

USE CASE 2

Build a structured self-study plan for front-end development from beginner to job-ready level.

USE CASE 3

Discover practice projects and interview preparation resources tailored to front-end developer roles.

Tech stack

HTMLCSSJavaScriptTypeScriptReactVueAngularSvelte

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

This repository is a hand-picked collection of learning resources for anyone who wants to build websites and web applications, covering everything from the foundational pieces to advanced professional topics. It is not a course itself but a guide pointing to books, video courses, documentation, and practice platforms that others have already created. The collection is organized by topic. It starts with HTML (the structure of web pages) and CSS (visual styling), then moves through JavaScript basics, advanced JavaScript, and TypeScript (a stricter, more structured version of JavaScript). From there it covers major front-end frameworks such as React, Vue, Angular, and Svelte, followed by topics like browser performance, web accessibility, testing, security, and system design. There are also sections on developer tools and career-related resources. Each resource is tagged with a type: free text or book, paid book, free or paid video course, repository, or practice platform. This lets someone scan for free options first or look specifically for video content. The guide is described as a toolkit rather than a rigid curriculum, meaning you can jump to any section based on what you already know and what you want to learn next. The repository also mentions companion guides for understanding different front-end job roles, navigating front-end technical interviews, and a list of practice projects sorted by difficulty. A roadmap PDF is linked as well for those who want a visual overview of how the topics connect. The project invites community contributions and is licensed openly. It is maintained by one primary author and has received contributions from others over time.

Copy-paste prompts

Prompt 1

Based on the frontend-learning-kit, what is a realistic learning path to become job-ready in React starting from HTML and CSS basics in six months?

Prompt 2

Using the frontend-learning-kit as a guide, what are the best free resources for learning TypeScript coming from a JavaScript background?

Prompt 3

I have a front-end interview next month. From the frontend-learning-kit, what topics should I prioritize for system design, performance, and testing?

Prompt 4

Help me pick resources from the frontend-learning-kit to learn web accessibility and WCAG compliance as a practicing front-end developer.

Open on GitHub → Explain another repo

← sadanandpai on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.