معرفی و دانلود کتاب آموزشی Vue.JS

معرفی کتاب آموزشی Vue.JS

کتاب آموزشی Vue.JS به قلم هیتور رامون ریبیرو راهنمایی جامع و کامل برای توسعه‌دهنگان وب است. این کتاب حاوی دستورالعمل‌هایی برای پیاده‌سازی ویژگی‌های جدید فریم ورک Vue.js 3 و TypeScript است و راه‌حل‌های عملی برای ساخت برنامه‌های کاربردی وب مدرن را به مخاطبان می‌شناساند.

درباره‌ی کتاب آموزشی Vue.JS

هیتور رامون ریبیرو (Heitor Ramon Ribeiro) در کتاب آموزشی Vue.JS با نام انگلیسی Vue.js 3 Cookbook، ویژگی‌های کلیدی Vue.js 3 را بررسی می‌کند. او در این کتاب با یاری گرفتن از دستورالعمل‌های کاربردی نشان می‌دهد که چطور می‌توانید برنامه‌هایتان را از روی Vue.js 2 به Vue.js 3 انتقال دهید. Vue.js یک فریم‌ورک جاوااسکریپت متن‌باز است که برای ساختن رابط‌های کاربری حرفه‌ای برنامه‌های تحت وب مورد استفاده قرار می‌گیرد.

هیتور رامون ریبیرو کتابش را با دستورالعملی برای پیاده سازیِ ویژگی‌های جدید Vue.js 3 در پروژه‌های توسعه‌ی وب و انتقال Vue.js کنونی به آخرین نسخه، شروع می‌کند. نویسنده در کتاب آموزشی Vue.JS از TypeScript نیز صحبت کرده و راه‌حل‌هایی برای خطاها و چالش‌های متداول در پیاده سازی مؤلفه‌ها، مشتقات، ساختن پلاگین‌ها، مسیریابی و توسعه‌ی برنامه‌های کامل تک صفحه‌ای، ارائه کرده است. همان‌طورکه در کتاب پیش می‌رویم، به دستورالعمل‌هایی درمورد نحوه‌ی استفاده از چارچوب‌های سطح بالا مثل Quasar و Nuxt.js برای ایجاد برنامه‌های کاربردی برمی‌خوریم.

کتاب آموزشی Vue.JS به صورت کلی راه‌حل‌هایی برای بسته بندی و اجرای برنامه‌های Vue.js برای شما فراهم می‌آورد. پس از پایان کتاب قادر خواهید بود چالش‌ها و خطاهایی را که در ساختن برنامه‌های Vue.js وجود دارد، شناسایی کرده و همچنین می‌توانید چارچوب Vue.js را برای پروژه‌های طراحی وب، به کار بگیرید. شما می‌توانید این کتاب را با ترجمه‌ی دکتر رامین مولاناپور و محسن طالبی که به همت انتشارات آتی‌نگر چاپ و راهی بازار شده است، تهیه کنید.

کتاب آموزشی Vue.JS برای چه کسانی مناسب است؟

این کتاب را به توسعه‌دهندگان تازه‌کار و مجربِ وب که می‌خواهند چالش‌های ساختن برنامه‌های پویایِ وب با Vue.js 3 را حل و فصل کنند، توصیه می‌کنیم.

در بخشی از کتاب آموزشی Vue.JS می‌خوانیم

شما ممکن است تعجب کنید که چگونه نگارش جدیدی از یک چارچوب می‌تواند این چنین هجمه‌ی تبلیغاتی در اینترنت را به‌وجود آورد؟ فرض کنید که شما سوار بر یک ماشین در بزرگراه هستید و یک دور 360 کامل می‌زنید و سپس با حداکثر سرعت همان مسیر را ادامه می‌دهید. این امر ممکن است یک صحنه اغراق‌آمیز را ایجاد کند ولی این بهترین روش توصیف این مسئله است که چگونه Vue از نگارش 2 به نگارش 3 ارتقا خواهد یافت.

در اولین بخش از این فصل، من بهبود‌های اعمال‌شده در Vue، موارد اضافه‌شده به چارچوب، موارد تغییر یافته و چگونگی تأثیر Vue بر نحوه کدنویسی در اپلیکیشن‌های Vue را معرفی خواهم کرد.

بهبود‌های اعمال‌شده در چارچوب
در نسخه جدید ارائه‌شده از چارچوب Vue بهبود‌های متعددی وجود دارد که همه آن‌ها روی بهتر کردن چارچوب در همه جنبه‌های ممکن تمرکز کرده‌اند. در اینجا تعدادی از بهبود‌هایی که می‌توانند روی توسعه روزانه و استفاده چارچوب به‌وسیله کاربران و توسعه‌دهندگان تأثیر بگذارند ارائه می‌شوند.

فرایند اجرایی در پس‌زمینه
پوسته خارجی نگارش جدید شبیه نگارش قدیمی است اما موتور بخش اصلی آن است. در نگارش جدید، اثری از کد‌های باقی‌مانده از Vue 2 وجود ندارد. تیم اصلی از ابتدا این چارچوب را با استفاده از TypeScript ساخته‌اند و همه موارد را از اول نوشته‌اند تا عملکرد چارچوب را به حداکثر برسانند.

TypeScript برای ایجاد یک مرکز کد قابل‌نگهداری‌تر برای تیم اصلی Vue و جامعه متن باز انتخاب شده است و همچنین برای بهبود ویژگی‌های تکمیل خودکار مانند IntelliSense یا typeahead که IDEها و ویرایشگر‌های کد بدون نیاز به نصب پلاگین‌ها و اکستنشن‌های خاص فراهم می‌آورند، انتخاب شده است.

فهرست مطالب کتاب

پیشگفتار
این کتاب برای چه کسانی است
این کتاب چه مطالبی را پوشش می‌دهد
بهره‌برداری بهینه از این کتاب
دانلود فایل‌های کد نمونه
فصل 1: شناخت Vue 3 و ایجاد مؤلفه‌ها
موارد جدید در Vue 3
نیازمندی‌های فنی
ارتقای اپلیکیشن‌های Vue 2 به Vue 3
ایجاد مؤلفه‌ها با عناصر اصلی چندگانه
ایجاد مؤلفه‌ها با ارث‌بری صفت‌خاصه
استفاده از واکنش‌پذیری و API قابل‌مشاهده خارج از گستره Vue
ایجاد مؤلفه با استفاده از API ترکیب
فصل 2: معرفی TypeScript و اکوسیستم Vue
نیازمندی‌های فنی
ایجاد پروژه TypeScript
شناخت TypeScript
ایجاد اولین کلاس TypeScript
ایجاد اولین پروژه با Vue CLI
اضافه کردن پلاگین‌ها به پروژه Vue CLI با استفاده از Vue UI
اضافه کردن TypeScript به پروژه Vue CLI
ایجاد اولین مؤلفه TypeScript Vue با Vue-class-component
ایجاد Mixin اختصاصی با vue-class-component
ایجاد دکوراتور تابع اختصاصی با vue-class-component
اضافه کردن هوک‌های اختصاصی به vue-class-component
اضافه کردن vue-property-decorator به
vue-class-component
فصل 3: انقیاد داده‌ها، اعتبارسنجی‌های فرم، رویدادها و خصوصیات محاسبه‌شده
نیازمندی‌های فنی
ایجاد مؤلفه "hello world"
ایجاد یک فرم ورودی با انقیاد دوطرفه داده‌ها
اضافه کردن یک مستمع رویداد به یک عنصر
حذف کردن v-model از ورودی ها
ایجاد لیست to-do پویا
ایجاد خصوصیت محاسبه‌شده و آشنایی با نحوه‌ی کار آن
نمایش داده و متن تمیزتر به‌وسیله فیلتر‌های اختصاصی
اضافه کردن اعتبارسنجی فرم به‌وسیله Vuelidate
ایجاد فیلتر‌ها و مرتب‌کننده‌ها برای یک لیست
ایجاد فیلترهای شرطی برای مرتب کردن داده‌های لیست
اضافه کردن شیوه‌ها و ترانزیشن‌های اختصاصی
استفاده از vue-devtools برای اشکال‌زدایی اپلیکیشن‌های خود
فصل 4: مؤلفه‌ها، Mixin‌ها و مؤلفه‌های کارکردی
نیازمندی‌های فنی
ایجاد مؤلفه قالب تصویری
استفاده از شیار‌ها و شیار‌های معین برای قرار دادن داده‌ها در داخل مؤلفه‌ها
ارسال داده‌ها به مؤلفه‌های شما و اعتبارسنجی داده‌ها
آماده شدن
نحوه انجام این کار...
ایجاد مؤلفه‌های کارکردی
دسترسی به داده‌های مؤلفه‌های فرزندان
ایجاد مؤلفه تزریق‌شده پویا
ایجاد مؤلفه تزریق وابستگی
ایجاد mixin مؤلفه
بارگذاری کُند مؤلفه‌ها
فصل 5: واکشی داده‌ها از وب از طریق درخواست‌های HTTP
نیازمندی‌های فنی
ایجاد پوشش‌دهنده برای API واکشی به‌عنوان کلاینت HTTP
ایجاد مؤلفه GIF یا عکس گربه تصادفی
ایجاد سرور API JSON ساختگی با MirageJS
@vue/cli
@vue/cli-service-global
استفاده از axios به‌عنوان کلاینت جدید HTTP
ایجاد نمونه‌های axios متفاوت
ایجاد رهگیر درخواست و پاسخ در axios
ایجاد رابط CRUD با Axios و Vuesax
فصل 6: مدیریت مسیرها با vue-router
نیازمندی‌های فنی
ایجاد مسیر ساده
ایجاد پیمایش با برنامه‌نویسی
ایجاد مسیر مسیریاب پویا
ایجاد نام مستعار مسیر
ایجاد مسیر هدایت‌شده
ایجاد نمای مسیریاب تودرتو
ایجاد router-view در طرح‌بندی
تغییر فایل‌های مسیریاب
ایجاد صفحه خطای 404
ایجاد و به کار بردن میان‌افزار احراز هویت
بارگذاری کُند صفحات به‌صورت ناهمگام
فصل 7: مدیریت حالت اپلیکیشن با Vuex
نیازمندی‌های فنی
ایجاد انباره Vuex ساده
ایجاد و آشنایی با حالت Vuex
ایجاد و آشنایی با جهش‌های‌ Vuex
ایجاد و آشنایی با دستیاب‌های Vuex
ایجاد و آشنایی با اعمال Vuex
ایجاد مؤلفه‌ای پویا با Vuex
اضافه کردن hot-module-reload برای توسعه
ایجاد ماژول Vuex
ایجاد ماژول احراز هویت جدید
فصل 8: متحرک‌سازی اپلیکیشن‌های شما با گذار و CSS
نیازمندی‌های فنی
ایجاد پروژه پایه
ایجاد اولین پویانمایی CSS
ایجاد کلاس‌ گذار سفارشی با Animate. css
ایجاد تراکنش‌ها با هوک‌های سفارشی
ایجاد پویانمایی‌ها در رندر صفحه
ایجاد پویانمایی‌ها برای لیست‌ها و گروه‌ها
ایجاد مؤلفه گذار سفارشی
ایجاد گذار یکپارچه بین عناصر
فصل 9: ایجاد اپلیکیشن‌های زیبا با استفاده از چارچوب‌های UI
نیازمندی‌های فنی
ایجاد یک صفحه، یک طرح‌بندی و یک فرم کاربر با استفاده از Buefy
ایجاد یک صفحه، یک طرح‌بندی و یک فرم کاربر با استفاده از Vuetify
ایجاد یک صفحه، یک طرح‌بندی و فرم کاربر با استفاده از Ant-Design
فصل 10: استقرار اپلیکیشن در پلت‌فرم‌های ابری
نیازمندی‌های فنی
آماده‌سازی اپلیکیشن‌های شما برای استقرار در Netlify
آماده‌سازی برای استقرار خودکار روی Netlify با GitHub
ایجاد حساب کاربری Vercel
پیکربندی Vercel-CLI و استقرار پروژه شما
آماده‌سازی استقرار خودکار روی Vercel با GitHub
ایجاد پروژه Firebase
پیکربندی Firebase-CLI و استقرار پروژه شما
فصل 11: رهنمودها، پلاگین‌ها، SSR و موارد دیگر
نیازمندی‌های فنی
بارگذاری خودکار مسیرهای Vue
بارگذاری خودکار ماژول‌های Vuex
ایجاد رهنمودهای سفارشی
ایجاد پلاگین Vue
ایجاد SSR، SPA، PWA، Cordova و اپلیکیشن Electron در Vue با Quasar
ایجاد ناظرهای Vue هوشمند‌تر و خصوصیات محاسبه‌شده
ایجاد Nuxt. js SSR با Python Flask به‌عنوان API
باید‌ها و نباید‌های اپلیکیشن‌های Vue