ویو
رابط‌های واکنش‌گرا و خوش‌دست.
Vue یک فریم‌ورک JavaScript برای ساختن رابط کاربری است: قالب‌هایی شبیه HTML می‌نویسید و Vue صفحه را با داده‌هایتان هماهنگ نگه می‌دارد. این مسیر Vue 3.5 را به روش امروزی‌اش یاد می‌دهد، یعنی با کامپوننت‌های تک‌فایلی، <script setup> و Composition API. یک دکمه‌ی لایک، یک نشان امتیاز و یک فید کوچک می‌سازید که می‌شود آن را فیلتر و لایک کرد، نگاهی کوتاه به Vue Router و Pinia می‌اندازید و بعد با slotها، TypeScript و Nuxt جلوتر می‌روید.
شما JavaScript بلدید، پس هر درس مستقیم سراغ چیزی می‌رود که Vue به آن اضافه می‌کند، با مثال‌های کوتاهی از یک اپ اجتماعی کوچک.
- درس
- ۱۴
- زمان
- ۲ ساعت
- سطح
- مقدماتی
- برنز باز
- نقره باز
- طلا قفل
آماده‌ای ثابتش کنی؟
سه آزمون منتظرند: برنز، نقره و طلا.
در پایان این مسیر می‌توانی
- کامپوننت‌های تک‌فایلی با
<script setup>، قالب و استایل محدود به کامپوننت بسازید - state را با
ref،reactive،computedوwatchمدیریت کنید - شرط‌ها و فهرست‌ها را رندر کنید، رویدادها را مدیریت کنید و فرم‌ها را با
v-modelوصل کنید - کامپوننت‌ها را با prop، رویداد و slot به هم وصل کنید و منطق را با composableها دوباره به کار ببرید
- بدانید Vue Router و Pinia کجا به کار می‌آیند و قدم بعدی‌تان چیست
- کامپوننت‌هایتان را با TypeScript نوع‌دار کنید و یک اپ فول‌استک با Nuxt شروع کنید
نقشهٔ مسیر
۱ فصل ۱اولین کامپوننت‌ها
Vue چیست، اولین کامپوننت تک‌فایلی شما و state واکنش‌پذیر با ref، computed و watch.
۰ / ۵۲ فصل ۲ساختن یک اپ
دایرکتیوهای قالب، prop و رویداد، composableها و چرخه‌ی عمر و نگاهی اول به Vue Router و Pinia.
۰ / ۵۳ فصل ۳یک قدم جلوتر
slotها و provide/inject، Vue با TypeScript و Nuxt؛ راهی که از این دوره به اپ‌های فول‌استک Vue می‌رسد.
۰ / ۴