Frontend tech guide and collection of highly recommended materials

Overview

Frontend Learning Kit

Frontend tech guide and collection of highly recommended materials

Show your support by giving a โญ   to this repo

2022 Frontend Dev Interview checklist & Roadmap [NEW]

Frontend Role Guide to know about different frontend roles and their criterion

Frontend Interview Guide to know about different frontend interview rounds

FAQs to clarify common doubts


Frontend resources/materials

HTML


CSS


Advanced CSS


JavaScript


Advanced JavaScript


TypeScript


React


React Repos


Other frameworks


HTTP


Git


Web Performance


Web Security


Accessibility


JS Design Patterns


JS Best practices


Functional JavaScript


Frontend youtube channels


DSA resources


DSA youtube


Interview Prep


Coding platforms


Linux


Additional Resources



License

This repository is MIT licensed. Read more

You might also like...

Different Types of Monsters Card of Popular anime. Build in React tech.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Mar 19, 2022

Desafio Gerador de senhas com Emojis - Tech da Semana ๐Ÿ˜ ๐Ÿคฉ

 Desafio Gerador de senhas com Emojis - Tech da Semana ๐Ÿ˜ ๐Ÿคฉ

Desafio Gerador de senhas com Emojis - Tech da Semana ๐Ÿ˜ ๐Ÿคฉ ๐Ÿ“š Informaรงรตes sobre o projeto O projeto foi desenvolvido com base no desafio do Discord d

Nov 21, 2022

Primeiro projeto do Mรณdulo 1 da Blue ed Tech - Web Fullstack

Primeiro projeto do Mรณdulo 1 da Blue ed Tech - Web Fullstack

Projeto1-Modulo1-BlueFullstack Mรณdulo 1 - Blue ed Tech - Web Fullstack Projeto 1 - A Jornada do Herรณi A premissa รฉ a seguinte: O nosso herรณi chegou ao

Mar 9, 2022

๐Ÿ˜‚ is a self-hostable blog engine built on the tech that powers christine.website

๐Ÿ˜‚ ๐Ÿ˜‚ is a blog engine powered by Deno. ๐Ÿ˜‚ has no canonical pronunciation, and users are not encouraged to come up with one. ๐Ÿ˜‚ is and always will be

Sep 4, 2022

A tool that leverages the knowledge of experienced engineers to provide tech stack suggestions for your next application.

StackGen Key technologies used React React Router and Context API PostgreSQL React Testing Library Authentication Mantine The Problem There is an over

Jun 9, 2022

Simple budget-tracker web app developed using Vanilla JavaScript. Exercise from Warren Tech Academy.

Simple budget-tracker web app developed using Vanilla JavaScript. Exercise from Warren Tech Academy.

Willow Personal Finance - Exercise from Warren Tech Academy About Project screenshots Installation Extra notes About Tools: HTML CSS (SASS) JavaScript

Dec 14, 2022

Integration with https://neon.tech Serverless Postgres

README Welcome to RedwoodJS! Prerequisites Redwood requires Node.js (=14.19.x =16.x) and Yarn (=1.15) Are you on Windows? For best results, follow

Sep 16, 2022

Triumph Techโ€™s Magnus Editor is a full-featured remote editor for Rock RMS.

Triumph Techโ€™s Magnus Editor is a full-featured remote editor for Rock RMS.

Magnus Visual Studio Code Editor for Rock RMS Triumph Techโ€™s Magnus Editor is a full-featured remote editor for Rock RMS. Rock RMS is an open source R

Nov 23, 2022

A "link in bio" site built using the "T3" tech stack.

Create T3 App This is an app bootstrapped according to the init.tips stack, also known as the T3-Stack. Why are there .js files in here? As per T3-Axi

Sep 5, 2022
Comments
  • Adding of other youtube channel for the frontend part

    Adding of other youtube channel for the frontend part

    We can add Javascript mastery youtube channel in the frontend list part

    • Javascript mastery
    • By through this channel we can learn the frontend frameworks by doing the projects which we can publish it on our resume too..
    opened by lavakush07 1
  • Added a useful resource

    Added a useful resource

    Hey, I have added a helpful reference link for HTML that I think will best add to your content and give your readers a more diverse understanding of the topic. I hope you will like this. Thank you.

    opened by Smith1161 0
  • Added DevTools Tech

    Added DevTools Tech

    Hey,

    Thanks for this useful list of resources. I also create content online to help the community. So, raising this PR to add those resources to the list.

    YouTube Channel: https://youtube.com/c/devtoolstech

    Frontend Interview Preparation Platform: https://devtools.tech

    opened by yomeshgupta 0
  • added the react handbook

    added the react handbook

    Hi i just cam across a resource, https://reacthandbook.com/, which i felt is simple and easy to understand, and will lead to good understanding of react

    this link get to a signup form and after the email is verified, it gives you not only react but many other useful resources to download in pfd/epub/mobi

    if found useful, it may be kindly be merged

    regards amit

    opened by agentmishra 0
Owner
Sadanand Akshay Pai
Front End Developer | UI Developer | Web Developer | Learner
Sadanand Akshay Pai
The dndler is a tool for creating improvized game materials for TTRPG campaigns.

dndler The dndler is a tool for creating improvized game materials for TTRPG campaigns. Usage yarn install and to run the react client and api in par

Varun Nadgir 4 Aug 29, 2022
Repository for SICSS-Edinburgh, 2022 teaching materials

SICSS-Edinburgh Instructor: Christopher Barrie, Lecturer in Computational Sociology, School of Social and Political Science, University of Edinburgh C

Christopher Barrie 11 Jul 6, 2022
Materials for 2022 ZJU-Blockchain-Course

ZJU-blockchain-course-2022 โฌ† ๅฏไปฅ๏ธไฟฎๆ”นๆˆไฝ ่‡ชๅทฑ็š„้กน็›ฎๅใ€‚ ็ฌฌไบŒๆฌกไฝœไธš่ฆๆฑ‚๏ผˆๅฏไปฅๅˆ ้™ค๏ผ‰๏ผš ๅŽปไธญๅฟƒๅŒ–ๅญฆ็”Ÿ็คพๅ›ข็ป„็ป‡ๆฒป็†ๅบ”็”จ ๆฏไธชๅญฆ็”Ÿๅˆๅง‹ๅฏไปฅๆ‹ฅๆœ‰ๆˆ–้ข†ๅ–ไธ€ไบ›้€š่ฏ็งฏๅˆ†๏ผˆERC20๏ผ‰ใ€‚ ๆฏไธชๅญฆ็”Ÿๅฏไปฅๅœจๅบ”็”จไธญๅฏไปฅ๏ผš ไฝฟ็”จไธ€ๅฎšๆ•ฐ้‡้€š่ฏ็งฏๅˆ†๏ผŒๅ‘่ตทๅ…ณไบŽ่ฏฅ็คพๅ›ข่ฟ›่กŒๆดปๅŠจๆˆ–ๅˆถๅฎš่ง„ๅˆ™็š„ๆๆกˆ๏ผˆPro

HinsLiu 3 Dec 15, 2022
O objetivo dessa aplicaรงรฃo era criar um frontend feito totalmente em Javascript, sem nenhum arquivo HTML ou CSS prรฉ-criado. Alรฉm disso, esse projeto tambรฉm รฉ o frontend da minha API 100% NodeJS.

Projeto HTML 100% Javascript Front-end feito "sem HTML" Conteรบdos โžœ Sobre o projeto โžœ O que aprendi โžœ Como usar ?? Sobre o projeto Voltar ao topo O ob

Joรฃo Victor Negreiros 19 Aug 3, 2021
Manually curated collection of resources for frontend web developers.

Frontend Development Manually curated collection of resources for frontend web developers. You are viewing a browseable version, split by category in

Tim Navrotskyy 36.4k Jan 1, 2023
Text Engraving & Extrusion demo based on Three.js is implemented with Typescript and webpack5. Used THREE-CSGMesh as the core tech to achieve engraving and extrusion results

Text Engraving & Extrusion Text Engraving & Extrusion demo is implemented using Three.js, with Typescript and webpack5. Used THREE-CSGMesh as the core

Jiahong Li 3 Oct 12, 2022
Sachit Yadav 6 Nov 3, 2022
The first place winning no-code platform for generating developer resume pages, designed for and submitted to the 2022 Tech Optimum Hackathon.

Genfolio Genfolio is a no-code platform for generating developer portfolios. A demo can be found on the project's devpost or on youtube. Our stack We

Lenny 4 Dec 5, 2022
A VS Code extension for solving problems from WorkAt.tech

VSCode-WorkAt VSCode-WorkAt is an extension that lets you write code for WorkAt.tech in VSCode. Check it out on the Marketplace. Features Choose a lan

Aditya Prakash 3 Aug 29, 2022
This is a project to testing coding habilities, it is part of the recruiting process of Liven.tech company

This is a project to testing coding habilities, it is part of the recruiting process of Liven.tech company

Romualdo 1 Feb 26, 2022