ΠΠ±ΡΡΠ΅Π½ΠΈΠ΅ Π½Π° Π€ΡΠΎΠ½ΡΠ΅Π½Π΄βΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Ρ Π½ΡΠ»Ρ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π² ΡΠ΅Π±Ρ 5 ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ Ρ Π»Π΅ΠΊΡΠΈΡΠΌΠΈ, ΠΏΡΠ°ΠΊΡΠΈΠΊΠΎΠΉ ΠΈ ΠΈΡΠΎΠ³ΠΎΠ²ΡΠΌΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ°ΠΌΠΈ (ΠΎΡ Π½ΠΎΠ²ΠΈΡΠΊΠ° Π΄ΠΎ ΡΡΠΎΠ²Π½Ρ MiddleβΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°), Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΈΠ½Π°Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ.
HTML ΠΈ CSS
- ΠΠ’-ΠΈΠ½Π΄ΡΡΡΡΠΈΡ, ΠΎΡΠ½ΠΎΠ²Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΠΎΠΊΡΡΠΆΠ΅Π½ΠΈΡ.
- ΠΡΠ½ΠΎΠ²Ρ HTML: ΡΡΡΡΠΊΡΡΡΠ°, ΡΠ΅Π³ΠΈ, ΡΠ΅ΠΊΡΡ, ΡΠΏΠΈΡΠΊΠΈ ΠΈ ΡΠ°Π±Π»ΠΈΡΡ.
- ΠΡΠ»ΡΡΠΈΠΌΠ΅Π΄ΠΈΠ° Π² HTML: ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π°ΡΠ΄ΠΈΠΎ, Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΠΈΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ.
- HTML-ΡΠΎΡΠΌΡ: ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅, ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΡ ΠΈ ΡΠΈΠΏΡ Π²Π²ΠΎΠ΄Π°.
- Π‘Π΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ΅Π³ΠΈ HTML5, ΠΌΠΈΠΊΡΠΎΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° ΠΈ SEO-ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ.
- ΠΡΠ½ΠΎΠ²Ρ CSS: ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅, ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ, Π±Π°Π·ΠΎΠ²ΡΠ΅ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ, ΡΠ²Π΅ΡΠ°, ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅.
- ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠ΅ CSS-ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ: ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅, Π°ΡΡΠΈΠ±ΡΡΠ½ΡΠ΅, ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡΡ ΠΈ ΠΏΡΠ΅Π²Π΄ΠΎΡΠ»Π΅ΠΌΠ΅Π½ΡΡ.
- ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΈ ΡΡΠΈΡΡΡ Π² CSS: ΡΠ²ΠΎΠΉΡΡΠ²Π°, ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅, Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅.
- ΠΠ»ΠΎΡΠ½Π°Ρ ΠΌΠΎΠ΄Π΅Π»Ρ CSS: ΠΎΡΡΡΡΠΏΡ, ΡΠ°Π·ΠΌΠ΅ΡΡ. Flexbox Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ².
- Π€ΠΎΠ½ ΠΈ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π² CSS: ΡΠ²Π΅ΡΠ°, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΡ, ΡΠ΅Π½ΠΈ, ΡΠ°ΠΌΠΊΠΈ.
- ΠΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π² CSS: ΡΠΈΠΏΡ (relative, absolute, fixed, sticky), ΠΏΠ»Π°Π²Π°ΡΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅.
- CSS Π’ΡΠ°Π½ΡΡΠΎΡΠΌΠ°ΡΠΈΠΈ: 2D/3D. ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ: ΠΎΡΠ½ΠΎΠ²Ρ, ΡΠ²ΠΎΠΉΡΡΠ²Π°, ΡΠΈΠΊΠ»Ρ.
- ΠΡΠ·ΡΠ²ΡΠΈΠ²Π°Ρ Π²Π΅ΡΡΡΠΊΠ°: ΠΌΠ΅Π΄ΠΈΠ°-Π·Π°ΠΏΡΠΎΡΡ, Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ, Π³ΡΠ°ΡΠΈΠΊΠ° ΠΈ ΡΡΠΈΡΡΡ, mobile-first.
- CSS Grid Layout: ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ², ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΡΡΠΎΠΊ ΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ², ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΈ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
- CSS-ΡΡΠ½ΠΊΡΠΈΠΈ: calc(), min(), max(), clamp(), ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ.
- Π Π°Π±ΠΎΡΠ° Ρ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π²Π΅ΡΡΠΈΠΉ Git ΠΈ GitHub. ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΠΎΡΠ²ΠΎΠ΅Π½ΠΈΠ΅ GUI Π² PyCharm: ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅ΡΠΎΠΊ (Branch), ΡΠΈΠΊΡΠ°ΡΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ (Commit) ΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠ° Π½Π° ΡΠ΅ΡΠ²Π΅Ρ (Push). ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΡΠ°ΠΉΠ»Π° .gitignore.
ΠΡΠΎΠ³ΠΎΠ²ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠΉ Π³Π»Π°Π²Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° ΠΏΠΎ Π±ΡΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π±ΠΈΠ»Π΅ΡΠΎΠ². Π¦Π΅Π»Ρ Π±Π»ΠΎΠΊΠ° HTML/CSS β Π·Π°Π»ΠΎΠΆΠΈΡΡ ΠΏΡΠΎΡΠ½ΡΠΉ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΡΡΠ½Π΄Π°ΠΌΠ΅Π½Ρ ΠΏΡΠΎΠ΅ΠΊΡΠ°.
ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² JavaScript
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² JavaScript: ΡΠΎΠ»Ρ Π² Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΈ Π²ΡΠ²ΠΎΠ΄ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ (console.log).
- ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠΈΠΏΡ Π΄Π°Π½Π½ΡΡ : var, let, const, ΡΠΈΡΠ»Π°, ΡΡΡΠΎΠΊΠΈ, Π±ΡΠ»Π΅Π²Ρ, ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ (null, undefined, NaN) ΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΈΠΏΠΎΠ².
- ΠΠΏΠ΅ΡΠ°ΡΠΎΡΡ ΠΈ ΡΡΠ»ΠΎΠ²Π½ΡΠ΅ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠΈ: ΠΌΠ°ΡΠ΅ΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅, ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ, Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠ΅, if-else ΠΈ ΡΠ΅ΡΠ½Π°ΡΠ½ΡΠΉ ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡ.
- ΠΠ°ΡΡΠΈΠ²Ρ ΠΈ ΡΠΈΠΊΠ»Ρ: ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅, ΠΌΠ΅ΡΠΎΠ΄Ρ, ΠΈΡΠ΅ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ (for, while), ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΈΠΊΠ»Π°ΠΌΠΈ (break, continue).
- Π€ΡΠ½ΠΊΡΠΈΠΈ: ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΈΠ΅, ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ, return, ΡΡΡΠ΅Π»ΠΎΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡ this.
- ΠΠ±ΡΠ΅ΠΊΡΡ: ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅, ΡΠ²ΠΎΠΉΡΡΠ²Π°, ΠΌΠ΅ΡΠΎΠ΄Ρ, ΡΠ°Π±ΠΎΡΠ° Ρ Π΄Π°Π½Π½ΡΠΌΠΈ.
- ΠΡΠ½ΠΎΠ²Ρ DOM: ΡΡΡΡΠΊΡΡΡΠ°, ΠΎΠ±ΡΠ΅ΠΊΡ document, ΠΏΠΎΠΈΡΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² (querySelector, querySelectorAll).
- Π Π°Π±ΠΎΡΠ° Ρ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²: HTMLCollection, NodeList, ΠΈΡ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΠΈ ΠΏΠ΅ΡΠ΅Π±ΠΎΡ.
- ΠΠ°Π½ΠΈΠΏΡΠ»ΡΡΠΈΠΈ Ρ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ: getAttribute, setAttribute, ΠΏΡΡΠΌΠΎΠΉ Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
- ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΡΠΈΠ»Π΅ΠΉ: element.style, ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ CSS-ΠΊΠ»Π°ΡΡΠ°ΠΌΠΈ ΡΠ΅ΡΠ΅Π· classList.
- ΠΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ: textContent, innerHTML ΠΈ Π²ΠΎΠΏΡΠΎΡΡ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΠΈ.
- Π‘ΠΎΠ±ΡΡΠΈΡ Π² JavaScript: ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠΈΠΏΡ, Π½Π°Π²Π΅ΡΠΈΠ²Π°Π½ΠΈΠ΅ (addEventListener) ΠΈ ΡΠ½ΡΡΠΈΠ΅ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² (removeEventListener), ΠΎΠ±ΡΠ΅ΠΊΡ event (target, preventDefault).
- Π’Π°ΠΉΠΌΠ΅ΡΡ: setTimeout ΠΈ setInterval Π΄Π»Ρ Π·Π°Π΄Π΅ΡΠΆΠ΅ΠΊ ΠΈ ΠΏΠΎΠ²ΡΠΎΡΠ΅Π½ΠΈΠΉ.
- ΠΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅/ΡΠ΄Π°Π»Π΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈ Fetch API.
ΠΡΠΎΠ³ΠΎΠ²ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ
- Π‘ ΠΏΠΎΠΌΠΎΡΡΡ JavaScript β ΠΎΠΆΠΈΠ²ΠΈΡΡ ΡΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΌ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌ. JavaScript Π±ΡΠ΄Π΅Ρ Π²ΡΡΡΡΠΏΠ°ΡΡ ΠΌΠΎΠ·Π³ΠΎΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ°, ΠΎΡΠ²Π΅ΡΠ°Ρ Π·Π° Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΠΎΡΠΊΡΡΡΠΈΠ΅/Π·Π°ΠΊΡΡΡΠΈΠ΅ ΠΌΠ΅Π½Ρ, Π°Π²ΡΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»Π΅ΠΉ Π²Π²ΠΎΠ΄Π°, ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡΠΌ ΠΈ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ.
Π Π°Π±ΠΎΡΠ° Ρ ΡΠ΅ΡΡΡ
- ΠΡΠ½ΠΎΠ²Ρ ΡΡΡΡΠΎΠΉΡΡΠ²Π° ΡΠ΅ΡΠΈ: ΠΌΠΎΠ΄Π΅Π»Ρ OSI, ΠΏΡΠΈΠ½ΡΠΈΠΏΡ ΡΠ°Π±ΠΎΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠ΅ΠΉ, DNS, NAT ΠΈ VPN.
- ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΎΡΠΎΠΊΠΎΠ»Π° HTTP: ΠΊΠ»ΠΈΠ΅Π½Ρ-ΡΠ΅ΡΠ²Π΅ΡΠ½Π°Ρ Π°ΡΡ ΠΈΡΠ΅ΠΊΡΡΡΠ°, ΡΡΡΡΠΊΡΡΡΠ° URL, HTTP-ΠΌΠ΅ΡΠΎΠ΄Ρ, ΠΊΠΎΠ΄Ρ ΠΎΡΠ²Π΅ΡΠΎΠ², Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² REST.
ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠΉ JavaScript
- Π Π°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΈ ΠΎΠ±ΡΠ΅ΠΊΡΡ: ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΈΠΏΠΎΠ², ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠΈΠΏΡ (null, undefined), ΡΡΠ½ΠΊΡΠΈΠΈ (ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ, ΠΎΠ±Π»Π°ΡΡΠΈ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ), ΠΎΠ±ΡΠ΅ΠΊΡΡ (ΠΌΠ΅ΡΠΎΠ΄Ρ, Π΄Π΅ΡΡΡΡΠΊΡΡΡΠΈΠ·Π°ΡΠΈΡ, rest/spread ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡΡ), ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠΉ.
- ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠ°Ρ ΡΠ°Π±ΠΎΡΠ° Ρ Π΄Π°Π½Π½ΡΠΌΠΈ ΠΈ ΠΎΡΠ»Π°Π΄ΠΊΠ°: ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π΄Π°Ρ (Date), ΡΠ°Π±Π»ΠΎΠ½Π½ΡΠ΅ Π»ΠΈΡΠ΅ΡΠ°Π»Ρ, ΡΠ°ΠΉΠΌΠ΅ΡΡ, ΡΡΠ½ΠΊΡΠΈΠΈ Π²ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΡΡΠ΄ΠΊΠ°, Π·Π°ΠΌΡΠΊΠ°Π½ΠΈΡ, ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΈ ΠΏΠ΅ΡΠ΅Π±ΠΈΡΠ°ΡΡΠΈΠ΅ ΠΌΠ΅ΡΠΎΠ΄Ρ ΠΌΠ°ΡΡΠΈΠ²ΠΎΠ², ΠΎΡΠ»Π°Π΄ΠΊΠ° Π² IDE.
- ΠΡΠΎΡΠΎΡΠΈΠΏΡ, ΠΠ»Π°ΡΡΡ ΠΈ ΠΠΠ: ΠΎΡΠ½ΠΎΠ²Ρ ΠΠΠ, ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ ΠΈ Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠ΅Π· Π½ΠΈΡ , ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΠΊΠ»Π°ΡΡΠΎΠ² (ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡΡ, ΠΌΠ΅ΡΠΎΠ΄Ρ, Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅, ΡΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΌΠ΅ΡΠΎΠ΄Ρ), ΠΈΠ½ΠΊΠ°ΠΏΡΡΠ»ΡΡΠΈΡ, ΠΏΠΎΠ»ΠΈΠΌΠΎΡΡΠΈΠ·ΠΌ, ΠΌΠΈΠΊΡΠΈΠ½Ρ.
- DOM, Π‘ΠΎΠ±ΡΡΠΈΡ ΠΈ Canvas: Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΏΠΎ DOM, ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅/ΡΠ΄Π°Π»Π΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΡΠ°Π±ΠΎΡΠ° Ρ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ ΠΈ ΡΡΠΈΠ»ΡΠΌΠΈ, ΡΠΎΠ±ΡΡΠΈΡ (ΠΎΠ±ΡΠ΅ΠΊΡ ΡΠΎΠ±ΡΡΠΈΡ, Π²ΡΠΏΠ»ΡΡΠΈΠ΅/ΠΏΠ΅ΡΠ΅Ρ Π²Π°Ρ, ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΠΎΠ±ΡΡΠΈΡ, ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ), Canvas API.
- ΠΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΠΎΡΡΡ, ΠΡΠΎΠΌΠΈΡΡ ΠΈ ΠΡΠΊΠ΅Π½Π΄: ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΠΈ Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΠΎΡΡΠΈ, Promise (ΡΠ΅ΠΏΠΎΡΠΊΠΈ), async/await, Fetch API ΠΈ Axios, CRUD-ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΈ, ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΎΡΠΈΠ±ΠΎΠΊ, ΠΌΠ΅ΡΠΎΠ΄Ρ call, bind, apply.
- ΠΠΎΠ²ΡΠ΅ ΡΡΡΡΠΊΡΡΡΡ Π΄Π°Π½Π½ΡΡ ΠΈ ΠΎΠ±ΡΠ΅ΠΊΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°: ΠΈΡΠ΅ΡΠ°ΡΠΎΡΡ ΠΈ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡΡ, Map, Set, Π²Π΅Π±-Ρ ΡΠ°Π½ΠΈΠ»ΠΈΡΠ° (localStorage, sessionStorage), ΡΠ°Π±ΠΎΡΠ° Ρ Cookies, Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² WebSocket ΠΈ Web APIs.
Π€ΡΠ½Π΄Π°ΠΌΠ΅Π½Ρ Π±ΡΠΊΠ΅Π½Π΄Π°: ΠΎΡ Node.js Π΄ΠΎ Express.js
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² Node.js: ΡΠΈΠ»ΠΎΡΠΎΡΠΈΡ, ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ°, Π·Π°ΠΏΡΡΠΊ ΡΠΊΡΠΈΠΏΡΠΎΠ², package.json, ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΡΠΌΠΈ npm ΠΈ ΠΌΠΎΠ΄ΡΠ»ΠΈ (CommonJS, ES Modules).
- ΠΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΠΎΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅: Event Loop, Callbacks ΠΈ Promises (then, catch), async/await, ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΎΡΠΈΠ±ΠΎΠΊ ΠΈ Π°ΡΠ³ΡΠΌΠ΅Π½ΡΠΎΠ² (process.argv).
- Π Π°Π±ΠΎΡΠ° Ρ ΡΠ°ΠΉΠ»ΠΎΠ²ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ (fs, fs.promises) Π΄Π»Ρ ΡΡΠ΅Π½ΠΈΡ, Π·Π°ΠΏΠΈΡΠΈ, ΡΠ΄Π°Π»Π΅Π½ΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ² ΠΈ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΉ. ΠΠΎΠ΄ΡΠ»Ρ path ΠΈ JSON-ΡΠ°ΠΉΠ»Ρ.
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½Π°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ HTTP-ΡΠ΅ΡΠ²Π΅ΡΠ°: ΠΌΠΎΠ΄ΡΠ»Ρ http, ΠΎΠ±ΡΠ΅ΠΊΡΡ request/response, ΡΡΡΠ½Π°Ρ ΠΌΠ°ΡΡΡΡΡΠΈΠ·Π°ΡΠΈΡ, ΠΏΠ°ΡΡΠΈΠ½Π³ URL, ΠΎΡΠΏΡΠ°Π²ΠΊΠ° ΠΎΡΠ²Π΅ΡΠΎΠ² ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΡΡΠ°ΡΡΡΠΎΠ².
- ΠΡΠ½ΠΎΠ²Ρ Express.js: ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ°, ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΡΠΎΡΡΠΈΠ½Π³ (ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ, query), ΠΏΠ°ΡΡΠΈΠ½Π³ ΡΠ΅Π»Π° Π·Π°ΠΏΡΠΎΡΠ°, ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ CRUD-ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΉ.
- Π Π°ΡΡΠΈΡΠ΅Π½Π½ΡΠΉ Express.js: Middleware (ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅, ΡΡΠ°ΡΠΈΠΊΠ°), ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΎΡΠΈΠ±ΠΎΠΊ ΠΈ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠ° (ΠΌΠ°ΡΡΡΡΡΡ, ΠΊΠΎΠ½ΡΡΠΎΠ»Π»Π΅ΡΡ, ΡΠ΅ΡΠ²ΠΈΡΡ).
ΠΡΠ½ΠΎΠ²Ρ TypeScript
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² TypeScript: ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ°, Π½Π°ΡΡΡΠΎΠΉΠΊΠ°, ΡΡΠ°Π²Π½Π΅Π½ΠΈΠ΅ Ρ JavaScript ΠΈ ΠΎΠ±Π·ΠΎΡ ΡΠΈΠΏΠΎΠ² Π΄Π°Π½Π½ΡΡ .
- ΠΡΠ½ΠΎΠ²Ρ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΠΈ: ΠΏΡΠΈΠΌΠΈΡΠΈΠ²Π½ΡΠ΅ ΡΠΈΠΏΡ, ΠΌΠ°ΡΡΠΈΠ²Ρ, ΠΊΠΎΡΡΠ΅ΠΆΠΈ, ΠΎΠ±ΡΠ΅ΠΊΡΡ, ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ, ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΉ (ΠΎΠΏΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ, ΡΡΡΠ΅Π»ΠΎΡΠ½ΡΠ΅), Union ΠΈ Intersection, any, unknown, readonly, const.
- ΠΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ ΠΈ ΠΊΠ»Π°ΡΡΡ: Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ (ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅, Π΄Π»Ρ ΡΡΠ½ΠΊΡΠΈΠΉ), ΠΎΡΠ½ΠΎΠ²Ρ ΠΊΠ»Π°ΡΡΠΎΠ² (ΡΠ²ΠΎΠΉΡΡΠ²Π°, ΠΌΠ΅ΡΠΎΠ΄Ρ, ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ Π΄ΠΎΡΡΡΠΏΠ°), Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅, Π°Π±ΡΡΡΠ°ΠΊΡΠ½ΡΠ΅ ΠΊΠ»Π°ΡΡΡ, ΡΠ²ΡΠ·Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² ΠΈ ΠΊΠ»Π°ΡΡΠΎΠ².
- ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠ΅ ΡΠΈΠΏΡ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ: ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½ΠΈΡ (Enums), Π΄ΠΆΠ΅Π½Π΅ΡΠΈΠΊΠΈ (Generics) ΠΈ ΠΈΡ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ, ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡ keyof, ΡΠΈΠΏΡ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΡΡΠΈΠ»ΠΈΡΠ°ΡΠ½ΡΠ΅ ΡΠΈΠΏΡ, ΡΠΈΠΏ guards, ΠΏΠ΅ΡΠ΅Π³ΡΡΠ·ΠΊΠ° ΡΡΠ½ΠΊΡΠΈΠΉ.
- Π Π°Π±ΠΎΡΠ° Ρ ΠΌΠΎΠ΄ΡΠ»ΡΠΌΠΈ ΠΈ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°ΠΌΠΈ ΠΈΠΌΠ΅Π½: Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅, ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ, ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π° ΠΈΠΌΠ΅Π½, ΠΎΡΠ»ΠΈΡΠΈΡ, ΡΠΈΡΡΠ΅ΠΌΡ ΡΠ±ΠΎΡΠΊΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ², ΡΠ°Π±ΠΎΡΠ° Ρ Π²Π½Π΅ΡΠ½ΠΈΠΌΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°ΠΌΠΈ, ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ, ΠΎΡΠ»Π°Π΄ΠΊΠ°.
ΠΡΠΎΠ³ΠΎΠ²ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ
- Π Π°Π±ΠΎΡΠ° Ρ Π±ΡΠΊΠ΅Π½Π΄ΠΎΠΌ
ΠΠ°ΡΡΠ΅ΡΡΡΠ²ΠΎ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π°: React
- ΠΡΠ½ΠΎΠ²Ρ React Ρ TypeScript: Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅, Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΠΏΡΠΎΠ΅ΠΊΡΠ°, JSX, ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ, ΠΏΡΠΎΠΏΡΡ, ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ (useState, useEffect) ΠΈ Π΅Π³ΠΎ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ.
- ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠΎΠ΅ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ΠΌ: useReducer ΠΈ useContext Π΄Π»Ρ ΡΠ»ΠΎΠΆΠ½ΠΎΠ³ΠΎ ΠΈ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ, ΠΈΡ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ.
- ΠΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²: React.memo, useCallback, useMemo Π΄Π»Ρ ΠΌΠ΅ΠΌΠΎΠΈΠ·Π°ΡΠΈΠΈ ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΡΠ΅Π½Π΄Π΅ΡΠΎΠ². ΠΡΠΎΡΠΈΠ»ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Ρ React DevTools.
- ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π²ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΡΡΠ΄ΠΊΠ° (HOC) ΠΈ ΡΠ΅Π½Π΄Π΅Ρ-ΠΏΡΠΎΠΏΡΡ: Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π»ΠΎΠ³ΠΈΠΊΠΈ, Π°ΡΡΠ΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ, ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ ΠΈ ΡΡΠ°Π²Π½Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΎΠ².
- Π Π°Π±ΠΎΡΠ° Ρ ΡΠΎΡΠΌΠ°ΠΌΠΈ ΠΈ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΡ: Formik Π΄Π»Ρ ΡΠΎΡΠΌ, Yup Π΄Π»Ρ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ , Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½Π°Ρ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΡ, ΠΌΠ½ΠΎΠ³ΠΎΡΠ°Π³ΠΎΠ²ΡΠ΅ ΡΠΎΡΠΌΡ.
- ΠΠ»ΠΎΠ±Π°Π»ΡΠ½ΠΎΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ Ρ Redux ΠΈ Redux Toolkit: ΠΎΡΠ½ΠΎΠ²Ρ Redux, Store, slices, ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ, useSelector, useDispatch, createAsyncThunk Π΄Π»Ρ Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ.
- Redux Middleware: Redux Thunk ΠΈ Redux Saga Π΄Π»Ρ Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΡΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΉ, ΠΈΡ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ ΠΈ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅.
- ΠΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ Ρ React Query: ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ°, Π·Π°ΠΏΡΠΎΡΡ, ΠΌΡΡΠ°ΡΠΈΠΈ, ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ, ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΡΡΠ΅ΠΌ, ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ.
- ΠΠ°ΡΡΡΡΡΠΈΠ·Π°ΡΠΈΡ Ρ react-router-dom: Π±Π°Π·ΠΎΠ²ΡΠ΅, Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΈ Π·Π°ΡΠΈΡΡΠ½Π½ΡΠ΅ ΠΌΠ°ΡΡΡΡΡΡ, Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ, ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ.
- ΠΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ React: ΠΏΡΠΎΡΠΈΠ»ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, React.lazy/Suspense (lazy loading), React.memo.
- ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ Ρ REST API: fetch ΠΈ Axios Π΄Π»Ρ Π·Π°ΠΏΡΠΎΡΠΎΠ² (GET/POST/PUT/DELETE), ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ, ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΎΡΠΈΠ±ΠΎΠΊ, Ρ ΡΠΊΠΈ.
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² GraphQL: ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΠΈ, Apollo Client Π΄Π»Ρ Π·Π°ΠΏΡΠΎΡΠΎΠ²/ΠΌΡΡΠ°ΡΠΈΠΉ, ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ, ΠΊΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, Π°ΡΡΠ΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ.
- ΠΡΡΠ΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ Ρ JWT: ΠΎΡΠ½ΠΎΠ²Ρ, Ρ ΡΠ°Π½Π΅Π½ΠΈΠ΅ Π² localStorage, AuthService, Π»ΠΎΠ³ΠΈΠ½/ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ, Π·Π°ΡΠΈΡΡΠ½Π½ΡΠ΅ ΠΌΠ°ΡΡΡΡΡΡ.
- ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠ°Ρ Π°ΡΡΠ΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ: MFA, Π·Π°ΡΠΈΡΠ° ΠΌΠ°ΡΡΡΡΡΠΎΠ² Ρ AuthGuard, ΡΡΠΎΠ²Π½ΠΈ Π΄ΠΎΡΡΡΠΏΠ°, OAuth/SSO.
- Π’Π΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²: Jest ΠΈ React Testing Library Π΄Π»Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π°, ΡΠΎΠ±ΡΡΠΈΠΉ, ΠΏΡΠΎΠΏΡΠΎΠ², ΡΠΎΡΡΠΎΡΠ½ΠΈΡ, ΠΌΠΎΠΊΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ API.
- ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠ΅ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅: Cypress Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΌΠ°ΡΡΡΡΡΠΎΠ², ΡΠΎΡΠΌ, API-Π·Π°ΠΏΡΠΎΡΠΎΠ² ΠΈ Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΡΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΉ.
ΠΡΠΎΠ³ΠΎΠ²ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ Π²Π΅Π±-ΡΠ΅ΡΠ²ΠΈΡΠ° Π΄Π»Ρ Π±ΡΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π±ΠΈΠ»Π΅ΡΠΎΠ², ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ React, TypeScript ΠΈ React Router.
- ΠΡΠΎΠ΅ΠΊΡ Π°ΠΊΡΠ΅Π½ΡΠΈΡΡΠ΅ΡΡΡ Π½Π° ΠΏΡΠΎΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΊΠ»ΠΈΠ΅Π½ΡΡΠΊΠΎΠΉ ΡΠ°ΡΡΠΈ, ΡΠ°Π±ΠΎΡΠ° Ρ React-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌΠΈ, ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ΠΌ (Context ΠΈΠ»ΠΈ Redux) ΠΈ ΠΌΠ°ΡΡΡΡΡΠΈΠ·Π°ΡΠΈΠ΅ΠΉ. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΎΠΏΡΡ, Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΡΠΌ ΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΏΠ΅ΡΠ΅ΡΡΠ΅Ρ ΡΡΠΎΠΈΠΌΠΎΡΡΠΈ Π·Π°ΠΊΠ°Π·Π° ΡΡΠ°Π½ΡΡ ΠΊΠ»ΡΡΠ΅Π²ΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ.
Full-stack-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ: Next.js 15, ΠΌΠ°ΡΡΡΡΡΠΈΠ·Π°ΡΠΈΡ, API ΠΈ Π°ΡΡΠ΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈ
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² Next.js 15: ΡΠ΅Π»ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ, Page Router vs App Router, ΡΡΡΡΠΊΡΡΡΠ° ΠΏΡΠΎΠ΅ΠΊΡΠ° (app/), layout.tsx, page.tsx, template.tsx, Server Components ΠΈ Client Components.
- ΠΠ°ΡΡΡΡΡΠΈΠ·Π°ΡΠΈΡ Π² App Router: File-based routing, ΡΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΈ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ΅Π³ΠΌΠ΅Π½ΡΡ ([id], [...slug]), Π³ΡΡΠΏΠΏΡ ΠΈ ΠΏΠ°ΡΠ°Π»Π»Π΅Π»ΡΠ½ΡΠ΅ ΠΌΠ°ΡΡΡΡΡΡ, Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΡΡΡ, Layout-ΡΠΈΡΡΠ΅ΠΌΠ° (layout.tsx vs template.tsx), Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ.
- ΠΠ°Π³ΡΡΠ·ΠΊΠ° Π΄Π°Π½Π½ΡΡ ΠΈ ΠΊΠ΅ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π² Server Components: fetch() Ρ ΠΊΠ΅ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ (cache, revalidate), ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ (loading.tsx), ΠΎΡΠΈΠ±ΠΎΠΊ (error.tsx), ISR Ρ revalidate, tags, Metadata API Π΄Π»Ρ SEO.
- Server Actions: ΠΎΡΠ½ΠΎΠ²Ρ, ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ async ΡΡΠ½ΠΊΡΠΈΠΉ Ρ use server, ΡΠΎΡΠΌΡ Π² Next.js, ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠ° Π΄Π°Π½Π½ΡΡ , useFormState Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΡΠ°ΡΡΡΠΎΠΌ, useOptimistic Π΄Π»Ρ ΠΎΠΏΡΠΈΠΌΠΈΡΡΠΈΡΠ½ΠΎΠ³ΠΎ UI.
- ΠΡΡΠ΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ Ρ next-auth: ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ°, Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΠΏΡΠΎΠ²Π°ΠΉΠ΄Π΅ΡΠΎΠ² (GitHub, Google), ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ΅ΡΡΠΈΡΠΌΠΈ (auth(), getServerSession()), middleware.ts Π΄Π»Ρ Π·Π°ΡΠΈΡΡ ΠΌΠ°ΡΡΡΡΡΠΎΠ² ΠΈ ΡΠ΅Π΄ΠΈΡΠ΅ΠΊΡΠΎΠ².
- Route Handlers (API): ΡΡΡΡΠΊΡΡΡΠ° app/api/route.ts, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° HTTP-ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² (GET, POST, PUT, DELETE), ΡΠ°Π±ΠΎΡΠ° Ρ Request/Response, NextResponse.json(), Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΡ Π΄Π°Π½Π½ΡΡ (zod), ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΎΡΠΈΠ±ΠΎΠΊ, ΡΠ²ΡΠ·Ρ Ρ Server Actions.
ΠΡΠΎΠ΅ΠΊΡ
- ΠΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½ Π½Π° Next.js
ΠΠΎΠ»Π½ΡΠΉ ΡΠΈΠΊΠ» ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π½Π° Angular 19
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² Angular 19: ΡΡΡΡΠΊΡΡΡΠ° ΠΏΡΠΎΠ΅ΠΊΡΠ°, Standalone Components, ΡΠ°Π±Π»ΠΎΠ½Ρ (ΠΈΠ½ΡΠ΅ΡΠΏΠΎΠ»ΡΡΠΈΡ, Property Binding, Event Binding, Two-way Data Binding [(ngModel)]).
- ΠΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ Π΄ΠΈΡΠ΅ΠΊΡΠΈΠ²Ρ: ΡΡΡΡΠΊΡΡΡΠ½ΡΠ΅ (*ngIf, *ngFor), Π°ΡΡΠΈΠ±ΡΡΠΈΠ²Π½ΡΠ΅ (ngClass, ngStyle). ΠΠ»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ: @Input() Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ Π΄Π°Π½Π½ΡΡ Π²Π½ΠΈΠ·, @Output() ΠΈ EventEmitter Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ Π²Π²Π΅ΡΡ , Ρ ΡΠΊΠΈ ΠΆΠΈΠ·Π½Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠΈΠΊΠ»Π° (ngOnInit, ngOnChanges).
- Π‘Π΅ΡΠ²ΠΈΡΡ ΠΈ ΠΠ½Π΅Π΄ΡΠ΅Π½ΠΈΠ΅ ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠ΅ΠΉ (DI): Π·Π°ΡΠ΅ΠΌ Π½ΡΠΆΠ½Ρ ΡΠ΅ΡΠ²ΠΈΡΡ, @Injectable(), ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ Π²Π½Π΅Π΄ΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², providedIn: root, ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡ ΠΈΠ½ΠΆΠ΅ΠΊΡΠΎΡΠΎΠ², ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ΠΌ ΡΠ΅ΡΠ΅Π· ΡΠ΅ΡΠ²ΠΈΡ. ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² Signals.
- Π Π°Π±ΠΎΡΠ° Ρ ΡΠΎΡΠΌΠ°ΠΌΠΈ: ΠΎΡΠ»ΠΈΡΠΈΠ΅ Template-driven ΠΈ Reactive Forms. ΠΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ FormsModule (Π΄Π»Ρ Template-driven) ΠΈ ReactiveFormsModule. FormGroup, FormControl, FormArray. ΠΡΡΡΠΎΠ΅Π½Π½Π°Ρ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠ°Ρ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΡ. ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡΠΈΠ±ΠΎΠΊ.
- HTTP-ΠΊΠ»ΠΈΠ΅Π½Ρ ΠΈ Observables (RxJS): ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ RxJS ΠΈ Observables, ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ HttpClientModule, Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ HTTP-Π·Π°ΠΏΡΠΎΡΠΎΠ² (GET, POST, PUT, DELETE), ΠΏΠΎΠ΄ΠΏΠΈΡΠΊΠ° Π½Π° Observable (subscribe()), ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΎΡΠΈΠ±ΠΎΠΊ (catchError), async pipe, ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡΡ RxJS (map, filter, tap), HTTP Interceptors.
- ΠΠ°ΡΡΡΡΡΠΈΠ·Π°ΡΠΈΡ (Routing): Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΠΌΠ°ΡΡΡΡΡΠΎΠ² (RouterModule.forRoot, forChild), ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΌΠ°ΡΡΡΡΡΠΎΠ² (path, component),
, Π΄Π΅ΠΊΠ»Π°ΡΠ°ΡΠΈΠ²Π½Π°Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ (routerLink), Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ (ActivatedRoute), Query-ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ, Guard-Ρ (CanActivate), Π»Π΅Π½ΠΈΠ²Π°Ρ Π·Π°Π³ΡΡΠ·ΠΊΠ° ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ.
ΠΡΠΎΠ΅ΠΊΡ
- ΠΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½ Π½Π° Angular
ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² React Native
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² React Native: ΠΎΡΠ½ΠΎΠ²Ρ, ΠΎΡΠ»ΠΈΡΠΈΡ ΠΎΡ React Web, ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΠΎΠΊΡΡΠΆΠ΅Π½ΠΈΡ (Node.js, Android Studio, Xcode), ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ ΡΡΡΡΠΊΡΡΡΠ° ΠΏΡΠΎΠ΅ΠΊΡΠ°.
- ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΡ: View, Text, Image, ScrollView, ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Ρ TypeScript, ΡΠ°Π±ΠΎΡΠ° Ρ StyleSheet ΠΈ Flexbox Π΄Π»Ρ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°.
- ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ Ρ React Navigation: Stack, Bottom Tab ΠΈ Drawer Navigation, ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΠΈ ΡΠΊΡΠ°Π½ΠΎΠ², ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠ° Π΄Π°Π½Π½ΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΊΡΠ°Π½Π°ΠΌΠΈ.
- Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ΠΌ Ρ Redux: ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Redux ΠΈ Redux Toolkit, ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Store ΠΈ slices, ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ, useSelector, useDispatch, createAsyncThunk Π΄Π»Ρ Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΡΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΉ, Redux Persist.
- ΠΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΊ API ΠΈ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠ΅ Ρ ΡΠ°Π½Π΅Π½ΠΈΠ΅: ΡΠ°Π±ΠΎΡΠ° Ρ fetch ΠΈ Axios Π΄Π»Ρ HTTP-Π·Π°ΠΏΡΠΎΡΠΎΠ², ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ Π·Π°ΠΏΡΠΎΡΠΎΠ²/ΠΎΡΠ²Π΅ΡΠΎΠ², ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΎΡΠΈΠ±ΠΎΠΊ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ AsyncStorage Π΄Π»Ρ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΡ Π΄Π°Π½Π½ΡΡ .
- ΠΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΈ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅: ΠΏΡΠΈΠ½ΡΠΈΠΏΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ (React.memo, useCallback, useMemo), ΠΏΡΠΎΡΠΈΠ»ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ (React DevTools), ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΡΠΏΠΈΡΠΊΠΎΠ² (FlatList), ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Ρ Jest ΠΈ React Native Testing Library.
ΠΡΠΎΠ΅ΠΊΡ:
- ΠΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π° React Native
ΠΠ°ΡΡΠ΅ΡΠ½Ρ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ
- ΠΠΎΡΠΎΠΆΠ΄Π°ΡΡΠΈΠ΅ ΠΏΠ°ΡΡΠ΅ΡΠ½Ρ
- Π‘ΡΡΡΠΊΡΡΡΠ½ΡΠ΅ ΠΏΠ°ΡΡΠ΅ΡΠ½Ρ
- ΠΠΎΠ²Π΅Π΄Π΅Π½ΡΠ΅ΡΠΊΠΈΠ΅ ΠΏΠ°ΡΡΠ΅ΡΠ½Ρ
- ΠΠ½ΡΠΈΠΏΠ°ΡΡΠ΅ΡΠ½Ρ
ΠΡΠ½ΠΎΠ²Ρ SQL ΠΈ PostgreSQL
- ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ ΡΠ΅Π»ΡΡΠΈΠΎΠ½Π½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ Π΄Π°Π½Π½ΡΡ ΠΈ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° SELECT. Π€ΠΈΠ»ΡΡΡΠ°ΡΠΈΡ Π΄Π°Π½Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ WHERE, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° Ρ ORDER BY, ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠ΅ Π²ΡΠ²ΠΎΠ΄Π° ΡΠ΅ΡΠ΅Π· LIMIT ΠΈ OFFSET Π΄Π»Ρ ΠΏΠ°Π³ΠΈΠ½Π°ΡΠΈΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΈΠ·Π²Π»Π΅ΡΠ΅Π½ΠΈΠ΅ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Ρ DISTINCT.
- ΠΠ³ΡΠ΅Π³ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠ° Π΄Π°Π½Π½ΡΡ . ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π°Π³ΡΠ΅Π³Π°ΡΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ (COUNT, SUM, AVG, MIN, MAX), Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠ° ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠ² Ρ GROUP BY ΠΈ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ Π³ΡΡΠΏΠΏ Ρ HAVING. ΠΠ±Π·ΠΎΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠΈΡΠ»ΠΎΠ²ΡΡ ΠΈ Π²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΠΈΠΏΠΎΠ² Π΄Π°Π½Π½ΡΡ .
- ΠΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° NULL Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ IS NULL, COALESCE ΠΈ CASE WHEN. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ΄Π·Π°ΠΏΡΠΎΡΠΎΠ² Π΄Π»Ρ ΡΠ»ΠΎΠΆΠ½ΠΎΠΉ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ Ρ ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡΠ°ΠΌΠΈ IN ΠΈ EXISTS.
- ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡ: ΠΎΡΠ²ΠΎΠ΅Π½ΠΈΠ΅ INNER JOIN ΠΈ LEFT JOIN Π΄Π»Ρ ΡΠ²ΡΠ·ΡΠ²Π°Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ°Π±Π»ΠΈΡ. ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΠΈ Π²Π½Π΅ΡΠ½ΠΈΡ ΠΊΠ»ΡΡΠ΅ΠΉ ΠΈ ΠΌΠΎΠ΄Π΅Π»ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ²ΡΠ·Π΅ΠΉ ONE-TO-MANY ΠΈ MANY-TO-MANY.
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CREATE ΠΈ ALTER TABLE Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠΉ. ΠΡΡΠ°Π²ΠΊΠ°, ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ ΠΈ ΡΠ΄Π°Π»Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌΠΈ INSERT, UPDATE, DELETE.
Docker
- ΠΡΠ½ΠΎΠ²Ρ Linux. ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ, Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΏΠΎ ΡΠ°ΠΉΠ»ΠΎΠ²ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠ΅, ΡΠ°Π±ΠΎΡΠ° Ρ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ ΠΈ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΡΠΌΠΈ.
- ΠΠ΄ΠΌΠΈΠ½ΠΈΡΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Linux. Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ ΠΈ Π³ΡΡΠΏΠΏΠ°ΠΌΠΈ, Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΠΏΡΠ°Π² Π΄ΠΎΡΡΡΠΏΠ° ΠΊ ΡΠ°ΠΉΠ»Π°ΠΌ, ΠΌΠΎΠ½ΠΈΡΠΎΡΠΈΠ½Π³ ΠΈ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΈΡΡΠ΅ΠΌΠ½ΡΠΌΠΈ ΠΏΡΠΎΡΠ΅ΡΡΠ°ΠΌΠΈ.
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² Docker. Π‘ΡΠ°Π²Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ² ΠΈ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΡΡ ΠΌΠ°ΡΠΈΠ½. Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ°, ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΠΈ Π·Π½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ Ρ Docker Hub.
- ΠΡΠ½ΠΎΠ²Ρ ΡΠ°Π±ΠΎΡΡ Ρ Docker. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°ΠΌΠΈ, ΡΠ°Π±ΠΎΡΠ° Ρ Π»ΠΎΠ³Π°ΠΌΠΈ, ΠΏΠ΅ΡΠ΅Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΡΡΠΎΠ² ΠΈ ΠΌΠΎΠ½ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠΌΠΎΠ² Π΄Π»Ρ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎΠ³ΠΎ Ρ ΡΠ°Π½Π΅Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ .
- Π Π°Π±ΠΎΡΠ° Ρ Docker-ΠΎΠ±ΡΠ°Π·Π°ΠΌΠΈ. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΎΠ±ΡΠ°Π·ΠΎΠ² Ρ ΠΏΠΎΠΌΠΎΡΡΡ Dockerfile, ΠΈΠ·ΡΡΠ΅Π½ΠΈΠ΅ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΉ, ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ°Π·Π°ΠΌΠΈ, ΠΈΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΈ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΡ Π² Docker Hub.
- Docker Compose. ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ΠΎΡΠΊΠ΅ΡΡΡΠΎΠ²ΠΊΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ². Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ docker-compose.yml Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΌΠ½ΠΎΠ³ΠΎΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ½ΡΠΌΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΠΌΠΈ, Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΡΠ΅ΡΠ΅ΠΉ, ΡΠΎΠΌΠΎΠ² ΠΈ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ².
ΠΡΠΎΠ³ΠΎΠ²ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ
- ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Environment Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ




