π¨βπ» Π‘ΠΎΠ±Π΅ΡΠ΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅ frontend junior ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° 2024 (CSS, HTML, JS, React, Typescript, Redux)
Π’ΡΠ΅Π½ΠΈΡΠΎΠ²ΠΎΡΠ½ΠΎΠ΅ ΠΈΠ½ΡΠ΅ΡΠ²ΡΡ junior frontend-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Ρ Π²ΠΎΠΏΡΠΎΡΠ°ΠΌΠΈ ΠΏΠΎ CSS, HTML, JavaScript, TypeScript, React ΠΈ Redux. ΠΠΊΠ»ΡΡΠ°Π΅Ρ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΡΡ TypeScript-Π·Π°Π΄Π°ΡΡ, ΡΠ°Π·Π±ΠΎΡ React-ΠΊΠΎΠ΄Π° ΠΈ ΠΈΡΠΎΠ³ΠΎΠ²ΡΠΉ ΡΠΈΠ΄Π±Π΅ΠΊ ΡΡΠ°ΡΡΠ½ΠΈΠΊΡ.
- ΠΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ Π½Π° YouTube:
- ΠΡΠΎΡΠΌΠΎΡΡΡ Π½Π° YouTube: 10,9Β ΡΡΡ.
- ΠΠ°ΠΉΠΊΠΈ Π½Π° YouTube: 332
Π’Π°ΠΉΠΌΠ»Π°ΠΉΠ½
ΠΠΎΡΠΎΡΠΊΠΎ ΠΎ Π²ΠΈΠ΄Π΅ΠΎ
ΠΡΠΎ ΡΡΠ΅Π½ΠΈΡΠΎΠ²ΠΎΡΠ½ΠΎΠ΅ ΡΠΎΠ±Π΅ΡΠ΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΠΈΠΊΠΈΡΡ Π½Π° ΠΏΠΎΠ·ΠΈΡΠΈΡ junior frontend-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°: ΠΎΠ½ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΎΠ± ΡΡΡΠ±Π΅, ΠΈΠ½ΡΠ΅Π½ΡΠΈΠ²Π°Ρ , ΡΡΠΈΠ»Π°Π½Ρ-Π·Π°ΠΊΠ°Π·Π΅ ΠΈ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅ Ρ React, Angular, Next.js ΠΈ Redux. ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΡΠ°ΡΡΡ ΠΏΠΎΡΡΡΠΎΠ΅Π½Π° ΠΊΠ°ΠΊ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΠΉ ΡΠ°Π·Π±ΠΎΡ Π²ΠΎΠΏΡΠΎΡΠΎΠ² ΠΏΠΎ Π²Π΅Π±Ρ, JavaScript, TypeScript, React ΠΈ Redux Ρ ΡΡΠΎΡΠ½Π΅Π½ΠΈΡΠΌΠΈ ΠΈΠ½ΡΠ΅ΡΠ²ΡΡΠ΅ΡΠ° ΠΈ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠΉ Π·Π°Π΄Π°ΡΠ΅ΠΉ Π½Π° TypeScript. Π ΡΠΈΠ½Π°Π»Π΅ ΠΎΠ±ΡΡΠΆΠ΄Π°ΡΡΡΡ code review, ΠΊΠΎΠΌΠ°Π½Π΄Π½Π°Ρ ΡΠ°Π±ΠΎΡΠ° ΠΈ ΡΠ°Π·Π²ΠΈΡΠΈΠ΅, ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ ΠΈΠ½ΡΠ΅ΡΠ²ΡΡΠ΅Ρ Π΄Π°ΡΡ ΡΡΠ°ΡΡΠ½ΠΈΠΊΡ ΠΏΠΎΠ»ΠΎΠΆΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΡΠΈΠ΄Π±Π΅ΠΊ, ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎ ΠΎΡΠΌΠ΅ΡΠ°Ρ Π½Π΅Ρ Π²Π°ΡΠΊΡ Π³Π»ΡΠ±ΠΈΠ½Ρ Π² Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ΅ΠΌΠ°Ρ .
ΠΠ°ΡΡΠΎΠ½ΡΡΡΠ΅ ΡΠ΅ΠΌΡ
Π§ΡΠΎ Π²Π·ΡΡΡ Π½Π° Π·Π°ΠΌΠ΅ΡΠΊΡ
- ΠΠ»Ρ ΡΠ°ΠΌΠΎΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΡΠ²ΡΠ·Π½ΠΎ ΠΎΠ±ΡΡΡΠ½ΠΈΡΡ ΡΠ²ΠΎΠΉ ΠΏΡΡΡ: ΡΠ½ΠΈΠ²Π΅ΡΡΠΈΡΠ΅ΡΡΠΊΠΈΠ΅ Π΄ΠΈΡΡΠΈΠΏΠ»ΠΈΠ½Ρ, ΠΈΠ½ΡΠ΅Π½ΡΠΈΠ²Ρ, Π»ΠΈΡΠ½ΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΡ, ΡΡΠ΅ΠΊ ΠΈ ΠΏΠ΅ΡΠ²ΡΠΉ Π·Π°ΠΊΠ°Π·, Π° Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΡΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ.
- ΠΡΠΆΠ½ΠΎ ΡΠΌΠ΅ΡΡ ΡΠ°Π·Π»ΠΈΡΠ°ΡΡ HTTP ΠΈ HTTPS, ΠΎΠ±ΡΡΡΠ½ΡΡΡ ΡΠΎΡΡΠ°Π² HTTP-Π·Π°ΠΏΡΠΎΡΠ°, ΠΊΠ»Π°ΡΡΡ ΡΡΠ°ΡΡΡ-ΠΊΠΎΠ΄ΠΎΠ², ΠΎΡΠ½ΠΎΠ²Ρ REST ΠΈ ΠΎΡΠ»ΠΈΡΠΈΠ΅ GraphQL ΠΊΠ°ΠΊ ΡΠΏΠΎΡΠΎΠ±Π° Π·Π°ΠΏΡΠ°ΡΠΈΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½ΡΠΆΠ½ΡΠ΅ ΠΏΠΎΠ»Ρ.
- Π Π²ΠΎΠΏΡΠΎΡΠ°ΠΌ ΠΏΠΎ JavaScript ΡΡΠΎΠΈΡ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΡΠ²Π½ΠΎΠ΅ ΠΈ Π½Π΅ΡΠ²Π½ΠΎΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΊ Boolean, Number ΠΈ String, ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΡΡ Π²ΡΡΡΡΠΊΡ ΠΈ Π΅Ρ ΡΠ²ΡΠ·Ρ Ρ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΡΡ, DOM, Π·Π°ΠΌΡΠΊΠ°Π½ΠΈΡ, ΠΏΡΠΈΠΌΠΈΡΠΈΠ²Ρ ΠΈ ΡΡΡΠ»ΠΎΡΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ.
- ΠΠ»Ρ event loop Π²Π°ΠΆΠ½ΠΎ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡ ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°, microtasks ΠΈ Π·Π°Π΄Π°Ρ ΡΠ°ΠΉΠΌΠ΅ΡΠΎΠ²; Π² Π²ΠΈΠ΄Π΅ΠΎ ΡΡΠΎΡ ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΠΏΡΠΎΠ²Π΅ΡΡΡΡ Π½Π° Π·Π°Π΄Π°ΡΠ΅ Ρ Promise ΠΈ setTimeout.
- ΠΠΎ TypeScript Π½ΡΠΆΠ½ΠΎ Π°ΡΠ³ΡΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΠΎΠ΅ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ any, ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ type guard ΠΊΠ°ΠΊ ΡΡΠΆΠ΅Π½ΠΈΠ΅ union-ΡΠΈΠΏΠ°, generics ΠΈ utility types, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠ½ΠΈΡΡ, ΡΡΠΎ ΡΠΈΠΏΡ ΡΡΠΈΡΠ°ΡΡΡΡ ΠΏΡΠΈ ΠΊΠΎΠΌΠΏΠΈΠ»ΡΡΠΈΠΈ Π² JavaScript.
- Π React ΠΏΡΠΎΠ²Π΅ΡΡΡΡ ΠΏΡΠΈΡΠΈΠ½Ρ rerender, ΠΈΠΌΠΌΡΡΠ°Π±Π΅Π»ΡΠ½ΡΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ state, batching, Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ useEffect, useLayoutEffect ΠΈ useRef, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠ°Π·Π»ΠΈΡΠΈΠ΅ SPA, SSR, SSG ΠΈ ISR.
- Π code review ΠΎΠΆΠΈΠ΄Π°ΡΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΠ΅ Π·Π°ΠΌΠ΅ΡΠ°Π½ΠΈΡ: Π½Π΅ Ρ ΡΠ°Π½ΠΈΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄Π½ΠΎΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΡΠ΅ΡΠ΅Π· useEffect, Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ index ΠΊΠ°ΠΊ key Π² ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΠΌΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅, ΠΈΠ·Π±Π΅Π³Π°ΡΡ any, Π½Π΅ ΠΎΡΡΠ°Π²Π»ΡΡΡ console.log ΠΈ Π΄Π°Π²Π°ΡΡ ΡΡΡΠ½ΠΎΡΡΡΠΌ ΠΏΠΎΠ½ΡΡΠ½ΡΠ΅ ΠΈΠΌΠ΅Π½Π°.