π¨βπ» Π‘ΠΎΠ±Π΅ΡΠ΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅ frontend junior ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° 2024 (CSS, HTML, JS, React, Typescript, Redux)
Π’Π°ΠΉΠΌΠΊΠΎΠ΄Ρ βοΈ
00:00 ΠΡΡΡΠΏΠ»Π΅Π½ΠΈΠ΅
00:40 ΠΠ½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ
05:50 Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ http ?
07:20 https, ΡΡΠΎ Π·Π° s ?
08:00 Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ solid, ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ Π² Π²Π΅Π±Π΅ ?
10:00 Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ REST ?
13:15 ΠΠ°ΠΊΠΈΠ΅ Π΅ΡΡΡ Π΅ΡΠ΅ ΡΠΏΠΎΡΠΎΠ±Ρ client-server Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ ?
14:00 Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ html, css, js ?
15:00 ΠΠ°ΠΊΠΈΠ΅ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ ΡΠΈΠΏΠΎΠ² Π±ΡΠ²Π°ΡΡ ?
17:00 Π‘Π΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠ°Ρ Π²Π΅ΡΡΡΠΊΠ°
20:00 Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΊΠ°ΡΠΊΠ°Π΄ Π² css ?
20:15 Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ DOM ?
20:50 Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Π·Π°ΠΌΡΠΊΠ°Π½ΠΈΠ΅ ?
22:15 ΠΡΠΈΠΌΠΈΡΠΈΠ² vs ΠΎΠ±ΡΠ΅ΠΊΡ, Π² ΡΠ΅ΠΌ ΡΠ°Π·Π½ΠΈΡΠ° ?
25:00 ΠΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π°ΡΠΈΡ
ΡΠΎΠ½ΠΎΡΡΡ Π² js ?
28:00 event loop Π·Π°Π΄Π°ΡΠ°
31:20 typescript, Π° Π·Π°ΡΠ΅ΠΌ ?
36:00 ΠΠ°ΠΊ typescript ΠΏΠΎΠΏΠ°Π΄Π°Π΅Ρ Π² Π±ΡΠ°ΡΠ·Π΅Ρ ?
38:00 Π§ΡΠΎ Π·Π° ΡΠΈΠΏ any ?
39:30 Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ type guard ?
42:00 generic types
44:00 ΠΠ°Π΄Π°ΡΠ° ΠΏΠΎ typescript
58:00 Π§ΡΠΎ Π΄Π΅Π»Π°Π» Π½Π° react ?
59:30 Π ΡΠ΅ΠΌ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ ΡΠ°Π±ΠΎΡΠ° react ?
01:02:00 ΠΠΎΡΠ΅ΠΌΡ react ΡΠ°ΠΌΠ°Ρ ΠΏΠΎΠΏΡΠ»ΡΡΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ?
01:04:50 ΠΠΈΠ½ΡΡΡ react ?
01:06:50 Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ state Π² react ?
01:07:20 ΠΠ°ΠΊ react ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ, ΠΊΠΎΠ³Π΄Π° Π½ΡΠΆΠ΅Π½ rerender ?
01:09:00 mutable ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² react
01:10:00 Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ jsx ?
01:11:00 ΠΠΈΠ½ΡΡΡ jsx
01:13:50 Π₯ΡΠΊΠΈ react
01:16:00 batching Π² react
01:18:30 ΠΠΎΠ³Π΄Π° Π²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠ°Π· useEffect ?
01:22:00 useLayoutEffect, ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ?
01:23:20 ΠΠ°ΡΠ΅ΠΌ useRef ?
01:25:20 ΠΠ°ΡΠ΅ΠΌ Π½ΡΠΆΠ½Π° memomization ?
01:28:00 ΠΠ°ΠΊ ΠΌΡ Π±ΠΈΠ»Π΄ΠΈΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΊΠ°ΠΊΠΈΠ΅ Π²ΠΈΠ΄Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π΅ΡΡΡ ?
01:29:30 Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ SPA ?
01:32:00 ΠΠ°ΡΠ΅ΠΌ Π½Π°ΠΌ redux ?
01:34:00 ΠΠΈΠ½ΡΡΡ redux
01:35:30 ΠΠ°ΠΊΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΡΠ΅ΡΠ°Π΅Ρ redux ?
01:37:00 ΠΠΎΡΠ΅ΠΌΡ redux toolkit ΡΠ°ΠΊ Ρ
ΠΎΡΠΎΡΠΎ ?
01:38:20 ΠΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ middleware Π² redux ?
01:41:55 ΠΠ°ΠΊ Π²Ρ ΠΎΠ±ΡΡΠ½ΠΎ ΠΎΡΠ³Π°Π½ΠΈΠ·ΡΠ΅ΡΠ΅ ΡΠ²ΠΎΠΉ ΠΊΠΎΠ΄? ΠΡΡΡ Π»ΠΈ Ρ Π²Π°Ρ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ ΠΈΠ»ΠΈ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ»ΠΎΠ³ΠΈΠΈ ?
01:42:45 ΠΠ°ΠΊ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΠΌ ΠΊΠΎΠ½Π²Π΅Π½ΡΠΈΠΈ ?
01:43:20 ΠΠ°ΡΠ΅ΠΌ Π½ΡΠΆΠ΅Π½ ΠΊΠΎΠ΄ ΡΠ΅Π²ΡΡ ?
01:44:00 code review
01:55:00 ΠΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΡΡ Π²ΡΠ±ΠΈΡΠ°Π΅ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π΄Π»Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π·Π°Π΄Π°Ρ ?
01:57:40 ΠΠ°ΠΊ Π²Ρ ΠΎΡΠ΅Π½ΠΈΠ²Π°Π΅ΡΠ΅ ΡΠ²ΠΎΡ ΠΊΠΎΠΌΠΌΡΠ½ΠΈΠΊΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡΡ Π² ΡΠ°Π±ΠΎΡΠ΅ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ?
01:59:50 ΠΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΡΡ ΡΠ·Π½Π°Π΅ΡΡ ΠΎ ΡΠ΅ΠΌ ΡΠΎ Π½ΠΎΠ²ΠΎΠΌ Π² ΠΌΠΈΡΠ΅ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π° ?
02:01:50 ΠΠ°ΠΊ ΡΡ Π΄ΡΠΌΠ°Π΅ΡΡ, ΡΠ΅ΠΌ Π΄ΠΆΡΠ½ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ ΠΌΠΈΠ΄Π»Π° ΠΈ ΡΠ΅Π½ΡΠ΅ΡΠ°
02:03:40 ΠΠΎΠΏΡΠΎΡ ΠΎΡ ΠΏΠΎΠ΄ΠΏΠΈΡΡΠΈΠΊΠ°
02:40:00 ΠΠ»ΠΈΡ
02:05:20 Π§ΡΠΎ Π½ΡΠΆΠ½ΠΎ, ΡΡΠΎΠ±Ρ ΡΡΠ°ΡΡ ΠΊΡΡΡΡΠΌ ΡΠ°Π·ΡΠ°Π±ΠΎΠΌ ?
02:05:50 Π€ΠΈΠ΄Π±Π΅ΠΊ