آموزش Vue.js: دروازه شما برای توسعه وب مدرن

دانلود Vue.js: Your Gateway to Modern Web Development

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Master Vue.js: برنامه های وب پویا را به راحتی بسازید! از مبانی تا پیشرفته، کامپوننت ها، مسیریابی، وضعیت و غیره را بیاموزید. آشنایی با اصول Vue JS راه اندازی و ساختار یک پروژه Vue با استفاده از Vite توسعه واسط های کاربری تعاملی با استفاده از مولفه های Vue اعمال دستورالعمل های Vue برای اتصال داده ها و مدیریت رویداد استفاده از ویژگی های محاسبه شده و Watchers Master Component Communication Handle Forms و Advan Validation Implements Implements ایجاد و مدیریت حالت با استفاده از Pinia ادغام APIهای RESTful با استفاده از Fetch و Axios پیاده‌سازی مسیریابی در Vue با روتر Vue از Composition API برای ساختار کد مقیاس‌پذیر استفاده کنید. تجربه کاربر را با انیمیشن‌ها و انتقال‌ها افزایش دهید. برنامه های Vue را برای تولید آماده کنید. آشنایی با سوالات مصاحبه مشترک Vue پیش نیازها: اشتیاق و عزم راسخ برای گذاشتن نشان خود در جهان!

یک خوش آمدگویی گرم به دوره آموزشی Vue.js: Your Gateway to Modern Web Development توسط Uplatz.


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

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


Vue.js چگونه کار می کند


Vue.js از طریق یک مدل اعلامی و مبتنی بر مؤلفه عمل می‌کند، به این معنی که رابط کاربری به مؤلفه‌های قابل استفاده مجدد تقسیم می‌شود که وضعیت و منطق خود را به طور مستقل مدیریت می‌کنند. در اینجا خلاصه ای از عملکرد کلیدی آن آمده است:

  1. Rendering Declarative : Vue از یک نحو اعلانی با الگوهای مبتنی بر HTML استفاده می کند و به توسعه دهندگان این امکان را می دهد که داده ها را مستقیماً به DOM متصل کنند.

  2. سیستم واکنش پذیری: Vue دارای یک سیستم اتصال داده واکنشی است. وقتی داده ها تغییر می کنند، Vue به طور خودکار DOM را به روز می کند و رابط کاربری را با داده ها همگام نگه می دارد.

  3. معماری مبتنی بر مؤلفه: برنامه های کاربردی Vue به عنوان مجموعه ای از اجزای کوچک و مستقل ساخته شده اند. هر مؤلفه بخشی از رابط کاربری خود را مدیریت می کند و توسعه را ماژولارتر می کند.

  4. Virtual DOM: مانند React، Vue از یک DOM مجازی برای بهینه سازی رندر استفاده می کند. یک کپی مجازی از DOM واقعی نگه می‌دارد و فقط قسمت‌های تغییر یافته را به‌روزرسانی می‌کند، که عملکرد را بهبود می‌بخشد.


ویژگی های کلیدی Vue.js


  1. اتصال داده دو طرفه : همگام سازی یکپارچه داده ها را بین رابط کاربری و مدل داده فعال می کند و توسعه را بصری می کند.

  2. معماری مبتنی بر مؤلفه: به اجزای قابل استفاده مجدد، ایزوله و ماژولار اجازه می دهد، نگهداری کد و مقیاس بندی را ساده تر می کند.

  3. دستورالعمل‌ها: Vue دستورالعمل‌های داخلی مانند v-if، v-for، و v-bind دارد که دستکاری DOM را ساده می‌کند.

  4. اجزای یک فایل (SFC): اجزای Vue معمولاً در فایل‌های منفرد با پسوند .vue نوشته می‌شوند که حاوی HTML، CSS و جاوا اسکریپت است و مدیریت اجزا را در یک مکان آسان می‌کند.

  5. ویژگی‌های محاسبه‌شده و ناظران: ویژگی‌های محاسبه‌شده به شما امکان می‌دهد مقادیر را بر اساس داده‌ها محاسبه کنید، در حالی که ناظران به تغییرات داده‌ها برای واکنش‌پذیری زمان واقعی پاسخ می‌دهند.

  6. مسیریابی و مدیریت وضعیت: Vue دارای کتابخانه‌های رسمی مانند Vue Router برای مدیریت SPA و Vuex برای مدیریت دولتی است.

  7. CLI و ابزارهای توسعه دهنده: Vue CLI به داربست و مدیریت پروژه ها کمک می کند، در حالی که Vue Devtools گزینه های اشکال زدایی قدرتمندی را ارائه می دهد.


مزایای یادگیری Vue.js


  1. دوستانه برای مبتدیان: Vue به راحتی قابل انتخاب است، به خصوص برای کسانی که تازه وارد چارچوب ها می شوند، با ساختاری واضح و نحوی قابل دسترسی.

  2. یکپارچه‌سازی انعطاف‌پذیر: Vue را می‌توان به صورت تدریجی مورد استفاده قرار داد و به آرامی در پروژه‌های موجود ادغام می‌شود، خواه فقط برای چند مؤلفه یا کل SPA به آن نیاز داشته باشید.

  3. اکوسیستم فعال: دارای یک اکوسیستم قوی با کتابخانه هایی برای مسیریابی، مدیریت وضعیت، و ابزارهایی مانند Vue CLI است که توسعه با امکانات کامل را راحت می کند.

  4. بهینه‌سازی‌های عملکرد: DOM مجازی Vue، مؤلفه‌های بارگذاری تنبل و سایر ویژگی‌ها کمک می‌کنند تا برنامه‌ها سریع و پاسخگو باشند.

  5. فرصت‌های شغلی: محبوبیت Vue در استارت‌آپ‌ها و شرکت‌های متوسط، آن را به یک مهارت ارزشمند تبدیل می‌کند، به‌ویژه برای نقش‌های فرانت‌اند و فول استک.


Vue.js - برنامه درسی دوره


ماژول 1: مقدمه ای بر Vue.js

  1. Vue.js چیست – نمای کلی و مزایای استفاده از Vue.js.

  2. راه اندازی Vue 3 با CDN – راه اندازی سریع برای برنامه های کوچک Vue 3.

ماژول 2: راه اندازی یک پروژه Vue

  1. ایجاد یک پروژه Vue 3 با Vite – راه اندازی پروژه و بارگیری مجدد کد زنده با Vite.

  2. Vue 3 + Vite Project Structure – درک ساختار پروژه.

ماژول 3: مفاهیم اصلی Vue

  1. مؤلفه‌ها، داده‌ها و روش‌ها - ساختن یک برنامه اساسی برای توضیح این مفاهیم.

  2. دستورالعمل‌ها، اتصال داده‌ها، و مدیریت رویداد – نمونه‌هایی از دستورالعمل‌ها، اتصال داده‌ها و رویدادها.

ماژول 4: واکنش پذیری پیشرفته در Vue

  1. ویژگی های محاسبه شده و ناظران - انواع مختلف با مثال های عملی.

  2. Vue Props – انتقال داده‌ها و رویدادها بین اجزا.

  3. اتصالات کلاس و سبک - استفاده از نحو شی و آرایه.

  4. رندر شرطی و تکراری – با استفاده از دستورات v-if، v-else، v-show و v-for.

ماژول 5: رسیدگی به رویدادها و فرم ها

  1. مدیریت رویداد و اصلاح‌کننده‌ها – گوش دادن به رویدادها و استفاده از اصلاح‌کننده‌های کلیدی.

  2. کنترل‌های فرم – کار با ورودی‌های فرم در Vue.

  3. اصلاح‌کننده‌های فرم و اعتبارسنجی – با استفاده از .lazy، .number، .trim، و اعتبارسنجی فرم.

ماژول 6: ارتباط مؤلفه

  1. ارتباط کودک با والدین - با استفاده از $emit و v-model.

  2. دامنه گردآوری - استفاده از لوازم، رویدادها و شکاف‌ها برای مدیریت دامنه مؤلفه.

ماژول 7: شکاف ها و اجزای پویا

  1. شکاف‌های تک، نام‌گذاری شده و محدوده - استفاده از اسلات‌های همراه با مثال.

  2. اجزای پویا - تعویض اجزا با بارگذاری زنده و تنبل.

ماژول 8: چرخه حیات و دستورالعمل های سفارشی

  1. قلاب چرخه حیات - استفاده عملی از قلاب چرخه حیات.

  2. دستورالعمل های سفارشی - ایجاد دستورالعمل های سفارشی با قلاب ها و آرگومان ها.

ماژول 9: مدیریت دولتی با پینیا

  1. مقدمه ای بر Pinia – مدیریت حالت سبک.

  2. استفاده پیشرفته از Pinia – اقدامات، دریافت‌کننده‌ها، فروشگاه‌های مدولار، و وضعیت ماندگار.

ماژول 10: درخواست‌های API و HTTP

  1. استفاده از Fetch API و Axios – ایجاد درخواست‌های GET/POST با مدیریت خطا.

ماژول 11: مسیریابی با Vue Router

  1. مبانی روتر Vue – راه اندازی و پیکربندی مسیریابی.

  2. Styling and Imperative Navigation – استایل دادن به پیوندهای فعال و استفاده از router.push() و router.go().

ماژول 12: Composition API

  1. مقدمه ای بر Composition API – مفاهیم اصلی و کاربرد.

  2. In-Depth Composition API – استفاده و ادغام پیشرفته با Pinia.

ماژول 13: انیمیشن ها و انتقال ها

  1. انتقال و انیمیشن - استفاده از

ماژول 14: تست و بهینه سازی

  1. آزمایش با Vitest – آزمایش اولیه و پیشرفته با عکس‌های فوری و API ساختگی.

  2. بهینه سازی Vue 3 – تکنیک هایی برای بهینه سازی برنامه های Vue.

ماژول 15: یک ظاهر طراحی با Tailwind CSS

  1. Vue با Tailwind CSS – اصول استفاده از Tailwind با Vue.

  2. پروژه Vue و Tailwind – ایجاد یک مدیر وظیفه با ماندگاری داده.

ماژول 16: برنامه های وب پیشرو (PWA)

  1. مقدمه‌ای بر PWA - مبانی برنامه‌های وب پیشرفته.

  2. ساخت Vue PWA با Vite – راه‌اندازی PWA با استراتژی‌های کش.

ماژول 17: یکپارچه سازی Firebase

  1. Vue with Firebase – راه اندازی Firebase برای احراز هویت و مدیریت داده.

  2. ساخت یک پروژه با Pinia و Firebase – یک پروژه Vue کامل که Pinia و Firebase را یکپارچه می کند.

ماژول 18: تولید و استقرار

  1. تولید و استقرار Vue 3 - آماده سازی و استقرار برنامه های Vue.

ماژول 19: آماده سازی مصاحبه

  1. سؤالات مصاحبه رایج Vue.js – سؤالات و پاسخ‌های کلیدی برای نقش‌های مرتبط با Vue.


سرفصل ها و درس ها

Vue.js مقدمه Vue.js Introduction

  • Vue.js مقدمه Vue.js Introduction

Vue 3 با استفاده از CDN Vue 3 using CDN

  • Vue 3 با استفاده از CDN Vue 3 using CDN

ایجاد یک پروژه Vue 3 با استفاده از Vite Creating a Vue 3 Project using Vite

  • ایجاد یک پروژه Vue 3 با استفاده از Vite Creating a Vue 3 Project using Vite

Vue 3 و ساختار پروژه Vite Vue 3 and Vite Project Structure

  • Vue 3 و ساختار پروژه Vite Vue 3 and Vite Project Structure

مؤلفه ها، داده ها و روش ها در Vue Components, Data, and Methods in Vue

  • مؤلفه ها، داده ها و روش ها در Vue Components, Data, and Methods in Vue

دستورالعمل ها، اتصال داده ها، و مدیریت رویداد در Vue Directives, Data Binding, and Event Handling in Vue

  • دستورالعمل ها، اتصال داده ها، و مدیریت رویداد در Vue Directives, Data Binding, and Event Handling in Vue

ویژگی ها و ناظران محاسبه شده در Vue Computed Properties and Watchers in Vue

  • ویژگی ها و ناظران محاسبه شده در Vue Computed Properties and Watchers in Vue

لوازم در Vue Props in Vue

  • لوازم در Vue Props in Vue

کلاس و سبک صحافی در Vue Class and Style Bindings in Vue

  • کلاس و سبک صحافی در Vue Class and Style Bindings in Vue

رندر شرطی و رندر تکراری Conditional Rendering and Iterative Rendering

  • رندر شرطی و رندر تکراری Conditional Rendering and Iterative Rendering

گوش دادن به رویدادها، اصلاح‌کننده‌های رویداد، و اصلاح‌کننده‌های کلیدی Listening to Events, Event Modifiers, and Key Modifiers

  • گوش دادن به رویدادها، اصلاح‌کننده‌های رویداد، و اصلاح‌کننده‌های کلیدی Listening to Events, Event Modifiers, and Key Modifiers

کنترل های فرم در Vue Form Controls in Vue

  • کنترل های فرم در Vue Form Controls in Vue

اصلاح کننده های فرم در Vue Form Modifiers in Vue

  • اصلاح کننده های فرم در Vue Form Modifiers in Vue

ارسال فرم در Vue Form Submission in Vue

  • ارسال فرم در Vue Form Submission in Vue

تغییر داده های مؤلفه والد از مؤلفه فرزند Changing Parent Component Data from Child Component

  • تغییر داده های مؤلفه والد از مؤلفه فرزند Changing Parent Component Data from Child Component

دامنه گردآوری در Vue Compilation Scope in Vue

  • دامنه گردآوری در Vue Compilation Scope in Vue

اسلات تک در Vue Single Slot in Vue

  • اسلات تک در Vue Single Slot in Vue

اسلات های نامگذاری شده در Vue Named Slots in Vue

  • اسلات های نامگذاری شده در Vue Named Slots in Vue

اسلات های Scoped در Vue Scoped Slots in Vue

  • اسلات های Scoped در Vue Scoped Slots in Vue

جابجایی چندین کامپوننت با استفاده از کامپوننت های پویا Switching Multiple Components using Dynamic Components

  • جابجایی چندین کامپوننت با استفاده از کامپوننت های پویا Switching Multiple Components using Dynamic Components

درک رفتار مؤلفه های پویا Understanding Dynamic Component Behavior

  • درک رفتار مؤلفه های پویا Understanding Dynamic Component Behavior

زنده نگه داشتن اجزای پویا Keeping Dynamic Components Alive

  • زنده نگه داشتن اجزای پویا Keeping Dynamic Components Alive

قلاب چرخه حیات در Vue Lifecycle Hooks in Vue

  • قلاب چرخه حیات در Vue Lifecycle Hooks in Vue

توابع Hook Directive در Vue Directive Hook Functions in Vue

  • توابع Hook Directive در Vue Directive Hook Functions in Vue

انتقال ارزش ها و استدلال ها به دستورالعمل های سفارشی Passing Values and Arguments to Custom Directives

  • انتقال ارزش ها و استدلال ها به دستورالعمل های سفارشی Passing Values and Arguments to Custom Directives

مخلوط ها Mixins

  • مخلوط ها Mixins

فیلترهای جایگزین Filters Alternatives

  • فیلترهای جایگزین Filters Alternatives

واکشی API برای درخواست های HTTP Fetch API for HTTP Requests

  • واکشی API برای درخواست های HTTP Fetch API for HTTP Requests

درخواست های HTTP با Axios HTTP Requests with Axios

  • درخواست های HTTP با Axios HTTP Requests with Axios

URL های قالب Template URLs

  • URL های قالب Template URLs

روتر Vue Vue Router

  • روتر Vue Vue Router

سبک دادن به پیوندهای فعال در روتر Vue Styling Active Links in Vue Router

  • سبک دادن به پیوندهای فعال در روتر Vue Styling Active Links in Vue Router

ناوبری ضروری در روتر Vue Imperative Navigation in Vue Router

  • ناوبری ضروری در روتر Vue Imperative Navigation in Vue Router

مقدمه ای بر Vue Composition API Introduction to Vue Composition API

  • مقدمه ای بر Vue Composition API Introduction to Vue Composition API

پارامترهای مسیر در روتر Vue Route Parameters in Vue Router

  • پارامترهای مسیر در روتر Vue Route Parameters in Vue Router

شروع کار با Pinia در Vue 3 Getting Started with Pinia in Vue 3

  • شروع کار با Pinia در Vue 3 Getting Started with Pinia in Vue 3

پروژه Vue 3 با استفاده از Pinia Vue 3 Project using Pinia

  • پروژه Vue 3 با استفاده از Pinia Vue 3 Project using Pinia

راهنمای عمیق برای Vue 3 Composition API In-depth Guide to Vue 3 Composition API

  • راهنمای عمیق برای Vue 3 Composition API In-depth Guide to Vue 3 Composition API

Vue 3 refs Vue 3 refs

  • Vue 3 refs Vue 3 refs

انتقال و انیمیشن Transitions and Animations

  • انتقال و انیمیشن Transitions and Animations

تست با Vitest Testing with Vitest

  • تست با Vitest Testing with Vitest

تست پیشرفته با Vitest Advanced Testing with Vitest

  • تست پیشرفته با Vitest Advanced Testing with Vitest

Vue با کتابخانه CSS Tailwind Vue with Tailwind CSS Library

  • Vue با کتابخانه CSS Tailwind Vue with Tailwind CSS Library

Vue با پروژه Tailwind CSS Vue with Tailwind CSS Project

  • Vue با پروژه Tailwind CSS Vue with Tailwind CSS Project

مقدمه ای بر برنامه های وب پیشرفته (PWA) Introduction to Progressive Web Apps (PWA)

  • مقدمه ای بر برنامه های وب پیشرفته (PWA) Introduction to Progressive Web Apps (PWA)

Vue 3 PWA با Vite Vue 3 PWA with Vite

  • Vue 3 PWA با Vite Vue 3 PWA with Vite

Vue PWA Caching Vue PWA Caching

  • Vue PWA Caching Vue PWA Caching

معرفی Vue با Firebase Introduction of Vue with Firebase

  • معرفی Vue با Firebase Introduction of Vue with Firebase

پروژه PWA PWA Project

  • پروژه PWA PWA Project

Vue 3 با Pinia Actions، Getters و Persisting State Vue 3 with Pinia Actions, Getters, and Persisting State

  • Vue 3 با Pinia Actions، Getters و Persisting State Vue 3 with Pinia Actions, Getters, and Persisting State

Vue 3 پیشرفته با فروشگاه‌های مدولار پینیا Advanced Vue 3 with Pinia Modular Stores

  • Vue 3 پیشرفته با فروشگاه‌های مدولار پینیا Advanced Vue 3 with Pinia Modular Stores

ساخت پروژه Vue 3 با Pinia و Firebase Building a Vue 3 Project with Pinia and Firebase

  • ساخت پروژه Vue 3 با Pinia و Firebase Building a Vue 3 Project with Pinia and Firebase

بهینه سازی Vue 3 Vue 3 Optimization

  • بهینه سازی Vue 3 Vue 3 Optimization

Vue 3 تولید و استقرار Vue 3 Production and Deployment

  • Vue 3 تولید و استقرار Vue 3 Production and Deployment

راهنمای سوالات مصاحبه رایج Vue 3 Vue 3 Common Interview Questions Guide

  • راهنمای سوالات مصاحبه رایج Vue 3 Vue 3 Common Interview Questions Guide

آزمون های پایان دوره End of Course Quizzes

  • آزمون پایان دوره 1 End of Course Quiz 1

  • امتحان پایان دوره 2 End of Course Quiz 2

نمایش نظرات

Udemy (یودمی)

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

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

آموزش Vue.js: دروازه شما برای توسعه وب مدرن
جزییات دوره
21 hours
55
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,408
از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Uplatz Training Uplatz Training

سریعترین رشد ارائه دهنده آموزش جهانی فناوری اطلاعات Uplatz پیشرو در انگلستان است که ارائه دهنده خدمات آموزش فناوری اطلاعات به دانشجویان در سراسر جهان است. منحصر به فرد بودن ما از آنجا ناشی می شود که ما دوره های آموزشی آنلاین را با کسری از متوسط هزینه این دوره ها در بازار ارائه می دهیم. تخصص ما شامل SAP ، Oracle ، Salesforce ، AWS ، Microsoft Azure ، Google Cloud ، IBM Cloud ، Science data ، Python ، JavaScript ، Java ، Digital Marketing ، Agile و DevOps است. Uplatz که در مارس 2017 تاسیس شد ، شاهد افزایش خارق العاده ای در صنعت آموزش است که با یک دوره آنلاین SAP FICO شروع می شود و اکنون آموزش 500+ دوره را در 54 کشور جهان ارائه داده است که طی 10 سال به 10 هزار دانشجو خدمت کرده اند. آموزش Uplatz بسیار با ساختار ، موضوع محور و شغل محور است و تأکید زیادی بر تمرین و تکالیف در سرورهای زنده دارد. دوره های ما توسط بیش از هزار مربی بسیار ماهر و باتجربه طراحی و تدریس می شوند که در زمینه های خود اعم از SAP ، Cloud ، Oracle یا هر فناوری یا سیستم درخواستی تخصص کافی دارند.