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

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

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

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

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

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

مباحث کتاب آموزش Vue JS روندی از آسان به پیشرفته دارد. بر این اساس اگر اطلاعات محدودی درباره‌ی فریم‌ورک ویو داشته باشید، در طول فصل‌بندی این کتاب به مشکلی برنخواهید خورد. افشین اسمعیل زاد آهندانی و اسماعیل پوریوسف پیش از آغاز پروژه‌های عملی، ویژگی‌های کلیدی Vue.js 3 را به شما معرفی می‌کنند و مخاطب را با مفاهیم نوینی مانند Fragments ،Teleport و Suspense آشنا می‌سازند. روش‌های جدید ساخت کامپوننت‌ها و ارتباطات پیشرفته‌ی کامپوننت‌ها (مثل Prop Drilling و Provide/Inject) نیز در مباحث ابتدایی کتاب بررسی می‌شود.

فریم ورک ویو و زبان TypeScript، پیوندی قدرتمند!

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

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

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

در نهایت، اگر شما نیز می‌خواهید از فریم‌ورک ویو برای ساخت برنامه‌های وب مدرن استفاده کنید و با استفاده از TypeScript کدهای خود را مستحکم‌تر، خواناتر و قابل‌اطمینان‌تر بنویسید، پیشنهاد می‌کنیم این کتاب را به‌عنوان یک راهنما و دستیار عملی کنار خود داشته باشید.

کتاب آموزش Vue JS با تلاش مؤسسه‌ی فرهنگی هنری دیباگران تهران به دست علاقه‌مندان می‌رسد.

کتاب آموزش Vue JS برای شما مناسب است اگر

• می‌خواهید به یک توسعه‌دهنده‌ی ماهر در زمینه‌ی Vue JS 3 تبدیل شوید.
• علاقه‌مند تسلط بر TypeScript و آشنایی با قابلیت‌های مختلف آن هستید.

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

وقتی پروژه TypeScript خود را ایجاد می‌کنیم، یک فایل به نام tsconfig.json در داخل پوشه‌ی ما ایجاد می‌شود. این فایل تمام قوانین مربوط به کامپایلر و بررسی نوع استاتیک را در طول فرآیند توسعه هماهنگ می‌کند. تمام پیشرفت‌ها بر اساس قوانین تعریف‌شده در این فایل است. هر محیطی به قوانین و کتابخانه‌های خاصی بستگی دارد که باید وارد شوند.

هنگام توسعه می‌توانیم انواع را مستقیماً به ثابت‌ها، متغیرها، پارامترهای تابع، بازگشت‌ها و موارد دیگر اختصاص دهیم. این نوع تعاریف می‌توانند از خطاهای نوع اولیه و بازآفرینی کد جلوگیری کنند.

پس از اینکه توسعه انجام شد و پروژه را کامپایل کردیم، محصول نهایی یک فایل جاوااسکریپت خالص خواهد بود. این فایل به دلیل نوع پویای جاوا اسکریپت، هیچ نوع بررسی ندارد.

این فایل جاوااسکریپت به مدل هدف منتقل می‌شود و در فایل پیکربندی تعریف می‌شود، بنابراین ما می‌توانیم آن را بدون هیچ مشکلی اجرا کنیم.

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

فصل اول: درک VUE3 و ایجاد کامپوننت
کامپوننت
ویژگی‌های جدید VUE3
Fragments
Teleport
Suspense
تغییرات در API
برخی تغییرات جزئی Breack
فیلترهای جدید
ترکیب API
ساخت فایل‌های پایه
ارتقا از Vue2 به Vue3
استفاده از Vue-CLI برای ارتقاء پروژه
ارتقای پروژه به صورت دستی
تغییر فایل‌های شروع کننده
ایجاد کامپوننت با تابع render
ایجاد اجزا با ویژگی‌های وراثت
ایجاد کامپوننت با استفاده از ترکیب API
فصل دوم: معرفی VUE ECOSYSTEM و TYPESCRIPT
ایجاد پروژه TypeScript
آشنایی با TypeScript
آماده شدن
Types
String
Number
Boolean
Arrays
Tuple
Enum
Void
Objects
کارکرد
رابط‌ها
Decorators
ایجاد اولین کلاس TypeScript شما
آماده‌ شدن
فصل سوم: Events Form Validations ،Data Binding و Computed Properties
ایجاد فرم ورودی با بسته‌بندی دوطرفه داده
ایجاد فرم ورودی با بسته‌بندی دوطرفه داده
افزودن Adding an event listener
درخواست Http
Fetch API چیست؟
متد Fetch
پرامیس‌ها
چگونه با درخواست HTTP POST داده ارسال کنیم
به‌روزرسانی داده‌ها: روش PUT و PATCH
حذف داده‌ها: حذف
Axios
رهگیرهای درخواست
رهگیرهای پاسخ
نمونه وبلاگ
ارتباطات در عمق
Prop Drilling
گزینه Provide
Provide در سطح اپلیکیشن
گزینه Inject
کار با واکنش‌گرایی
نیاز به یک پیکربندی موقت
Mixin
Composition API
رویدادهای سفارشی با استفاده از Options API
lifecycle hooks
قلاب ()onMounted
قلاب ()onUpdated
قلاب ()onUnmounted
قلاب ()onBeforeMount
قلاب ()onBeforeUpdate
قلاب ()onBeforeUnmount
قلاب ()onErrorCaptured
قوانین گسترش خطا
قلاب onRenderTracked() (on developer mode)
قلاب onRenderTriggered() (on developer mode)
قلاب ()onActivated
قلاب ()onDeactivated
مسیریابی Vue
اعمال guard به مسیرهای خاص
اعمال guard به صورت کلی