Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° Vue
Π΄ΠΈΡΡΠ°Π½ΡΠΈΠΎΠ½Π½ΠΎ
Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠ½Π°Ρ
ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. ΠΠΎΡΠ°Π±ΠΎΡΠΊΠ° ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°.
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° Vue
Π΄ΠΈΡΡΠ°Π½ΡΠΈΠΎΠ½Π½ΠΎ
Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠ½Π°Ρ
ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. ΠΠΎΡΠ°Π±ΠΎΡΠΊΠ° ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°. ΠΠΎΠΆΠ΅Π»Π°Π½ΠΈΡ ΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ: ΠΡΠ΅ΠΌ ΡΡΠΎΠ½ΡΠ΅Π½Π΄-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Π½Π° Vue 3 Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ UI ERP-ΡΠΈΡΡΠ΅ΠΌΡ Π΄Π»Ρ ΡΡΡΠΎΠΈΡΠ΅Π»Π΅ΠΉ. ΠΡΠ½ΠΎΠ²Π½Π°Ρ Π·Π°Π΄Π°ΡΠ° β Π²Π΅ΡΡΡΠΊΠ° ΠΈ Β«ΠΎΠΆΠΈΠ²Π»Π΅Π½ΠΈΠ΅Β» Π³ΠΎΡΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΡΠ°Π±ΠΎΡΠ° Ρ ΡΠΎΡΠΌΠ°ΠΌΠΈ, ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ, Π΄Π°ΡΠ±ΠΎΡΠ΄Π°ΠΌΠΈ. ΠΠΏΡΡ ΡΠ°Π±ΠΎΡΡ Ρ ERP/CRM β ΡΠΈΠ»ΡΠ½ΡΠΉ ΠΏΠ»ΡΡ.
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° Vue
Π΄ΠΈΡΡΠ°Π½ΡΠΈΠΎΠ½Π½ΠΎ
Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠ½Π°Ρ
ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. ΠΠ°ΡΡΡΠΎΠΉΠΊΠ°. ΠΡΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Π½Π° ΡΡΠ΅ΠΊΠ΅ vuejs+capacitor ΡΠΎ ΡΠ±ΠΎΡΠΊΠΎΠΉ ΠΏΠΎΠ΄ web, android, ios. ΠΠ΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ±ΠΎΡΠΊΡ ΠΏΡΠΎΠ΅ΠΊΡΠ° Ρ ΡΡΡΡΠΎΠΌ ΡΠ»Π΅Π΄ΡΡΡΠΈΡ
ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠ΅ΠΉ: 1. Π Π°Π·Π΄Π΅Π»ΠΈΡΡ ΡΠ±ΠΎΡΠΊΡ Π½Π° dev ΠΈ prod-Π²Π΅ΡΡΠΈΠΈ 2. dev β ΡΠΎΠ±ΠΈΡΠ°Π΅ΡΡΡ Π½Π° ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ Π΄ΠΎΠΌΠ΅Π½, Π²Π΅ΡΡΠΈΡ ΠΏΠΎΠ΄ android ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅ΡΡΡ Π²ΠΎ Π²Π½ΡΡΡΠ΅Π½Π½Π΅Π΅ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π² playmarket, Π²Π΅ΡΡΠΈΡ ΠΏΠΎΠ΄ ios β Π² TestFlight Π² app store 3. prod β ΡΠΎΠ±ΠΈΡΠ°Π΅ΡΡΡ Π½Π° ΡΠ°Π±ΠΎΡΠΈΠΉ Π΄ΠΎΠΌΠ΅Π½, Π²Π΅ΡΡΠΈΡ ΠΏΠΎΠ΄ android ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅ΡΡΡ Π² ΡΠ΅Π»ΠΈΠ· playmarket, Π²Π΅ΡΡΠΈΡ ΠΏΠΎΠ΄ ios β Π² ΡΠ΅Π»ΠΈΠ· app store 4. ΠΠ΅ΡΡΠΈΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΌΠ΅Π½ΡΡΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ 5. Π‘Π±ΠΎΡΠΊΠΈ ΠΏΠΎΠ΄ android ΠΈ ios Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΎΡΠΏΡΠ°Π²Π»ΡΡΡΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ Π² play market ΠΈ app store ΠΏΠΎ api 6. ΠΠ°Π½Π½ΡΠ΅ api (ΠΊΠ»ΡΡΠΈ) ΠΈ ΠΏΡΠΎΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ Π²ΡΠ½Π΅ΡΡΠΈ Π² .env ΠΠΎΡΠ»Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»Ρ Π±ΡΠ΄Π΅Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΠ΅ΡΠ²Π΅ΡΡ ΠΈΠ»ΠΈ ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½Ρ ΡΠ°ΠΉΠ»Ρ ΠΏΡΠΎΠ΅ΠΊΡΠ°.
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° Vue
Π΄ΠΈΡΡΠ°Π½ΡΠΈΠΎΠ½Π½ΠΎ
Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠ½Π°Ρ
ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Ρ Π½ΡΠ»Ρ. ΠΠ°Π΄Π°ΡΠ° Π΄Π»Ρ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΠ°. ΠΡΡΡ ΡΠ°ΠΉΡ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΠΏΠΎΠ΄Π΄ΠΎΠΌΠ΅Π½Π°ΠΌΠΈ city1.domain.com / city2.domain.com / city3.domain.com Π Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΏΠΎΠ΄Π΄ΠΎΠΌΠ΅Π½Π° Π½Π° ΡΠ°ΠΉΡ ΠΏΠΎΠ΄Π³ΡΡΠΆΠ°Π΅ΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΈΠ· Π°ΠΏΠΈ (Π½ΠΎΠΌΠ΅ΡΠ° ΡΠ΅Π»Π΅ΡΠΎΠ½ΠΎΠ², ΠΊΠ°ΡΡΡ, seo, Π³ΡΠ°ΡΠΈΠΊ ΡΠ°Π±ΠΎΡΡ) Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ 2 ΡΠ·ΡΠΊΠΎΠ²ΡΠ΅ Π²Π΅ΡΡΠΈΠΈ ΡΠ°ΠΉΡ city1.domain.com β ΡΡΡΡΠΊΠΈΠΉ ΡΠ·ΡΠΊ city1.domain.com/en/ β Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠΈΠΉ ΡΠ·ΡΠΊ Π‘ΡΡΡΠΊΡΡΡΠ° ΡΠ°ΠΉΡΠ° / β Π³Π»Π°Π²Π½Π°Ρ /about/ β ΠΎ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ /contacts/ β ΠΎ ΠΊΠΎΠ½ΡΠ°ΠΊΡΡ Π‘ΡΡΠ°Π½ΠΈΡΡ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ ΠΎΡΠΊΡΡΠ²Π°ΡΡΡΡ ΠΏΠΎ Π°Π΄ΡΠ΅ΡΡ c Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΡΠ·ΡΠΊΠ° Π² ΠΊΠΎΠ½ΡΠ΅ Π°Π΄ΡΠ΅ΡΠ° city1.domain.com/about/en/ ΠΡΠ΅ ΠΏΠΎΠ΄Π΄ΠΎΠΌΠ΅Π½Ρ ΡΠ΅ΡΠ΅Π· nginx "ΡΠΌΠΎΡΡΡΡ" Π² ΠΎΠ΄ΠΈΠ½ ΠΊΠ°ΡΠ°Π»ΠΎΠ³, Π³Π΄Π΅ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅. Π£ΡΠ»ΠΎΠ²Π½ΠΎ /home/www/application/ ΠΠΎΠΏΡΠΎΡ: ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ Π½Π°ΡΡΡΠΎΠΈΡΡ prerender nuxt.com/docs/3.x/getting... ΠΈ ΠΊΠ°ΠΊ ΡΡΠΎ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎΠ±Ρ ΠΎΡΠΊΡΡΠ²Π°Π»Π°ΡΡ Π½ΡΠΆΠ½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΏΠΎΠ΄Π΄ΠΎΠΌΠ΅Π½Π° ΠΡΠ»ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΡΠΎ ΠΠ°Π΄Π°ΡΠ° β ΠΠ°ΡΡΡΠΎΠΈΡΡ prerender ΠΡΠ»ΠΈ Π΅ΡΡΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ ΠΏΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π°ΡΡ
ΠΈΡΠ΅ΠΊΡΡΡΡ β Π²Π΅Π»ΠΊΠ°ΠΌ.
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° Vue
Π΄ΠΈΡΡΠ°Π½ΡΠΈΠΎΠ½Π½ΠΎ
Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠ½Π°Ρ
ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. ΠΠΎΡΠ°Π±ΠΎΡΠΊΠ° ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°. ΠΡΡΡ ΡΠ΅ΠΊΡΡΠΈΠΉ ΡΡΠΎΠ½ΡΠ΅Π½Π΄, ΠΊΠΎΡΠΎΡΡΠΉ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅ Ρ ΡΠΈΠ³ΠΌΠΎΠΉ. ΠΠ°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ: "chart.js": "2.9.4", "core-js": "^3.9.1", "node-fetch": "^2.7.0", "nuxt": "^2.15.3", "nuxt-robots-module": "^1.5.1", "sass": "^1.32.13", "sass-loader": "^10.2.1", "swiper": "5.4.5", "vue-awesome-swiper": "^4.1.1", "vue-chartjs": "^3.5.1", "vue-click-outside": "^1.1.0", "vue-loader": "^15.9.8", "vue-select": "^3.11.2", "vue-server-renderer": "^2.7.16", "vue-slick-carousel": "^1.0.6", "vue-svg-loader": "^0.15.0", "vue-template-compiler": "^2.7.16", "vue2-google-maps": "0.10.2", "vuex": "^3.6.2".
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° Vue
Π΄ΠΈΡΡΠ°Π½ΡΠΈΠΎΠ½Π½ΠΎ
Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠ½Π°Ρ
ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. ΠΠΎΡΠ°Π±ΠΎΡΠΊΠ° ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°. 🥇 Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ VUE (Middle/Senior) 📌 Π ΠΏΡΠΎΠ΅ΠΊΡΠ΅: Low code ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ° 💻 Π’ΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ: β ΠΠΏΡΡ ΡΠ°Π±ΠΎΡΡ ΠΎΡ 4 Π»Π΅Ρ β ΠΠΊΡΠΏΠ΅ΡΡΠ½ΡΠΉ ΡΡΠΎΠ²Π΅Π½Ρ Π² TypeScript/JavaSript, Vue 3, Vite/WebPack, HTML, CSS β ΠΠΏΡΡ ΡΠ°Π±ΠΎΡΡ Ρ JWT-ΡΠΎΠΊΠ΅Π½Π°ΠΌΠΈ ΠΈ Keycloak β ΠΠΏΡΡ ΡΠ°Π±ΠΎΡΡ Ρ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠΎΠΌ Styles, Less, SASS ΠΈΠ»ΠΈ SCSS β ΠΠ½Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Pinia Store, Quasar, Peggy, Lodash, Papaparse, PrismJS β ΠΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π±Π°Π·ΠΎΠ²ΡΡ
ΠΏΡΠΈΠ½ΡΠΈΠΏΠΎΠ² ΡΠ°Π±ΠΎΡΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° Ρ ΡΠ΅ΡΠ²Π΅ΡΠΎΠΌ (HTTP2, WebSockets, Caching, Headers, REST, OpenAPI) β ΠΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠΎΡΠΌΠ°ΡΠΎΠ² ΠΎΠ±ΠΌΠ΅Π½Π° Π΄Π°Π½Π½ΡΠΌΠΈ YAML/JSON/XML Π€ΠΎΡΠΌΠ°Ρ ΡΠ΄Π°Π»Π΅Π½Π½ΡΠΉ ΠΡΠΏΠ»Π°ΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΡΡΡΡ Π΅ΠΆΠ΅ΠΌΠ΅ΡΡΡΠ½ΠΎ.
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° Vue
Π΄ΠΈΡΡΠ°Π½ΡΠΈΠΎΠ½Π½ΠΎ
Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠ½Π°Ρ
ΠΠ΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°. Π½Π΅Π±ΠΎΠ»ΡΡΠ°Ρ ΠΏΠΎΠΌΠΎΡΡ ΠΏΠΎ Π±Π°Π·ΠΎΠ²ΠΎΠΌΡ Vue. ΠΠΎΠΏΡΠΎΡΡ ΠΏΠΎ Vue, Composition API ΠΈ Pinia.