JavaScript Π·Π°ΠΌΠ΅ΡΠΊΠΈ
Open in Telegram
Π Π΅Π³ΡΠ»ΡΡΠ½ΡΠ΅ Π·Π°ΠΌΠ΅ΡΠΊΠΈ ΠΏΠΎ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠΌΡ JavaScript. ΠΠ±ΡΡΠ°ΡΠΈΡ ΠΏΠΎΡΡΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡ ΠΏΡΠΎΠΊΠ°ΡΠ°ΡΡ Π½Π°Π²ΡΠΊΠΈ Π²ΠΎ Frontend-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅. ΠΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΈΡΠ°ΡΡ ΠΏΠΎΠΊΠ° ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡΡΠ΅ΡΡΡ ΠΏΡΠΎΠ΅ΠΊΡ :) Π‘ΠΎΡΡΡΠ΄Π½ΠΈΡΠ΅ΡΡΠ²ΠΎ: @noname_media ΠΠ°Π½Π°Π» Π½Π° Π±ΠΈΡΠΆΠ΅: telega.in/channels/notesjs/card?r=Wj7h1mbl
Show more7 387
Subscribers
No data24 hours
-157 days
-3830 days
Posts Archive
ΠΠΎΠ΄ΠΎΠ³Π΅Π½Π΅ΡΠ°ΡΠΈΡ ΠΈ ΠΏΠ°ΡΡΠΈΠ½Π³ TypeScript Ρ ΠΏΠΎΠΌΠΎΡΡΡ typescript
ΠΠ΄Π½ΠΎΠΉ ΠΈΠ· ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ
Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ ΠΏΠ°ΠΊΠ΅ΡΠ° typescript ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΎ, ΡΡΠΎ ΠΎΠ½ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ API Π΄Π»Ρ Π³Π΅Π½Π΅ΡΠ°ΡΠΈΠΈ TypeScript-ΠΊΠΎΠ΄Π°, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠ°ΡΡΠ΅Ρ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΠΌ Π½Π° TypeScript ΠΊΠΎΠ΄ΠΎΠΌ. ΠΠΎΠ΄ΠΎΠ³Π΅Π½Π΅ΡΠ°ΡΠΈΡ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΈΠΏΠΎΠ² Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ http api (ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ ΡΠ΅Π»Π° Π·Π°ΠΏΡΠΎΡΠ°, ΠΎΡΠ²Π΅ΡΠ°, query ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΠΈ ΡΠ΄.). Π npm Π΅ΡΡΡ ΠΌΠΎΠ΄ΡΠ»ΠΈ, Π³Π΅Π½Π΅ΡΠΈΡΡΡΡΠΈΠ΅ ΡΠ΅ΡΠ²ΠΈΡΡ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ api Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ openapi, graphQl ΡΡ
Π΅ΠΌ ΠΈ ΡΠΎΠΌΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅, ΠΈ ΠΎΠ±ΡΡΠ½ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΡ
ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ Ρ
Π²Π°ΡΠ°Π΅Ρ Π΄Π»Ρ ΡΠ΅ΡΠ΅Π½ΠΈΡ Π±ΠΎΠ»ΡΡΠ΅ΠΉ ΡΠ°ΡΡΠΈ Π·Π°Π΄Π°Ρ.
#ΡΡΠ°ΡΡΡ
β€οΈ ΠΡΠΎΠΆΠΈΠΌΠ°ΠΉ ΡΠ΅Π°ΠΊΡΠΈΠΈ, Π΅ΡΠ»ΠΈ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΠ°Ρ
π Π§ΠΈΡΠ°ΡΡ ΡΡΠ°ΡΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ JavaScript Event Listeners Π΄Π»Ρ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ
JavaScript Event Listeners ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΠΎΡΡΠ»Π΅ΠΆΠΈΠ²Π°ΡΡ ΠΈ ΡΠ΅Π°Π³ΠΈΡΠΎΠ²Π°ΡΡ Π½Π° ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΎΠ±ΡΡΠΈΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΊΠ»ΠΈΠΊ, Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅, ΠΎΡΠΏΡΠ°Π²ΠΊΠ° ΡΠΎΡΠΌΡ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅.
#ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅
Typescript ENUM β Π±Π°Π»Π°Π½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
ΠΠ΅Π½Ρ Π·ΠΎΠ²ΡΡ ΠΠΈΡ
Π°ΠΈΠ». Π ΠΠΠΠ Π½Π°Ρ
ΠΎΠΆΡΡΡ Π½Π° Π΄ΠΎΠ»ΠΆΠ½ΠΎΡΡΠΈ Frontend-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°. ΠΠ°Π½ΠΈΠΌΠ°ΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΡ
ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΡ
ΡΠΈΡΡΠ΅ΠΌ Π½Π° React + Typescript.
#ΡΡΠ°ΡΡΡ
β€οΈ ΠΡΠΎΠΆΠΈΠΌΠ°ΠΉ ΡΠ΅Π°ΠΊΡΠΈΠΈ, Π΅ΡΠ»ΠΈ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΠ°Ρ
π Π§ΠΈΡΠ°ΡΡ ΡΡΠ°ΡΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ JavaScript async/await Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π°ΡΠΈΠ½Ρ
ΡΠΎΠ½Π½ΡΠΌΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΡΠΌΠΈ
JavaScript async/await ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ Π°ΡΠΈΠ½Ρ
ΡΠΎΠ½Π½ΡΠΌΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΡΠΌΠΈ, Π΄Π΅Π»Π°Ρ ΠΊΠΎΠ΄ Π±ΠΎΠ»Π΅Π΅ ΡΠΈΡΠ°Π΅ΠΌΡΠΌ.
#ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅
DagazBot β Π₯ΡΠ°Π½ΠΈΡΠ΅Π»Ρ ΠΊΠ»ΡΡΠ΅ΠΉ ΠΈ ΠΌΡΡΠ΅Π»
ΠΡΡΠΎΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ° Dagaz ΠΏΡΠΎΡΠ»Π° Ρ Π²Π°Ρ ΠΏΠ΅ΡΠ΅Π΄ Π³Π»Π°Π·Π°ΠΌΠΈ. ΠΠΎΠ³Π΄Π° Ρ ΡΠΎΠ»ΡΠΊΠΎ Π½Π°ΡΠΈΠ½Π°Π» ΠΏΠΈΡΠ°ΡΡ ΠΏΡΠΎ Zillions, Π³Π»Π°Π²Π½ΡΠΌ Π²ΠΎΠ·ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π±ΡΠ»ΠΎ ΡΠΎ, ΡΡΠΎ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ° ΡΡΠ° ΠΏΠ»Π°ΡΠ½Π°Ρ ΠΈ Π·Π°ΠΏΡΡΠΊΠ°Π΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ΄ Windows. ΠΠΎΡΠ²ΠΈΠ»ΡΡ Dagaz β ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ Ρ ΠΎΡΠΊΡΡΡΠΎΠΉ Π»ΠΈΡΠ΅Π½Π·ΠΈΠ΅ΠΉ ΠΈ ΠΎΠ±ΡΠ΅Π΄ΠΎΡΡΡΠΏΠ½ΡΠΌ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, ΠΈΠ³ΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΡΡΠΊΠ°ΡΡ ΠΈΠ· Π±ΡΠ°ΡΠ·Π΅ΡΠ°, Π΄Π°ΠΆΠ΅ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΠΊΠ°Ρ
. ΠΠ»ΠΎΠΊΠΈΡΡΡΡΠΈΠΌ ΡΠ°ΠΊΡΠΎΡΠΎΠΌ ΡΡΠ°Π»ΠΎ ΠΎΡΡΡΡΡΡΠ²ΠΈΠ΅ Π°Π΄Π΅ΠΊΠ²Π°ΡΠ½ΡΡ
Π±ΠΎΡΠΎΠ². ΠΡΠΈΡΠ»ΠΎΡΡ ΠΎΡΠ²Π°ΠΈΠ²Π°ΡΡ GarboChess ΠΈ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ DagazServer, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΈΠ³ΡΠΎΠΊΠΈ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ ΠΈΠ³ΡΠ°ΡΡ ΠΏΠΎ ΡΠ΅ΡΠΈ Π΄ΡΡΠ³ Ρ Π΄ΡΡΠ³ΠΎΠΌ. ΠΡΠΎ ΡΡΠ°Π»ΠΎ Π±ΠΎΠ»ΡΡΠΈΠΌ ΡΠ°Π³ΠΎΠΌ Π²ΠΏΠ΅ΡΡΠ΄, Π½ΠΎ Π½Π° ΡΠ΅ΡΠ²Π΅ΡΠ΅ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π°Π²ΡΠΎΡΠΈΠ·Π°ΡΠΈΡ, Π° Π»ΠΎΠ³ΠΈΠ½Ρ ΠΈ ΠΏΠ°ΡΠΎΠ»ΠΈ β ΡΡΠΎ ΠΊΠ°ΠΊ ΡΠ°Π· ΡΠΎ, ΡΡΠΎ Π·Π°Π±ΡΠ²Π°Π΅ΡΡΡ Π»Π΅Π³ΡΠ΅ Π²ΡΠ΅Π³ΠΎ. Π‘ΡΠ°ΡΡΠ»ΠΈΠ² ΡΠΎΠΎΠ±ΡΠΈΡΡ, ΡΡΠΎ ΡΠ΅ΠΏΠ΅ΡΡ ΠΈΡ
Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡ Π½Π΅ Π½Π°Π΄ΠΎ.
#ΡΡΠ°ΡΡΡ
β€οΈ ΠΡΠΎΠΆΠΈΠΌΠ°ΠΉ ΡΠ΅Π°ΠΊΡΠΈΠΈ, Π΅ΡΠ»ΠΈ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΠ°Ρ
π Π§ΠΈΡΠ°ΡΡ ΡΡΠ°ΡΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ JavaScript Destructuring Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Ρ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌΠΈ ΠΈ ΠΌΠ°ΡΡΠΈΠ²Π°ΠΌΠΈ
JavaScript Destructuring ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠ΄ΠΎΠ±Π½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΈΠ·Π²Π»Π΅ΠΊΠ°ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΈΠ· ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² ΠΈ ΠΌΠ°ΡΡΠΈΠ²ΠΎΠ².
#ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅
Css Β«ΠΊΠ°ΡΡΠΎΡΠΊΠΈΒ» Π² Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΠΌΠΎΠΌ web Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ β ΠΌΠΎΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ
ΠΠ°ΡΡΠΎΡΠ½ΡΠΉ Π²ΠΈΠ΄ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²ΡΠ± ΡΡΡΠ°Π½ΠΈΡ - ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ
ΡΠΆΠ΅ Π΄ΠΎΠ»Π³ΠΎΠ΅ Π²ΡΠ΅ΠΌΡ.
ΠΠ΅Π΄Π°Π²Π½ΠΎ Π²ΡΡΠ°Π»Π° Π·Π°Π΄Π°ΡΠ° ΡΠ°ΠΊΠΎΠ²ΡΠ΅ web ΠΊΠ°ΡΡΠΎΡΠΊΠΈ ΡΠ²Π΅ΡΡΡΠ°ΡΡ Π½Π° CMS Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΠΌΡΡ
ΡΡΡΠ°Π½ΠΈΡΠΊΠ°Ρ
, Π³Π΄Π΅ - Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ - ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ°ΠΊΠΎΠ²ΡΡ
"ΠΊΠ°ΡΡ" Π½Π΅ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ.
#ΡΡΠ°ΡΡΡ
β€οΈ ΠΡΠΎΠΆΠΈΠΌΠ°ΠΉ ΡΠ΅Π°ΠΊΡΠΈΠΈ, Π΅ΡΠ»ΠΈ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΠ°Ρ
π Π§ΠΈΡΠ°ΡΡ ΡΡΠ°ΡΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ JavaScript Set Π΄Π»Ρ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΡ
ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΠΉ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ
JavaScript Set ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΡ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΡ
Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ΄Π°Π»ΡΠ΅Ρ Π΄ΡΠ±Π»ΠΈΠΊΠ°ΡΡ.
#ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅
Π£Π²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΠΌΠΈΡ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π°
Π€ΡΠΎΠ½ΡΠ΅Π½Π΄-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° β ΡΡΠΎ ΠΊΠ°ΠΊ ΡΠΎΠ±ΠΈΡΠ°ΡΡ Π»Π΅Π³ΠΎ Π±Π΅Π· ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΈ: ΠΈΠ½ΠΎΠ³Π΄Π° Π²Π΅ΡΠ΅Π»ΠΎ ΠΈ ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΈ, Π½ΠΎ ΠΏΠΎΡΠΎΠΉ ΡΡ Π·Π°Π±ΠΈΡΠ°Π΅ΡΡΡΡ Π½Π° ΠΊΡΠΎΠ²Π°ΡΡ ΠΈ ΠΊΡΠΈΡΠΈΡΡ: Β«@#%, Π΄Π° Π³Π΄Π΅ ΠΆΠ΅ ΡΡΠΎΡ ΠΏΡΠΎΠΏΠ°Π²ΡΠΈΠΉ Π±Π»ΠΎΠΊ?!Β»
#ΡΡΠ°ΡΡΡ
β€οΈ ΠΡΠΎΠΆΠΈΠΌΠ°ΠΉ ΡΠ΅Π°ΠΊΡΠΈΠΈ, Π΅ΡΠ»ΠΈ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΠ°Ρ
π Π§ΠΈΡΠ°ΡΡ ΡΡΠ°ΡΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Web Workers Π΄Π»Ρ ΠΌΠ½ΠΎΠ³ΠΎΠ·Π°Π΄Π°ΡΠ½ΠΎΡΡΠΈ Π² Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ
Web Workers ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎΠ·Π°Π΄Π°ΡΠ½ΠΎΡΡΡ Π² Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ
, ΡΠ°Π·Π΄Π΅Π»ΡΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π·Π°Π΄Π°Ρ ΠΌΠ΅ΠΆΠ΄Ρ ΠΎΡΠ½ΠΎΠ²Π½ΡΠΌ ΠΏΠΎΡΠΎΠΊΠΎΠΌ ΠΈ ΡΠΎΠ½ΠΎΠ²ΡΠΌΠΈ Π²ΠΎΡΠΊΠ΅ΡΠ°ΠΌΠΈ.
#ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅
Π Π°ΡΠΊΡΡΠ²Π°Π΅ΠΌ ΡΠΈΠ»Ρ JavaScript: ΡΠΎΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΏΠ°ΠΊΠ΅ΡΠ° NPM Π½Π° 99%
ΠΡΠ΅ΡΠ΅ ΠΏΡΡΠΈ ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ? ΠΠ·Π½Π°ΠΊΠΎΠΌΡΡΠ΅ΡΡ ΡΠΎ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΠΌΠ΅ΡΡΠΈΠΊ Π² Lighthouse ΠΈ FCP Π² ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ
Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΠ°ΠΊΠ΅ΡΠ° Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ.
#ΡΡΠ°ΡΡΡ
β€οΈ ΠΡΠΎΠΆΠΈΠΌΠ°ΠΉ ΡΠ΅Π°ΠΊΡΠΈΠΈ, Π΅ΡΠ»ΠΈ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΠ°Ρ
π Π§ΠΈΡΠ°ΡΡ ΡΡΠ°ΡΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ JavaScript WebRTC API Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ ΠΏΠΎΡΠΎΠΊΠΎΠ² Π΄Π°Π½Π½ΡΡ
Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ
WebRTC API ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π·Π°Ρ
Π²Π°ΡΠ° ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ ΠΏΠΎΡΠΎΠΊΠΎΠ² Π°ΡΠ΄ΠΈΠΎ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ.
#ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅
Π‘Π±ΠΎΡΠΊΠ° ΠΌΡΡΠΎΡΠ° Π² JavaScript
ΠΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· Π½Π°Ρ, Ρ
ΠΎΡΡ Π±Ρ ΡΠ°Π·, ΡΠ»ΡΡΠ°Π» ΠΎ ΡΠ±ΠΎΡΠΊΠ΅ ΠΌΡΡΠΎΡΠ°. ΠΡ Π·Π½Π°Π΅ΠΌ, ΡΡΠΎ Π³Π΄Π΅-ΡΠΎ ΡΠ°ΠΌ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠ±ΠΎΡΡΠΈΠΊ ΠΌΡΡΠΎΡΠ°, ΡΠ±ΠΈΡΠ°Ρ Π·Π° Π½Π°ΠΌΠΈ Π½Π΅Π½ΡΠΆΠ½ΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ. ΠΠΎ ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΈΠ· Π½Π°Ρ Π·Π½Π°ΡΡ, ΠΊΠ°ΠΊ ΠΎΠ½ ΡΡΡΡΠΎΠ΅Π½ ΠΏΠΎΠ΄ ΠΊΠ°ΠΏΠΎΡΠΎΠΌ?
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ Π·Π°Π³Π»ΡΠ½Π΅ΠΌ ΠΏΠΎΠ΄ ΠΊΠ°ΠΏΠΎΡ ΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠ°, ΠΏΠΎΠΉΠΌΠ΅ΠΌ, ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΏΠ°ΠΌΡΡΡ, ΠΈ ΠΈΠ·ΡΡΠΈΠΌ Π°Π»Π³ΠΎΡΠΈΡΠΌ ΡΠ±ΠΎΡΠΊΠΈ ΠΌΡΡΠΎΡΠ°.
ΠΠΎΠ΅Ρ
Π°Π»ΠΈ ΡΠ±ΠΈΡΠ°ΡΡΡΡ!
#ΡΡΠ°ΡΡΡ
β€οΈ ΠΡΠΎΠΆΠΈΠΌΠ°ΠΉ ΡΠ΅Π°ΠΊΡΠΈΠΈ, Π΅ΡΠ»ΠΈ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΠ°Ρ
π Π§ΠΈΡΠ°ΡΡ ΡΡΠ°ΡΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ JavaScript WeakMap Π΄Π»Ρ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ Π΄Π°Π½Π½ΡΡ
ΠΊ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌ Π±Π΅Π· ΡΡΠ΅ΡΠ΅ΠΊ ΠΏΠ°ΠΌΡΡΠΈ
WeakMap Ρ
ΡΠ°Π½ΠΈΡ ΠΊΠ»ΡΡΠΈ Π² Π²ΠΈΠ΄Π΅ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΡΠ΄Π°Π»Π΅Π½Ρ ΡΠ±ΠΎΡΡΠΈΠΊΠΎΠΌ ΠΌΡΡΠΎΡΠ°, ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ°Ρ ΡΡΠ΅ΡΠΊΠΈ ΠΏΠ°ΠΌΡΡΠΈ.
#ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅
ΠΠ°Π»ΠΈΠ΄Π°ΡΠΈΡ ΡΠΎΡΠΌΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ AJV, Vue.js ΠΈ TypeScript
ΠΠ°Π»ΠΈΠ΄Π°ΡΠΈΡ ΡΠΎΡΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ Π²Π°ΠΆΠ½ΠΎΠΉ ΡΠ°ΡΡΡΡ frontend-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΡΠ»ΡΡΡΠΈΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΎΠΏΡΡ ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠΈΡΡ ΠΎΡΠΈΠ±ΠΊΠΈ ΠΏΡΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠ΅ Π΄Π°Π½Π½ΡΡ
Π½Π° ΡΠ΅ΡΠ²Π΅Ρ. Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ AJV ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎ Ρ Vue.js ΠΈ TypeScript Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠΎΡΠ½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΠΈ ΡΠΎΡΠΌΡ.
#ΡΡΠ°ΡΡΡ
β€οΈ ΠΡΠΎΠΆΠΈΠΌΠ°ΠΉ ΡΠ΅Π°ΠΊΡΠΈΠΈ, Π΅ΡΠ»ΠΈ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΠ°Ρ
π Π§ΠΈΡΠ°ΡΡ ΡΡΠ°ΡΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ JavaScript Generators Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π»Π΅Π½ΠΈΠ²ΡΡ
ΠΈΡΠ΅ΡΠ°ΡΠΎΡΠΎΠ²
ΠΠ΅Π½Π΅ΡΠ°ΡΠΎΡΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ "Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡ" ΡΠ²ΠΎΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅, Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ
yield.
#ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅Π‘Π±ΠΎΡΠΊΠ° ΠΌΡΡΠΎΡΠ° Π² JavaScript
ΠΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· Π½Π°Ρ, Ρ
ΠΎΡΡ Π±Ρ ΡΠ°Π·, ΡΠ»ΡΡΠ°Π» ΠΎ ΡΠ±ΠΎΡΠΊΠ΅ ΠΌΡΡΠΎΡΠ°. ΠΡ Π·Π½Π°Π΅ΠΌ, ΡΡΠΎ Π³Π΄Π΅-ΡΠΎ ΡΠ°ΠΌ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠ±ΠΎΡΡΠΈΠΊ ΠΌΡΡΠΎΡΠ°, ΡΠ±ΠΈΡΠ°Ρ Π·Π° Π½Π°ΠΌΠΈ Π½Π΅Π½ΡΠΆΠ½ΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ. ΠΠΎ ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΈΠ· Π½Π°Ρ Π·Π½Π°ΡΡ, ΠΊΠ°ΠΊ ΠΎΠ½ ΡΡΡΡΠΎΠ΅Π½ ΠΏΠΎΠ΄ ΠΊΠ°ΠΏΠΎΡΠΎΠΌ?
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ Π·Π°Π³Π»ΡΠ½Π΅ΠΌ ΠΏΠΎΠ΄ ΠΊΠ°ΠΏΠΎΡ ΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠ°, ΠΏΠΎΠΉΠΌΠ΅ΠΌ, ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΏΠ°ΠΌΡΡΡ, ΠΈ ΠΈΠ·ΡΡΠΈΠΌ Π°Π»Π³ΠΎΡΠΈΡΠΌ ΡΠ±ΠΎΡΠΊΠΈ ΠΌΡΡΠΎΡΠ°.
ΠΠΎΠ΅Ρ
Π°Π»ΠΈ ΡΠ±ΠΈΡΠ°ΡΡΡΡ!
#ΡΡΠ°ΡΡΡ
β€οΈ ΠΡΠΎΠΆΠΈΠΌΠ°ΠΉ ΡΠ΅Π°ΠΊΡΠΈΠΈ, Π΅ΡΠ»ΠΈ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΠ°Ρ
π Π§ΠΈΡΠ°ΡΡ ΡΡΠ°ΡΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ JavaScript WeakMap Π΄Π»Ρ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ Π΄Π°Π½Π½ΡΡ
ΠΊ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌ Π±Π΅Π· ΡΡΠ΅ΡΠ΅ΠΊ ΠΏΠ°ΠΌΡΡΠΈ
WeakMap Ρ
ΡΠ°Π½ΠΈΡ ΠΊΠ»ΡΡΠΈ Π² Π²ΠΈΠ΄Π΅ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΡΠ΄Π°Π»Π΅Π½Ρ ΡΠ±ΠΎΡΡΠΈΠΊΠΎΠΌ ΠΌΡΡΠΎΡΠ°, ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ°Ρ ΡΡΠ΅ΡΠΊΠΈ ΠΏΠ°ΠΌΡΡΠΈ.
#ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅
ΠΠ°Π»ΠΈΠ΄Π°ΡΠΈΡ ΡΠΎΡΠΌΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ AJV, Vue.js ΠΈ TypeScript
ΠΠ°Π»ΠΈΠ΄Π°ΡΠΈΡ ΡΠΎΡΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ Π²Π°ΠΆΠ½ΠΎΠΉ ΡΠ°ΡΡΡΡ frontend-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΡΠ»ΡΡΡΠΈΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΎΠΏΡΡ ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠΈΡΡ ΠΎΡΠΈΠ±ΠΊΠΈ ΠΏΡΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠ΅ Π΄Π°Π½Π½ΡΡ
Π½Π° ΡΠ΅ΡΠ²Π΅Ρ. Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ AJV ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎ Ρ Vue.js ΠΈ TypeScript Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠΎΡΠ½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΠΈ ΡΠΎΡΠΌΡ.
#ΡΡΠ°ΡΡΡ
β€οΈ ΠΡΠΎΠΆΠΈΠΌΠ°ΠΉ ΡΠ΅Π°ΠΊΡΠΈΠΈ, Π΅ΡΠ»ΠΈ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΠ°Ρ
π Π§ΠΈΡΠ°ΡΡ ΡΡΠ°ΡΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ JavaScript Generators Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π»Π΅Π½ΠΈΠ²ΡΡ
ΠΈΡΠ΅ΡΠ°ΡΠΎΡΠΎΠ²
ΠΠ΅Π½Π΅ΡΠ°ΡΠΎΡΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ "Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡ" ΡΠ²ΠΎΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅, Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ
yield.
#ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅