Frontend Vue yo'nalishida kuchli mutaxasis bo'lishni maqsad qilgan dasturchilar uchun ajoyib vakansiya 👆

VueJs bo'yicha vakansiya 👆

#vue #Devtools

👩‍💻 Vue Developer Tools

- Vue CLI
- Vite
- Bit
- Nuxt
- VuePress
- Gridsome
- Vuex
- Pinia
- Design Systems
- VueTify
- Vue Devtools
- Quasar

@frontend

VueJs bo'yicha yangi vakansiya 👆

#vue #webapp

📷 Mini QR - Vuejsda ishlab chiqilgan, maxsus QR kod generatori.

Saytga havola
GitHubga havola

Amaliyot / portfolio uchun yaxshi loyiha!

@frontend

👆 Vue yoki React bo'yicha real loyihalarda tajribaga ega Strong Juniorlar uchun vakansiya.

@frontend | @frontendVacancy

#vue

💚 Vue 3 ilovasiga Google Maps’ni integratsiya qilish

1. Google Maps API kalitini olish
2. Vue Google Maps paketini o’rnatish
3. Vue Google Maps komponentini ishlatish

🔗 Batafsil maqolada o'qing

@frontend

#vue

Vue 3 loyihasiga xalqaro tillarni qo'shish (vue-i18n)

Bugungi kunda web-ilovalar global foydalanuvchilar uchun mo'ljallangan bo'lib, turli tillardagi qo'llab-quvvatlash juda muhim ahamiyatga ega. Vue 3 ilovangizga xalqaro tillarni qo'shish orqali siz kengroq auditoriyaga xizmat qilishingiz mumkin. Bu jarayonni "Vue I18n" yordamida oson amalga oshirish mumkin.

📱 Batafsil bu yerda o'qing

@frontend

#react #vue #angular #interview

Intervyuga tayyorlanish uchun eng yaxshi intervyu savollari va javoblari roʻyxati.

⚙️ React 💚 Vue ⚙️ Angular

@frontend

#vue #frontend

Vue.js Crash Course 2024

Vue 3 asosiy tushunchalari, options & composition API, direktivalar, ref & reactive o'zgaruvchilar, props va boshqa ko'plab tushunchalarni o'rganish uchun 3 soatlik tezkor kurs. Shuningdek "Job listing project " loyihasi ham ko'rsatilgan

📱 Videoga havola

@frontend

#vue #frontend

💚 v-for ichida destrukturizatsiya qilish

🟡 ES6 destrukturizatsiyasidan foydalanmasdan v-for'dan foydalanish

<div v-for="car in cars" :key="car.id">
  <h2>{{ car.make }} {{ car.model }}</h2>
</div>

cars[] avtomobillar ro'yxati va har bir avtomobil quyidagi tuzilishga ega:

interface Car {
  make: string; // Avtomobil markasi
  model: string; // Modeli
  id: string; // id
}

🟡 ES6 destrukturizatsiyasidan foydalanib, kodni toza va tushunarli qilish mumkin:

<div v-for="{id, make, model} in cars" :key="id">
  <h2>{{ make }} {{ model }}</h2>
</div>

@frontend

#vue #frontend

🅰 Vue 3 loyihasiga xalqaro tillarni qo'shish (vue-i18n)

Bugungi kunda web-ilovalar global foydalanuvchilar uchun mo'ljallangan bo'lib, turli tillardagi qo'llab-quvvatlash juda muhim ahamiyatga ega. Vue 3 ilovangizga xalqaro tillarni qo'shish orqali siz kengroq auditoriyaga xizmat qilishingiz mumkin. Bu jarayonni "Vue I18n" yordamida oson amalga oshirish mumkin.

👀 Batafsil bu yerda o'qing

@frontend

#vue #frontend

Vue'da "v-if" va "v-show" orasidagi farq 📍

v-if - o'zgaruvchining qiymati true bo'lsa, elementni DOM-da yaratadi, false bo'lsa, elementni DOM-dan o'chiradi va uni yashiradi.

v-show - o'zgaruvchining qiymati false bo'lsa, DOM elementini CSS display stilini none qilib o'zgartiradi. Buning natijasida, DOM elementi sahifada qoladi, ammo ko'rinmaydi.

🔗 LearngVue , Vuejs.org

P.S: Agar yuklanishi ko'p vaqt oladigan bo'lsa, v-if yaxshi tanlov. Chunki element DOMdan olib tashlanadi va faqat kerak bo'lganda qayta yaratiladi. v-if va v-show loyihalarda ishlatilishi xavfsizlik, yuklanish tezligi kabilarga qarab ishlatish tavsiya qilinadi!

@frontend | Happy Coding

#vue #library #frontend

📊 Vue Data UI — Vue 3 uchun maxsus ishlab chiqilgan, ma'lumotlarni vizual tarzda ifodalash uchun qulay komponentlar kutubxonasi. Chartlar, mini-chartlar, jadvallar va ko'plab boshqa imkoniyatlarni o'z ichiga oladi.

GitHub | Veb sayt

@frontend | Happy Coding

#vue #frontend

👩‍💻 Vue.js dasturchilar uchun ajoyib imkoniyat!

Vue School tomonidan BEPUL'ga taqdim etilayotgan Free Weekend dan foydalanib, Vue.js va uning ekotizimi bo‘yicha premium kurslarni bepul o‘rganing!

Vaqt: Cheklangan muddat (48 soat)
Mavzular: Vue.js, Nuxt, Pinia, TypeScript, Component dizayni va yana ko‘plab qiziqarli kurslar!

Ro'yxatdan o'tish: vueschool.io/freeweekend

@frontend | Happy Coding

#javascript #react #vue #frontend

💡 Patterns.dev

Patterns.dev — bu zamonaviy veb-ilovalarni yaratishda dizayn, renderlash va ishlash samaradorligi bo'yicha andozalar haqida bepul onlayn manbadir.

Shuningdek, sayt foydalanuvchilarga "Learning Patterns" nomli 435 sahifalik bepul kitobni turli formatlarda yuklab olish imkoniyatini ham taqdim etadi.

✅ Sayt: Patterns.dev

@frontend | Happy Coding

#vue #library #frontend

👩‍💻 Vue developerlar uchun kutubxonalar ro'yxati

Quyidagi kutubxonalar bilan Vue loyihangizni kuchli va funksional qilishingiz mumkin

----
Library list for vue developers

With the following libraries, you can make your Vue project powerful and functional:

🔘 Slider - Splide.js / Vueper Slides
🔘 Router - Vue router
🔘 Charts - Chart.js / ECharts
🔘 Drag and drop - Vue draggable
🔘 Styling - TailwindCSS
🔘 Authentication - Auth module
🔘 Tables - Tanstack table
🔘 Notifications - Vue Toastification
🔘 Global state management - Pinia
🔘 Infinite virtual list - virtual-scroller
🔘 Modals - Vue final modal
🔘 UI components - Element plus
🔘 Animations - Motion / vueuse
🔘 Working with forms - VeeValidate

@frontend