Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠΎΠ². ΠΠ΅Π½Π΄ΠΈΠ½Π³. ΠΠ»Π°ΡΡΠΎΡΠΌΠ°: Π±Π΅Π·, Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎ. Π€ΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» ΡΠ°ΠΉΡΠ°: ΡΡΠ΅Π±Π½ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ, ΠΎΠ΄Π½ΠΎΡΡΡΠ°Π½ΠΈΡΠ½ΡΠΉ ΡΠ°ΠΉΡ (Π²ΡΡΡΡΠΊΠ° ΡΠ΄Π΅Π»Π°Π½Π°), Π½ΡΠΆΠ΅Π½ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» Π½Π° ES6 ΠΊΠ»Π°ΡΡΠ°Ρ
ΠΈ Typescript (Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ/ΠΎΡΠ²Π΅Ρ Π½Π° Π½Π΅Π³ΠΎ, Π»Π°ΠΉΠΊΠΈ, ΠΈΠ·Π±ΡΠ°Π½Π½ΠΎΠ΅, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°). ΠΠΎΠ½ΡΠ΅Π½Ρ Π΅ΡΡΡ. ΠΡΡΡΡΠΊΠ° Π³ΠΎΡΠΎΠ²Π°, Π½ΡΠΆΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» Π½Π° Typescript Ρ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ ES6 ΠΊΠ»Π°ΡΡΠΎΠ². Π€Π£ΠΠΠ¦ΠΠΠΠΠΠ¬ΠΠ«Π Π’Π ΠΠΠΠΠΠΠΠ― Π ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ: Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ. Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΡΠΎΠ΅ΠΊΡ Π½Π΅ ΠΏΠΎΠ΄ΡΠ°Π·ΡΠΌΠ΅Π²Π°Π΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠ²Π΅ΡΠ½ΠΎΠΉ ΡΠ°ΡΡΠΈ, Π΄Π°Π½Π½ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ
ΡΠ°Π½ΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π° Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ mock-Π΄Π°Π½Π½ΡΠ΅ (ΠΈΡΠΊΡΡΡΡΠ²Π΅Π½Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅, ΠΈΠΌΠΈΡΠΈΡΡΡΡΠΈΠ΅ ΡΠ΅Π°Π»ΡΠ½ΡΠ΅). ΠΎΡΠ²Π΅ΡΠ°ΡΡ Π½Π° ΡΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ. Π·Π°Π΄Π°Π²Π°ΡΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΡΡ Π΄Π»ΠΈΠ½Ρ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡ (1000 ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ²). ΠΡΠΈ ΠΏΡΠ΅Π²ΡΡΠ΅Π½ΠΈΠΈ ΡΡΠΎΠ³ΠΎ Π»ΠΈΠΌΠΈΡΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π·Π°ΠΏΡΠ΅ΡΠ°Π΅ΡΡΡ ΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ (ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Π° ΡΡΠ°ΡΡ Π½Π΅Π°ΠΊΡΠΈΠ²Π½ΠΎΠΉ). ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ΅ΠΉΡΠΈΠ½Π³ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡ β ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°ΡΡ ΠΈΠ»ΠΈ ΡΠΌΠ΅Π½ΡΡΠ°ΡΡ Π΅Π³ΠΎ Π½Π° Π΅Π΄ΠΈΠ½ΠΈΡΡ. ΠΠ°ΠΆΠ΄ΡΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΌΠ΅Π½ΡΡΡ ΡΠ΅ΠΉΡΠΈΠ½Π³ ΡΡΡΠΎΠ³ΠΎ Π½Π° Π΅Π΄ΠΈΠ½ΠΈΡΡ (Π½Π΅ Π±ΠΎΠ»Π΅Π΅). ΠΠ°Π½Π½ΡΠ΅ ΠΎ ΡΠ΅ΠΉΡΠΈΠ½Π³Π΅ ΠΈ Π΅Π³ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅ Ρ
ΡΠ°Π½ΠΈΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΡΠΎΠΏΠΈΡΠ°ΡΡ ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π² localStorage, ΡΡΠΎΠ±Ρ ΠΈ ΠΏΠΎΡΠ»Π΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ Π±ΡΠ»ΠΎ Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠΆΠ΅ ΠΏΠΎΠΌΠ΅Π½ΡΠ» ΡΠ΅ΠΉΡΠΈΠ½Π³ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡ. Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ Π² ΠΈΠ·Π±ΡΠ°Π½Π½ΠΎΠ΅. ΠΠΎΡΠ»Π΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Π² ΠΈΠ·Π±ΡΠ°Π½Π½ΠΎΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡΡΡ ΠΈΠΊΠΎΠ½ΠΊΠ° ΠΈ ΡΠ΅ΠΊΡΡ (ΠΌΠ°ΠΊΠ΅Ρ). ΠΡΠΈ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎΠΌ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π²ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΎΡΠΌΠ΅Π½ΡΡΡΡΡ ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ ΠΏΠ΅ΡΠ΅ΡΡΠ°ΡΡ Π±ΡΡΡ ΠΈΠ·Π±ΡΠ°Π½Π½ΡΠΌ. ΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ ΠΏΠΎ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌ β ΠΈΠ·Π±ΡΠ°Π½Π½ΡΠ΅, ΠΏΠΎ Π΄Π°ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ, ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Ρ ΠΎΡΠ΅Π½ΠΎΠΊ, ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Ρ ΠΎΡΠ²Π΅ΡΠΎΠ². ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ ΠΏΠΎ Π΄Π°ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ. Π’Π ΠΠΠΠΠΠΠΠ― Π ΠΠΠΠ£ ΠΡΠΎΠ΅ΠΊΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ TypeScript. ΠΠ° ES6-ΠΊΠ»Π°ΡΡΠ°Ρ
ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΎ ΠΠΠ. Π‘ΠΎΠ±Π»ΡΠ΄Π΅Π½ΠΎ Π΅Π΄ΠΈΠ½ΠΎΠΎΠ±ΡΠ°Π·ΠΈΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΠΊΠΎΠ΄Π°: ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΡΠ΅ ΠΎΡΡΡΡΠΏΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΌΡΡΠ»ΠΎΠ²ΡΠΌΠΈ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ, Π΅Π΄ΠΈΠ½ΡΠΉ ΡΠΎΡΠΌΠ°Ρ ΠΎΡΡΡΡΠΏΠΎΠ² ΠΎΡ Π»Π΅Π²ΠΎΠ³ΠΎ ΠΊΡΠ°Ρ (Π΄Π²Π° ΠΈΠ»ΠΈ ΡΠ΅ΡΡΡΠ΅ ΠΏΡΠΎΠ±Π΅Π»Π° β Π½Π° Π²Π°Ρ Π²ΡΠ±ΠΎΡ) ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. ΠΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅, ΠΊΠ»Π°ΡΡΡ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΈΠΌΠ΅ΡΡ ΠΎΡΠΌΡΡΠ»Π΅Π½Π½ΡΠ΅ ΠΈΠΌΠ΅Π½Π°. ΠΡΠΎΠ΅ΠΊΡ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΡΠΈΠ½ΡΠΈΠΏΠ°ΠΌ DRY (Donβt Repeat Yourself) ΠΈ KISS (Keep It Short and Simple). ΠΡΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Ρ
ΡΠ°Π½ΡΡΡΡ Π² localStorage. ΠΠ»Ρ Π³Π΅Π½Π΅ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π°Π²Π°ΡΠ°ΡΠΎΠ² ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΡΡΠΎΡΠΎΠ½Π½ΠΈΠ΅ ΡΠ΅ΡΠ²ΠΈΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Picsum. Π§ΡΠΎΠ±Ρ ΠΌΠ΅Π½ΡΠΎΡ ΠΌΠΎΠ³ Π·Π°ΠΏΡΡΡΠΈΡΡ Π²Π°Ρ ΠΏΡΠΎΠ΅ΠΊΡ Π½Π° ΡΠ²ΠΎΡΠΌ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅, ΠΏΡΠΎΠ΅ΠΊΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ
ΡΠ°Π½ΠΈΡΡ Π²ΡΠ΅ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ Π² ΡΠ΅Π±Π΅ ΠΈ Π½Π΅ ΠΈΠΌΠ΅ΡΡ Π½ΠΈΠΊΠ°ΠΊΠΈΡ
Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΡ
Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠ΅ΠΉ, ΠΊΡΠΎΠΌΠ΅ NodeJS ΠΈ NPM. Π’Π ΠΠΠΠΠΠΠΠ― Π ΠΠΠ’ΠΠ Π€ΠΠΠ‘Π£ ΠΠΈΠ·Π°ΠΉΠ½ ΠΈΡΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΈΡΡ
ΠΎΠ΄Π½ΠΎΠΌΡ ΠΌΠ°ΠΊΠ΅ΡΡ.