1//+.(()*'$++0#+0)*

EH)1 +)/*?A H? H /1 /+ +/ ? H)1 +)/*?A *4 /1+ $*HH
H$ +/ ? /1 *$$ /1H/ *' +1*' H$? /18
EH)1 +)/*? H+* ?)'+ $*:)/+ /1H/ *' )H? )*/ ? H? *$$
/1H/ $2'$ *? /1 +C+ H$? ? /1H/ +)/*? H? /1 +)/*?+ $*$0

NLMK
H+)+ O VTSRTUQP
[*$+ O `U^]\
E/ O `U^]\

baa O h*'$+
)/*$+ O `U^]\ opPUkT] ji]SP ri]]P
€?1$/H?) O `U^]\ opPUkT]
))/ O `U^]\ opPUkT]
*ˆ „* O `U^]\ opPUkT]
Ž*+/*? O `U^]\ opPUkT]
+H O `U^]\
[ˆ*ˆ O `U^]\ opPUkT]
’$ O `U^]\
hH) O `U^]\ opPUkT]
Ž+'* E?/+ O `U^]\ opPUkT]
Ž+'* hH+++
h'+/* Ž$*$/+ O `U^]\ opPUkT]
*•)H Ž$*$/+ O opPUkT]
„H ¡'$+ O `U^]\
h*?/H?$ ¡'$+ O `U^]\
±?H/*? O ÂSQUk `U^]\ o^¶SÀk]^ `U^]\ µpSÀQ´\p¼ opPUkT] ³UTT ²\^] opPUkT]
Î Ê ÈÍ
Ò ÍÏ
Þ$H?+H$?/ *•? [*$ O `U^]\
±?H/ hH$+ O `U^]\
M äã

h ó? Þ**/+ O `U^]\
h E*: ±$/ O `U^]\
±H?) *$ E
)/+ O `U^]\
±H?) Þˆ/ ±?H/*? O `U^]\
h €H• *$ E
)/ O `U^]\
h'+/* ±))++ Þ*•• #/)1+ O `U^]\
# [ '//*? O `U^]\
±?H/ *H?• ??$ O `U^]\
±?H/ H'$•$ „?' O `U^]\
N 
C*'Þ' h*? O `U^]\
h H//+ O `U^]\ J `U^]\ E `U^]\ D `U^]\ F `U^]\ L
Ž$) h*H$+*? ÞH O `U^]\
V$/)H Þ? O `U^]\

  

 #  

  ! -,+*) ('&,%$*

3
      -,+*) ('&,%$*

àÞÝÜÛÚÙß
D ;  -,+*)

äãßá
HHFG -,+*)('&,%$*
D
±3H   -,+*)



SD  -,+*) ('&,%$*  !³l
G³ ±  !!H -,+*)

é !H – H  -,+*)

^  ! -,+*)('&,%$*
Ÿ± FH  H G;  -,+*)

 ±H F -,+*)

  ! ('&,%$*
Š G²

é± -,+*)

H 
-,+*)  ù  ³ -,+*)

dùFH    ('&,%$*

d`H # -,+*) ('&,%$*
– H -,+*)

vFs  l

# (''}|-,+*) M dium

Û

² !H  -,+*)
Š 
 3 3H -,+*)('&,%$*

² S

!³ 
-,+*)

v–

H -,+*) ² S
é 

-,+*)

v–– H  -,+*)

Q z   -,+*)

² ±H  -,+*)

d   
-,+*)('&,%$* G é± -,+*)

ŸD     -,+*)

 
HDH SœŸ£  £ ©˜ DH#;
H  -,+*)

²
± -,+*)('&,%$*
W
H H  -,+*)


FH 
!
 -,+*)

 #S  -,+*)('&,%$*  # !é± -,+*)

–  S 
H  -,+*)

D ³ -,+*)('&,%$*
W ³
 -,+*)

 ù 
é± -,+*)

H d
;
S

! -,+*) ('&,%$*

ãÞ
d  
³
±   
é± H  -,+*)

– H -,+*) ('&,%$*   ± H 
 S -,+*)

HH
-,+*)
ÂHH3 ¿ ¾  -,+*)('&,%$*

–³ !é± -,+*)

     -,+*)

Š 
 -,+*)('&,%$*

    ¾  F

# -,+*)

;H
Ç}'%*$-,+*)
2048 H  -,+*)



#– ³  -,+*)(+Ô}Î%*+-,+*)

 ±H  
H -,+*)(+Ô}Î%*+-,+*)('&,%$*

 

!l
v

-,+*) ('&,%$*

    
 
 $ ## )'

0/ 7 $ #431

CB@ N'R1QJL)M4'13
0XY@ j M11QJL)M4'13
pY j M11QJL)M4'13

 v Y/
v ~  @ †1
‰Cˆ
ýûúùø÷öü
Ž ~/ †1
ü
XC@  †1
C †1'31 M   ´ / †1
vYÓv B †1
”B/
Ž  / ~v@  †1
Y/”— †1'31 M v@Y@  †1
&Bº †1
C   †1 ÃX v@  †1
´ //±v   @ X ,ø*)('
X / †1 vY/ C@v ~  †1
Ž  0~~ †1
¶/ †1'31 M v Žv@  †1
5 C @@ X †1
Y/ †1'31 M
0B&  X0~~ †1
Y/v@@º †1'31 M Y@ /~  †1
áYX0~~ †1
vY/ à / †1'31 M T X@S /v@  †1
C ~~ Xv †1
Y/Y †1'31 M
C~  ¶Óv@  †1
v Ë †1'31 M dû*
 Y X †1'31 M @/ hY k0~~ †1
º //Xv@  †1
Ž @ †1'31 M | YYºà ŽXv@  †1
 v@  †1
Y/´Ó Y”— †1'31 M
CY/~/
á/Ž / †1ò†1í†1ë†1î†1ô'31 Mò'31 Mí'31 Më'31 Mî
Meta Framework - (Optional) (Choose Any)
React
Next.js (Recommended) Course
Astro (Second Recommendation)
Remix
Astro
Astro (Recommended)
Svelte
SvelteKit (Recommended)
Angular
Analog (Recommended)
Vue
Next.js (Recommended)

Next.js - Course
App Router
Folder Based Routing ro ects
P j
Metadata/SEO App Router
Server vs Client Components - Article Todo List - Video
Data Fetching Pages Directory
Loading/Error Pages Twitter Clone - Video
Dynamic Routes
Data Cache/Request Memoization/Full Route Cache/Router Cache - Article
Dynamic vs Static Pages
Dynamic Functions
Server Actions - Video
useOptimistic/useFormState/useFormStatus
Parallel Routes/Intercepting Routes - Parallel Routes Video
Route Handlers
Pages Directory
Page Based Routing
CSR vs SSR vs SSG vs ISR - Video
getServerSideProps/getStaticProps/getStaticPaths/getInitialProps
API Routes
 
  

 

 

( $ 20/.-,+1
(3,/ + 98765 6513
`$ZX 98765
@ 
 $ 98765
8
 X  
98765
O
  E
e 
(`$
  98765

,  3
 
 

$`$Z  98765

^-\[ZY
$X Z3/ 3
 

`Z
 ` 
98765

(  
3e` (X@$XÎ
$/( 98765

kZ

O ` 98765
Z œ $
98765

n  98765 o50\

O$ yk  Z
/  98765
€Z
 xt/rp`
r
{o
‡ y `t$Z  98765

n$ X +

 Z  98765

$
 

  `$
X,  98765

O
 p@ Z $X

t X$
 98765

Z$ $
 OZ

p
œ `
$
 

­   
Z ½º6¼²·³¸°55·³¸´5¸¸8¹¶6» 98765³7ɼ·¿6798765³7ɼ·¿67³²Á8¿¶6

ÏpÎ ½º6¼²·³¶5·â¸876à¼É¼°¿²8ãÁ» 98765

óZ$ eê    ½úãÁ85·¼¶» 98765

 + Z 

€$  
 ²5¸¸°8Á6°¿²8ãÁ8·â98765²5¸¸°8Á6°¿²8ãÁ8·â³²Á8¿¶6


 #  
98765 6¸Á ²8É6· 6É6¶5ã )6·Á9876598Á6¸Á98765
    
 
 1//+.(()*'$++0#+0)*
EH)1+)/*?AH?H/1/++/?H)1+)/*?A*4/1+$*HH
H$+/?/1*$$/1H/*'+1*'H$?/18
EH)1+)/*?H+*?)'+$*:)/+/1H/*')H?)*/?H?*$$
/1H/$2'$*?/1+C+H$??/1H/+)/*?H?/1+)/*?+$*$0

H)C?MH?L'HL V a`_]][Z\^XW
jHH)$/ aZ{]~~Z^yZyvu\z[]pZos^l^qks]^nZ^yW
†/1*? aZ{]~~Z^yZyvu\z[]pZos^l^q\vW
†‡† aZ{]~~Z^yZyvu\z[]pZos^l^q‰]sysZ[[W
Ÿ
¤'+/ a´l±{­zn©]pZos^W
¤' aÊo[lZs©]pZos^Å­nº]nÀ[Zy\[Ë­{_W

H)C?Ð$H#*$C V a`_]][Z\^XW
âÞß ÜÛ á
ï*0:+/1Eä$++ aZ{]~~Z^yZyW
?* aºZwZsS]º]n\[P]­zosW
PHP
MH$H aZ{]~~Z^yZyW
*$$++ a\z[]Z{]~~Z^yZyW
*IL?/$
Pyáh
:H?L* aZ{]~~Z^yZyW
ÐH+C
C#
0ïET aZ{]~~Z^yZyW

usá
¤*)C/ aZ{]~~Z^yZyW

uby
¤H+ aZ{]~~Z^yZyW
   
   
    

&   %   !  65432 10/5.-3

A!! 8  65432

 EEC D 65432 10/5.-3 Projects (M zy ¯3 qu503 1 Dz/zbzs3)

TP A!! 65432 10/5.-3
Easy
[ !Y 65432 10/5.-3 8       65432

8  ‡å T¤‘ 65432


!Y 10/5.-3
ć% È !  65432

[  C! E! 65432

E  65432
¤ Y!  T¤‘ 65432

 ] E\ 65432 10/5.-3 ø  8 65432

8  ȣ  ! ! 65432

sC  T \ 100zy 65432
Medium
‡ ˆ  ! & & E 65432 10/5.-3
T£ z! W C 
 65432
!E AEP Ž‘ˆ• %
• Š
s W C åD ! TÈ 65432
Ä  ¤ £ ! ‡E 65432

¤£ 65432 10/5.-3 ¤
 TÈ 65432

 £ TÈ 65432

T \! TP  65432 10/5.-3

¤ \£ ! 65432 10/5.-3

 EEC D 10/5.-3 ¯3-z/34 65432 ¤ \¤ E ¤ \£ ! 65432

GYE ø E! 65432

¤£ 65432
¤ P ¤  AE È !Y 65432

T \! TP  65432 Hard

º D P! 8EY 65432
££! º E 10/5.-3
‡  E! 65432

EE & Ä! Ã! 65432 10/5.-3 ‡ E£ È  T

65432 1 65432 2

‡  ! 65432 10/5.-3

T \ º È 65432 14ÚzÔ.34 65432

å £
E  %  E 65432 14ÚzÔ.34 65432 10/5.-3

ø !Y
 s
  65432 10/5.-3

  AE \  £ %C \


 º E P  65432 10/5.-3


 ‡!Y 65432

å £
E !Y % !Y Y (EJS, HzÔ4-3bz0s, Pug, 3/..)



 
  


  ('%#$&&%"!%!
-+ (9/8$'%#$&&%"!%!  >"8FE//IA!%$<HF$;AE/IA!%$
 
NL
- R O ('%#$&&%"!%!  <HF$;AE/IA!%$VU%EFWU%%F
h 
('%#$&&%"!%!t$;VE#UA"i
{

R
+R‚ O ('%#$&&%"!%!>Ž$;—A"iAFU9W

¤+Ÿ ž Ÿ  { ©

¤{ R°
¤+Ÿ ´R¶  Rž
Ã+¤+Ÿ -+L)('&,
ÃR+ÎÇRÊR ÆR¤+Ÿ  IA!%$ 10,.
¤+Ÿ 
´R ¶ž
 IA!%$ ´‚ â    IA!%$
¤  
  IA!%$
שRž R
¤+Ÿ Rí8 žÃR ‚ R  IA!%$
ÇR R
δR 
ž R
KR‚R{â R  IA!%$
Q(ONML
  Râ+ÎÊ + ¶Î+Ÿ ¶
{©
 ‚ ⠞{ ‚Ÿ R R  IA!%$
Ã
{ R
ÎíR©‚
ÃRž   ¤Ê Rߟ  IA!%$
-©â
 Ÿ× ‚  IA!%$
¤©Ÿâ
V ŸŸ R{  IA!%$
ö R  ž
 IA!%$ a0+O

O© â´R¤+Ÿ
  žÊ
‚  ž מ  Ê-

R {â R  IA!%$

j ©¤© K ‚  {â R  IA!%$
¤+Ÿ ö©
¤Æ  {â R  IA!%$

°


ž ‚ R ÇR R  IA!%$
שRž R
 â 

¤+Ÿ   ž  IA!%$
 žâ R× â

Next.js - (Optional) - Course

j
App Router
Pro ects
Folder Based Routing

Metadata/SEO App Router

Server vs Client Components - Article Todo List - Video

Data Fetching Pages Directory

Loading/Error Pages T witter Clone - Video

Dynamic Routes

Data Cache/Request Memoization/Full Route Cache/Router Cache

Dynamic vs Static Pages

Dynamic Functions

Server Actions - Video

useOptimistic/useFormState/useFormStatus

Parallel Routes/Intercepting Routes - Parallel Routes Video

Route Handlers

Pages Directory

Page Based Routing

CSR vs SSR vs SSG vs ISR - Video

getServerSideProps/getStaticProps/getStaticPaths/getInitialProps

API Routes

Other Important Topics

Version Control ( Learn As Soon As Possible) - v v

Video Ad anced Video Ad anced Article

JSON (Learn Alongside JavaScript) - Video

Regular Expressions (Optional) - Video

Ho w To Deploy
Basic Security - What Is JWT Video

Authentication - Basic Auth Video Password Auth Video JWT Auth Video Email Only Auth Video

Testing - Video Test Driven Development Video Vitest Video