ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π²Π°ΠΊΠ°Π½ΡΠΈΠΈ: Svelte FullStack
ΠΡΠΎΠ΅ΠΊΡ:
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ³ΡΡ Π² Π²ΠΈΠ΄Π΅ Telegram Web App. ΠΠ»ΠΈΠΆΠ°ΠΉΡΠΈΠΉ ΡΠ΅ΡΠ΅ΡΠ΅Π½Ρ - Ρ ΠΎΠΌΡΠΊ.
ΠΠ°Π΄Π°ΡΠΈ:
ΠΠ°ΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΡΠΎΠ½ΡΠ΅Π½Π΄ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π½Π° SvelteKit. ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ Ρ Π°ΠΏΠΈ Π±Π΅ΠΊΠ΅Π½Π΄Π°. ΠΠ΅ΡΡΡΠ°ΡΡ Π½Π° ΠΏΡΠΎΠ΅ΠΊΡΠ΅ Π½Π΅ Π½ΡΠΆΠ½ΠΎ, Π΅ΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½Ρ Π ΠΎΠ»Ρ - Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊ. Π Π΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ²ΡΡ ΠΌΠ΅Ρ Π°Π½ΠΈΠΊ.
ΠΡΠ°ΠΊΡΠΈΠΊΠΈ ΠΏΡΠΈΠ½ΡΡΡΠ΅ ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠ°:
- TypeScript Π΄Π»Ρ Π²ΡΠ΅Π³ΠΎ, ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΠΈ sveltekit, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΊΠ°ΠΊ Π΄Π»Ρ load ΡΡΠ½ΠΊΡΠΈΠΉ sveltekit ΡΠ°ΠΌ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅Ρ ΡΠΈΠΏΡ.
- ΠΡΠ΅ API Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΡΠΈΠΏΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΠΎ, Π°ΠΊΡΠΈΠ²Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ codegen ΠΏΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ. ΠΡΠΈΠΌΠ΅Ρ Π΄Π»Ρ Strapi. Π’ΠΎ Π΅ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΡΡΡΠΊΡΡΡΡ ΠΌΠΎΠ΄Π΅Π»ΠΈ Π΄Π°Π½Π½ΡΡ Π² strapi Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΡΡ ΠΊ ΠΎΡΠΈΠ±ΠΊΠ΅ ΡΠ±ΠΎΡΠΊΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π½Π° ΡΡΠΎΠ²Π½Π΅ typecheck.
- ΠΠΈΠ½ΠΈΠΌΡΠΌ Π²Π½Π΅ΡΠ½ΠΈΡ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠ΅ΠΉ Π² ΠΏΡΠΎΠ΅ΠΊΡΠ΅ (Π΅ΡΠ»ΠΈ ΡΡΠΎ-ΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ°ΠΌΠΎΠΌΡ ΠΈΠ»ΠΈ Π·Π°Π²Π΅Π½Π΄ΠΎΡΠΈΡΡ ΠΈΠ·-Π·Π° ΠΌΠ°Π»ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° β ΡΠ°ΠΊ ΠΈ Π΄Π΅Π»Π°Π΅ΠΌ)
- ΠΡ Π½Π΅ ΠΏΠΈΡΠ΅ΠΌ ΡΠ½ΠΈΡ ΡΠ΅ΡΡΡ, ΡΠΎΠ»ΡΠΊΠΎ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΎΠ½Π½ΡΠ΅ ΡΠ΅ΡΡΡ. ΠΡ Π½Π΅ ΠΏΠΈΡΠ΅ΠΌ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΎΠ½Π½ΡΠ΅ ΡΠ΅ΡΡΡ Π½Π° ΡΠ°Π±ΠΎΡΡ 3rd party Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ.
ΠΡΠΈΠΌΠ΅Ρ Π·Π°Π΄Π°ΡΠΈ:
Π£ Π½Π°Ρ Π΅ΡΡΡ ΡΡΠ΅ΡΠΊΠΈΠΊ ΠΌΠΎΠ½Π΅Ρ. ΠΠΎΠ½Π΅ΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΡΠ°Π±ΠΈΠ»ΡΠ½ΠΎ ΡΠ°ΡΡΠΈ (ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ ΡΠ°Π· Π² ΡΠ΅ΠΊΡΠ½Π΄Ρ), Π½ΠΎ ΠΌΡ Π½Π΅ Ρ ΠΎΡΠΈΠΌ Π΄Π΅Π»Π°ΡΡ Π·Π°ΠΏΡΠΎΡ Π½Π° Π±Π΅ΠΊΠ΅Π½Π΄ Π΄Π»Ρ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΡΡΠ°ΡΡΡΠ°. Π ΠΏΠΎ ΡΡΠ΄Ρ ΠΏΡΠΈΡΠΈΠ½ ΠΌΡ Π½Π΅ Ρ ΠΎΡΠΈΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ws. ΠΠΎΡΡΠΎΠΌΡ ΠΌΡ Ρ ΠΎΡΠΈΠΌ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΠΎΠΏΡΠΈΠΌΠΈΡΡΠΈΡΠ½ΠΎΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π±Π°Π»Π°Π½ΡΠ°. ΠΡΠΈ ΡΡΠ°ΡΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΌΡ Π΄Π΅Π»Π°Π΅ΠΌ Π·Π°ΠΏΡΠΎΡ Π½Π° /api/balance. ΠΠ½ΡΡΡΠΈ ΠΎΡΠ²Π΅ΡΠ° ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ ΡΠ΅ΠΊΡΡΠΈΠΉ Π±Π°Π»Π°Ρ, Π²ΡΠ΅ΠΌΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π³ΠΎ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ, ΡΠΊΠΎΡΠΎΡΡΡ ΠΏΡΠΈΠΎΡΡΠ° ΠΌΠΎΠ½Π΅Ρ Π² ΠΌΠΈΠ½ΡΡΡ. ΠΠ° ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΠΈ ΡΡΠΈΡ Π΄Π°Π½Π½ΡΡ ΠΌΡ Π·Π°ΠΏΡΡΠΊΠ°Π΅ΠΌ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ ΡΡΠ΅ΡΡΠΈΠΊΠ°, ΡΡΠΎΠ±Ρ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊΡ ΠΊΠ°Π·Π°Π»ΠΎΡΡ ΡΡΠΎ ΠΎΠ½ ΠΏΠ»Π°Π²Π½ΠΎ ΠΊΡΡΡΠΈΡΡΡ, Π½ΠΎ ΠΏΡΠΈ ΡΡΠΎΠΌ Π·Π°ΠΏΡΠΎΡΡ Π½Π° Π±Π΅ΠΊΠ΅Π½Π΄ ΠΌΡ Π½Π΅ Π΄Π΅Π»Π°Π΅ΠΌ.
Π’Π΅Ρ ΡΡΠ΅ΠΊ:
SvelteKit, Svelte, Strapi, CloudFlare Pages, SCSS, Markdown.
Π’ΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ ΠΊ ΠΊΠ°Π½Π΄ΠΈΠ΄Π°ΡΠ°ΠΌ:
ΠΠΏΡΡ ΡΠ°Π±ΠΎΡΡ: 4+ Π³ΠΎΠ΄Π° ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡΡΠ° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π½Π° ReactJS/Svelte/Solid/Svelte ΠΈΠ»ΠΈ Π°Π½Π°Π»ΠΎΠ³Π΅ (ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠΎ Svelte must have). ΠΠΏΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π±Π΅ΠΊΠ΅Π½Π΄Π° (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π½Π° nodejs). ΠΡΠ»ΠΈ Π½Π΅Ρ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΊΠΎΠ΄Π° Π½Π° github, ΡΠΎ ΠΎΠΆΠΈΠ΄Π°Π΅ΡΡΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΠ΅ΡΡΠΎΠ²ΠΎΠ³ΠΎ Π·Π°Π΄Π°Π½ΠΈΡ: Svelte-Kit-Test-Task
ΠΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ:
git, browserstack, figma, jira, confluence
Π’Π΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π½Π°Π²ΡΠΊΠΈ:
ΠΠ½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉ: intermediate + Π£ΠΌΠ΅Π½ΠΈΠ΅ ΠΏΠΈΡΠ°ΡΡ ΠΏΠ΅ΡΠ΅ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ ΠΊΠΎΠ΄. ΠΠ½Π°Π½ΠΈΠ΅ ΡΡΠ°Π½Π΄Π°ΡΡΠΎΠ² (ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ fetch Π²ΠΌΠ΅ΡΡΠΎ axios, ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π°ΡΠΈΠ²Π½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°/ΡΡΠ΅Π΄Ρ ΠΈΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ) ΠΠ΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΌΠ΅ΡΡ ΠΏΡΠΎΠ΄ΡΠΌΡΠ²Π°ΡΡ Π²Π·Π°ΠΈΠΌΠΎΡΠ²ΡΠ·Ρ ΡΠ°Π·Π½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². Π£Π²Ρ ΡΡΠΎΠ½ΡΠ΅Π½Π΄ Π½Π΅ stateless, ΠΏΠΎΡΡΠΎΠΌ ΠΏΡΠΈΠΉΠ΄Π΅ΡΡΡ ΠΆΠΎΠ½Π³Π»ΠΈΡΠΎΠ²Π°ΡΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡΠΌΠΈ.
Π€ΠΎΡΠΌΠ°Ρ ΡΠ°Π±ΠΎΡΡ:
ΡΠ΄Π°Π»Π΅Π½ΠΊΠ°.
#vacancy #frontend