Π£ Π½Π°Ρ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ Angular async pipe ΡΠ²ΠΎΠΈΠΌΠΈ ΡΡΠΊΠ°ΠΌΠΈ (DIY). ΠΠ»ΡΠ±ΠΎΠΊΠΈΠΉ ΡΠ°Π·Π±ΠΎΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ async pipe ΠΈΠ»ΠΈ ΡΠΊΠ°ΡΠ°ΡΡ Π² ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΌ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±ΡΠ»ΠΎ Π·Π°Π³ΡΡΠΆΠ΅Π½ΠΎ Π½Π° ΡΡΡΠ±. ΠΠ»Ρ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΡ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π²Π°ΡΠΈΠ°Π½Ρ ΠΈΠ· ΡΠΎΡΠΌΡ Π½ΠΈΠΆΠ΅:
ΠΡΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΡ Π½Π΅
Π·Π°Π³ΡΡΠ·ΠΈΠ»ΠΈΡΡ
ΠΠΠΠΠΠ’Π ΠΠΠΠ‘Π¬ ΠΈΠ»ΠΈ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΠ»ΠΈ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΡΠΎ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ° Π½Π°ΠΏΠΈΡΠΈΡΠ΅ Π² ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΏΠΎ Π°Π΄ΡΠ΅ΡΡ Π²Π½ΠΈΠ·Ρ
ΡΡΡΠ°Π½ΠΈΡΡ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠ²ΠΈΡΠ° savevideohd.ru
DIY - Do it yourself. ΠΡΠ»ΠΈΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΡΠΎ Π»ΠΈΠ±ΠΎ ΠΈΠ·ΡΡΠΈΡΡ - ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΠ²ΠΎΠΈΠΌΠΈ ΡΡΠΊΠ°ΠΌΠΈ. Π ΡΡΠΎΠΌ ΡΡΠΎΠΊΠ΅ ΠΌΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π΅ΠΌ ΡΠ²ΠΎΡ async pipe ΠΈ ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌ ΠΏΠΎ ΡΠ°Π³Π°ΠΌ ΡΡΠΎ ΠΈ Π΄Π»Ρ ΡΠ΅Π³ΠΎ ΡΠ°ΠΌ Π΅ΡΡΡ. Async pipe Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ΄ΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ Π½Π° Observable, Π½ΠΎ ΡΠ°ΠΊΠΆΠ΅: ΠΎΡΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ ΠΏΡΠΈ ΡΠ΄Π°Π»Π΅Π½ΠΈΠΈ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ null Π²ΠΌΠ΅ΡΡΠΎ Observable ΠΈ Π½Π΅ ΡΠ»ΠΎΠΌΠ°ΡΡΡΡ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ Π΄ΡΡΠ³ΠΎΠΉ Observable, ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ ΠΎΡΠΏΠΈΡΠΊΠ° ΠΎΡ ΠΏΡΠΎΡΠ»ΠΎΠ³ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ChangeDetectionStrategy.OnPush ΠΡΠ΅ ΡΡΠΈ ΠΏΡΠ½ΠΊΡΡ ΠΌΡ ΡΠ΅Π°Π»ΠΈΠ·ΡΠ΅ΠΌ Π² ΡΡΠΎΠΌ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΡΡΠ°Π½Π΅ΠΌ ΡΠΌΠ½Π΅Π΅ ΠΈ Π³ΡΠ°ΠΌΠΎΡΠ½Π΅Π΅ ============================== ΠΠΎΠ΄ Π³ΠΎΡΠΎΠ²ΠΎΠ³ΠΎ ΡΡΠΎΠΊΠ°: https://github.com/MaksymGrom/angular... ============================== ΠΠ½ΡΡΡΡΠΊΡΠΈΡ ΠΏΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ΅ angular ΠΏΡΠΎΠ΅ΠΊΡΠ°: ΠΠ°ΡΠΈΠ°Π½Ρ 1: ΠΡΠΎΠΉΠ΄ΠΈΡΠ΅ ΠΏΠ»Π΅ΠΉΠ»ΠΈΡΡ: Β Β Β β’Β ΠΠ°ΠΊΒ ΡΠ°Π±ΠΎΡΠ°Π΅ΡΒ WEB.Β ΠΠ΅ΡΡΠΎΒ ΠΈΒ Π·Π°Π΄Π°ΡΠΈΒ Angu...Β Β ΠΠ°ΡΠΈΠ°Π½Ρ 2: https://github.com/MaksymGrom/angular... ΠΠ°Π³ΡΡΠ·ΠΈΡΠ΅ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ (npm install) ΠΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΡΡΠΊΠ°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ (ng serve) ============================== ΠΡΠ±ΠΎΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° ΠΊΠΎΠ΄ ΡΡΠΎ Π΄Π΅Π»ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ, Π½ΠΎ Π² ΡΡΠΎΠΌ ΠΏΠ»Π΅ΠΉΠ»ΠΈΡΡΠ΅ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ webstorm. ΠΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΠΎΠΏΡΠ»ΡΡΠ½Π΅ΠΉΡΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² Π½ΠΈΠΆΠ΅: VS Code: Β Β Β β’Β VSΒ CodeΒ extensionsΒ Π΄Π»ΡΒ ΡΠ°Π±ΠΎΡΡΒ ΡΒ angul...Β Β WebStorm: Β Β Β β’Β WebStormΒ ΡΠ°Π±ΠΎΡΠ°Β ΡΒ angularΒ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠΌΒ ΠΈΒ ...Β Β ΠΡΡ ΠΈΡΠ΅ΠΊΡΡΡΠ½ΡΠ΅ Π΅Π»Π΅ΠΌΠ΅Π½ΡΡ Angular Β Β Β β’Β AngularΒ Π°ΡΡ ΠΈΡΠ΅ΠΊΡΡΡΠ½ΡΠ΅Β Π΅Π»Π΅ΠΌΠ΅Π½ΡΡ.Β Π§ΡΠΎΒ Π΅...Β Β ΠΡΠ½ΠΎΠ²Ρ RxJS Β Β Β β’Β RxJsΒ Π’Π΅ΠΎΡΠΈΡ:Β Observable,Β Observer,Β Su...Β Β ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΎΠ± OnPush Β Β Β β’Β ngOnChangesΒ vsΒ ngDoCheck.Β ChangeDetec...Β Β ΠΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠ°ΡΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ ΠΎΠ± ΠΈΠΌΠΌΡΡΠ°Π±Π΅Π»ΡΠ½ΠΎΡΡΠΈ Β Β Β β’Β Immutable.Β ΠΠ΅ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΠΌΠΎΡΡΡΒ Π΄Π°Π½Π½ΡΡ Β Java...Β Β ΠΠ΅ Π·Π°Π±ΡΠ²Π°Π΅ΠΌ ΡΡΠΎ SQL Π²Π°ΠΆΠ΅Π½ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΡΠ΅ΠΌ ΠΏΠ»Π°Π½ΠΈΡΡΠ΅ΡΡ Π·Π°Π½ΠΈΠΌΠ°ΡΡΡΡ ΠΏΡΠΈ Π²Π΅Π± ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅, Π΄Π°ΠΆΠ΅ Π΅ΡΠ»ΠΈ ΠΏΠ»Π°Π½ΠΈΡΡΠ΅ΡΡ Π±ΡΡΡ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠΎΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ². ΠΡΡΡ ΠΏΠΎ SQL ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅: Β Β Β β’Β Π§ΡΠΎΒ ΡΠ°ΠΊΠΎΠ΅Β SQL?Β ΠΠ°ΠΊΒ ΡΠ°Π±ΠΎΡΠ°ΡΡΒ ΡΒ WebSQL?...Β Β Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ ΡΡΠΎ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΡΠ΅ ΡΠΌΠΎΡΡΠ΅ΡΡ ΠΌΠ΅Π½Ρ ΠΈ ΡΠ°Π΄ΠΎΠ²Π°ΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΠΌΠΈ. ---- Π‘ΠΎΡ ΡΠ΅ΡΠΈ Π’Π΅Π»Π΅Π³ΡΠ°ΠΌ, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ·Π½Π°ΡΡ ΠΎ Π½ΠΎΠ²ΡΡ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΠΏΠΎΠ»ΡΡΠ°ΡΡ Π΄ΠΎΠΏ ΠΊΠΎΠ½ΡΠ΅Π½Ρ https://t.me/webDevGromMaxChannel P.S. Π youtube Ρ ΠΎΡΠ²Π΅ΡΠ°Ρ Π±ΡΡΡΡΠ΅Π΅ ΡΠ΅ΠΌ Π² telegram, Π±ΡΠ΄Ρ ΡΠ°Π΄ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΠΌ Π² youtube ---- Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°ΡΡ ΠΊΠ°Π½Π°Π» 1) ΠΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ Π»Π°ΠΉΠΊ (ΠΈΠ»ΠΈ Π΄ΠΈΠ·Π»Π°ΠΉΠΊ, Π΅ΡΠ»ΠΈ Π½Π΅ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ»ΠΎΡΡ Π²ΠΈΠ΄Π΅ΠΎ) 2) ΠΡΡΠ°Π²ΠΈΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ Π±ΠΎΠ»Π΅Π΅ 5 ΡΠ»ΠΎΠ² 3) ΠΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π²ΠΈΠ΄Π΅ΠΎ Π΄ΠΎ ΠΊΠΎΠ½ΡΠ° (ΡΠ°ΠΊ ΡΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ Π±ΡΠ΄Π΅Ρ Π²ΡΡΠ΅ ΠΈ ΠΌΠ½Π΅ ΡΡΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π² ΠΏΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ) 4) ΠΡΡΠ°Π²ΠΈΡΡ ΠΎΡΠ·ΡΠ² Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ , ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ»ΡΡΡΠΈΡΡ Π² Π²ΠΈΠ΄Π΅ΠΎ, ΡΡΠΎΠ±Ρ Π½Π΅ Ρ ΠΎΡΠ΅Π»ΠΎΡΡ Π΅Π³ΠΎ Π·Π°ΠΊΡΡΠ²Π°ΡΡ 5) ΠΠΎΠΆΠ½ΠΎ ΡΡΠ°ΡΡ ΡΡΠ°ΡΡΠ½ΠΈΠΊΠΎΠΌ ΠΌΠΎΠ΅Π³ΠΎ ΠΊΠ°Π½Π°Π»Π° Π½Π° ΠΏΠ»Π°ΡΠ½ΠΎΠΉ ΠΎΡΠ½ΠΎΠ²Π΅ Β Β Β /Β @grommaksΒ Β #pipe #angular #grommax ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°ΡΡ ΠΊΠ°Π½Π°Π» ΠΌΠΎΠΆΠ½ΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ 1) ΠΠ΅ΡΠ΅Π²ΠΎΠ΄ Π½Π° ΠΊΠ°ΡΡΡ https://send.monobank.ua/7oqmsFg3Y 2) ΠΡΠΎΠΉΡΠΈ ΠΎΠΏΡΠΎΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ Π²ΡΠ±ΡΠ°ΡΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ https://forms.gle/ZbFCKJSpDNYp4AMC6 ΠΠ³Π»Π°Π²Π»Π΅Π½ΠΈΠ΅ 00:00 - ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ 00:25 - Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠ°ΠΉΠΏΡ appAsync 02:17 - OnDestroy ΠΈ ΠΎΡΠΏΠΈΡΠΊΠ° 03:04 - ΠΡΠΎΠ²Π΅ΡΠΊΠ° ΡΠ°Π±ΠΎΡΡ ΠΏΠ°ΠΉΠΏΡ 04:39 - ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ChangeDetectionStrategy.OnPush 06:00 - ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΠΌΠ΅Π½Ρ Observable Π½Π° Π»Π΅ΡΡ 08:56 - ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° null value 10:13 - ΠΡΠ°ΡΠΊΠΈΠΉ Π³Π°ΠΉΠ΄