Scribd
Upload
4 views5 pages

Frontend Study Guide

The document is a comprehensive frontend development study guide aimed at complete beginners aspiring to become professional developers. It covers essential topics including programming fundamentals, web fundamentals, JavaScript, the Document Object Model, Git & GitHub, ReactJS, TypeScript, and various tools in the React ecosystem. Each section provides foundational knowledge and resources for further learning in frontend development.

Uploaded by

scientificgaming001
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views5 pages

Frontend Study Guide

The document is a comprehensive frontend development study guide aimed at complete beginners aspiring to become professional developers. It covers essential topics including programming fundamentals, web fundamentals, JavaScript, the Document Object Model, Git & GitHub, ReactJS, TypeScript, and various tools in the React ecosystem. Each section provides foundational knowledge and resources for further learning in frontend development.

Uploaded by

scientificgaming001
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Frontend Study Guide

in-depth study guide on frontend development for

complete beginners, to become professional developers

Section 1

8 Programming fundamental{

8 Data Structures and Algorithms (DSAš

8 Programming challenges

Section 2

8 Web fundamental{

8 Basics of HTML, CSS, JavaScripŽ

8 JavaScript in depth

Section 3

8 Document Object Mode_

8 Git & GitHub

8 ReactJS

Section 4

8 TypeScript and Unit testin4

8 React ecosyste;

8 Other popular tools

For complete guide with resources, Click Here


Section 1
Programming fundamentals
% Variable) % Function)

% Data Type) % Arguments & Parameter)

% Condition) % ArraA

% Loop) % Se@

% Input and Output % Map

Data Structures and Algorithms


% Array) % Linear searc|

% Stacb % Binary searc|

% Queu^ % Bubble sor@

% HashMap) % Selection sor@

% Set) % Insertion sor@

% Linked list % Count sort

Programming problems
% Hackerranb
%
% Edabi@
%
% Leetcode
Section 2

Web fundamentals

& Client and Serve & RES8

& HTT & Browser communicatio:

& API & Status codes

Basics of HTML, CSS, JavaScript

& HTML elements and tagp & Positioning, FleÆ

& HEAD and metadat¤ & Primitives, Type Conversionp

& List, Tables, and Anchorp & Scopes, Hoisting, Closurep

& Forms, Imagep & Error handlinÏ

& Selectors, pseudo selectorp & Objects, Functionp

& Box model, Inheritance, Specificity & Timeout & Interval

JavaScript in depth

& Promises, Async-awaid & Modules, Classep

& "this" keyworU & Sets, Mapp

& template strings, Prototypes & ES6+ features


Section 3

Document Object Model

. DOM Tre( . Working with NodelisJ

. Element selector . Browser API

. Events handlin" . Event loop

. Event bubbling & delegation

Git & GitHub

. Clone, Pull, Pus¤ . Switch, CheckouJ

. Commits, Lo" . Pull requesJ

. Branching . Github

ReactJS

. Components & JSc . Context AP

. State & Prop . Lazy loadin"

. Functional component . Higher order component

. Hook . Virtual DO‘

. Forms & Event Handling . Reconciliation


Section 4

Compiler and Libraries

TypeScrip"

Unit testing with Jest / Vitest

React ecosystem

State Management using Redux / Redux Toolki"

Routing using React Routej

Components usage with React Materiaq

Forms using React Hook Form / FormiZ

API communication using Axios

Other tools

TailwindCSS or BootstraC

NextJS

By

Sadanand Pai

For complete guide with resources, Click Here

This document is a guideline based on personal knowledge & opinions

You might also like