ΠΠ°ΡΠ°Π±Π°ΡΡΠ²Π°ΠΉΡΠ΅ Π²ΠΌΠ΅ΡΡΠ΅ ΡΒ ΠΡΠΎΡΠΈ
Π Π°Π±ΠΎΡΠ° Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π½Π° JavaScript Π² ΠΠΎΡΠΊΠ²Π΅
ΠΠ°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΡΠΉΡΠ΅ΡΡ ΠΏΠΎΒ Π½ΠΎΠΌΠ΅ΡΡ ΡΠ΅Π»Π΅ΡΠΎΠ½Π°
ΠΠ°Π²Π΅Π΄ΠΈΡΠ΅ ΠΊΠ°ΠΌΠ΅ΡΡ ΡΠ΅Π»Π΅ΡΠΎΠ½Π°, ΡΡΠΎΠ±Ρ ΠΎΡΡΠΊΠ°Π½ΠΈΡΠΎΠ²Π°ΡΡ QR-Β ΠΊΠΎΠ΄ ΠΈΒ ΡΠΊΠ°ΡΠ°ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅
Π Π°Π±ΠΎΡΠ° Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π½Π° JavaScript Π² ΠΠΎΡΠΊΠ²Π΅
ΠΠΊΡΡΠ°Π»ΡΠ½ΡΠ΅ Π·Π°ΠΊΠ°Π·Ρ ΠΎΡΒ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ²
ΠΠΎΡ ΠΎΠΆΠΈΠ΅ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΡΡΠΈ
Kirill Dolgin
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ (ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° TypeScript)
22 Π°ΠΏΡΠ΅Π»Ρ 2024
100β―000β150β―000Β ₽ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. ΠΠΎΡΠ°Π±ΠΎΡΠΊΠ° ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°. Π£ΡΠΊΠΎΡΠ΅Π½ΠΈΡ ΠΊΡΠΈΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠ° Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ web ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, Π° ΡΠΎΡΠ½Π΅Π΅ Π΅Π΅ backend ΡΠ°ΡΡΠΈ. ΠΡΠ°ΡΠΊΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΡΠ°ΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌ: TypeScript Backend Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π£ΠΌΠ΅Π½Π΅Π΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ: GraphQL Π° ΡΠΎΡΠ½Π΅Π΅ TypeGraphQL Apollo GraphQL Server ΠΠ±ΡΠ΅Π½ΠΈΠ΅ Ρ Π±Π°Π·ΠΎΠΉ Π΄Π°Π½Π½ΡΡ MongoDB Ρ ΠΏΠΎΠΌΠΎΡΡΡ Type-goose ΠΠ°ΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Zod Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΠΎΠ½Π½ΡΡ ΡΡ Π΅ΠΌ ΠΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠΎΠ³ΠΎ ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π±ΡΠΎΠΊΠ΅ΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠΉ (RabbitMQ).
ΠΠ΅ΡΠΌΠ°Π½
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ (ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° React)
23 Π°ΠΏΡΠ΅Π»Ρ 2024
15β―000β20β―000Β ₽ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. ΠΠΎΠΌΠΎΡΡ ΡΠ΄Π΅Π»Π°ΡΡ Π΄ΠΎΠΌΠ°ΡΠ½Π΅Π΅ Π·Π°Π΄Π°Π½ΠΈΠ΅, Π½Π° react+typescript. Https://liberating-nitrogen-2d9.notion.site/f3c09ca3cb2f4f7697cdbb6e29aea919.
ΠΠ»Π°Π΄ΠΈΡΠ»Π°Π²
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ (ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° React)
11 ΡΠ°ΡΠΎΠ² Π½Π°Π·Π°Π΄
5000β20β―000Β ₽ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Ρ Π½ΡΠ»Ρ. Π Π°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ UI-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ Π‘ΠΎΠ·Π²ΠΎΠ½ΠΈΠΌΡΡ, Π²ΠΌΠ΅ΡΡΠ΅ Π½Π°ΡΠΈΡΡΠ΅ΠΌ ΡΠ°ΠΊ ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΠ½ΠΎ Π±ΡΠ»ΠΎ ΠΎΠ±ΠΎΠΈΠΌ ΠΈ ΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΡΡΠΎΠΊΠΈ / ΡΡΠΎΠΈΠΌΠΎΡΡΡ ΠΡΠΆΠ΅Π½ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠ΅ΠΉ Β«Π²Π³Π»ΡΠ±ΡΒ» ΠΡΠΆΠ½Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΠ΅ΠΌ ΠΠ°ΠΊ css-ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΠ°ΠΊ ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²-Π²ΡΠ°ΠΏΠΏΠ΅ΡΠΎΠ² Π½Π° Π»ΡΠ±ΡΡ ΡΡΠ°ΠΏΠ°Ρ . ΠΠΎΠΆΠ΅Π»Π°Π½ΠΈΡ ΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ: Π Π°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ UI-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ Π‘ΠΎΠ·Π²ΠΎΠ½ΠΈΠΌΡΡ, Π²ΠΌΠ΅ΡΡΠ΅ Π½Π°ΡΠΈΡΡΠ΅ΠΌ ΡΠ°ΠΊ ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΠ½ΠΎ Π±ΡΠ»ΠΎ ΠΎΠ±ΠΎΠΈΠΌ ΠΈ ΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΡΡΠΎΠΊΠΈ / ΡΡΠΎΠΈΠΌΠΎΡΡΡ ΠΡΠΆΠ΅Π½ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠ΅ΠΉ Β«Π²Π³Π»ΡΠ±ΡΒ» ΠΡΠΆΠ½Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΠ΅ΠΌ ΠΠ°ΠΊ css-ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΠ°ΠΊ ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²-Π²ΡΠ°ΠΏΠΏΠ΅ΡΠΎΠ² Π½Π° Π»ΡΠ±ΡΡ ΡΡΠ°ΠΏΠ°Ρ .
ΠΠ»ΠΈΠ½Π°
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ (ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° Node.js)
8 ΡΠ°ΡΠΎΠ² Π½Π°Π·Π°Π΄
3000β5000Β ₽ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. ΠΠΎΡΠ°Π±ΠΎΡΠΊΠ° ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°, ΠΊΠΎΠ½ΡΡΠ»ΡΡΠ°ΡΠΈΡ Π² ΠΏΠΎΠΌΠΎΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ. Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΏΡΠΎΠ΅ΠΊΡ ΠΏΠΎ ΠΏΠ°ΡΡΠΈΠ½Π³Ρ ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° Π΄Π°Π½Π½ΡΡ (ΠΏΠΎΡΠ΅Π½ΡΠΈΠ°Π»ΡΠ½ΠΎ ΡΠΎΡΠ½ΠΈ Π³ΠΈΠ³Π°Π±Π°ΠΉΡ) Π² Π²ΠΈΠ΄Π΅ JSON lines ΡΠ°ΠΉΠ»ΠΎΠ². ΠΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Ρ Π³ΠΎΠ½ΠΊΠΎΠΉ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ ΠΏΡΠΈ ΡΡΠ΅Π½ΠΈΠΈ ΠΈ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ΅ Π΄Π°Π½Π½ΡΡ ΠΈΠ· Π΄Π²ΡΡ ΡΡΡΠΈΠΌΠΎΠ². ΠΠ΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠ° ΠΊΠΎΠ½ΡΡΠ»ΡΡΠ°ΡΠΈΡ ΠΏΠΎ Π»ΡΡΡΠ΅ΠΌΡ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ»ΠΎΠΆΠΈΠ²ΡΠ΅ΠΉΡΡ ΡΠΈΡΡΠ°ΡΠΈΠΈ.
ΠΠΈΠΊΠΎ
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ (ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° Node.js)
22 Π°ΠΏΡΠ΅Π»Ρ 2024
3000Β ₽ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. ΠΠΎΡΠ°Π±ΠΎΡΠΊΠ° ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°. ΠΡΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊΠ°ΠΏΡΡ Π³ΡΠ³Π» Π΅ΡΡΡ ΠΏΡΠΎΠ΅ΠΊΡ client/index.html server/index.js gameserverβ¦ ΠΠ°ΠΏΡΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π° ΡΡΠ΄ΠΎΠΌ Ρ Π±Π»ΠΎΠΊΠΎΠΌ Play Π² index.html ΠΠΎΡΠ»Π΅ ΠΏΡΠΎΡ ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΊΠ°ΠΏΡΠΈ ΠΈΠ΄Π΅Ρ ΠΊΠΎΠ½Π½Π΅ΠΊΡ Ρ ws ΠΠ°ΠΊ Π΄Π΅Π»Π°Π΅ΡΡΡ ΠΊΠ°ΠΏΡΠ° Ρ ΡΠΆΠ΅ Π·Π½Π°Ρ, Π½ΠΎ ΡΠ²ΡΠ·ΠΊΡ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠΌ ΠΈ ΡΠ΅ΡΠ²Π΅ΡΠΎΠΌ Π² ΡΠ²ΠΎΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅ Π½Π΅ ΠΌΠΎΠ³Ρ ΡΠ΄Π΅Π»Π°ΡΡβ¦.
ΠΠ°Π½ΠΈΠΈΠ»
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ (ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° React)
25 Π°ΠΏΡΠ΅Π»Ρ 2024
ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. ΠΠ°ΡΡΡΠΎΠΉΠΊΠ°, Π΄ΠΎΡΠ°Π±ΠΎΡΠΊΠ° ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°. ΠΡΠΆΠ΅Π½ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ°Π±ΠΎΡΠ°Π» Ρ Refine ΠΈΠ»ΠΈ ΠΈΠΌΠ΅Π΅Ρ ΡΠ°Π±Π»ΠΎΠ½ ΠΏΠΎΠ΄ REST API Crud ΠΠ΄ΠΌΠΈΠ½ΠΊΡ Π½Π° React. ΠΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ Π² ΠΏΠ΅ΡΠ²ΠΎΠΌ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠΈ ΠΏΡΠΈΡΡΠ»Π°ΠΉΡΠ΅ ΡΡΡΠ»ΠΊΡ Π½Π° github.