آموزش Vue.js 2 Academy: گام به گام Vue را یاد بگیرید

درس ها Lessons

• سبک های صحافی Binding styles

• مقدمه بخش: ابزارهای ساخت و گردش کار Section intro: Build tools & Workflow

• معرفی قلاب های جاوا اسکریپت Javascript hooks introduction

• محدوده بندی سبک های CSS Scoping CSS styles

• مقدمه بخش: مقدمه ای بر کامپوننت ها Section intro: Introduction to Components

• خروجی متن و HTML Outputting text & HTML

• خوش آمدی! Welcome!

• قلاب های جاوا اسکریپت در عمل Javascript hooks in action

• بخش بیرونی: ساخت ابزار و گردش کار Section outro: Build tools & Workflow

• حلقه زدن با اشیا Looping with objects

• مدیریت رویداد و روش ها Event handling & methods

• اسلات های نام گذاری شده Named slots

• انتقال عناصر و کلیدها Element transitions & keys

• استفاده از عبارات جاوا اسکریپت Using Javascript expressions

• منوی گزینه های متن: سبک قلم و وزن Text options menu: font style & weight

• ارائه فهرست List rendering

• زنده نگه داشتن اجزا Keeping components alive

• مقدمه بخش: نگاهی عمیق تر به Vue Section Intro: A Deeper Look At Vue

• انتقال های گروهی Group transitions

• منوی گزینه های متن: تراز متن Text options menu: text alignment

• معرفی اتوبوس رویداد Introduction to the event bus

• دکمه تنظیم تصویر Set image button

• ثبت اجزای محلی Registering local components

• افزودن جزء جلوی کارت Adding the card front component

• نحو مختصر Vue Vue shorthand syntax

• منوی گزینه های متن: اندازه فونت Text options menu: font sizes

• استفاده از قالب های رشته ای Using string templates

• راه اندازی Firebase Setting up Firebase

• قلاب چرخه حیات Vue در عمل Vue lifecycle hooks in action

• چرخه حیات Vue The Vue lifecycle

• Vue.js چیست و چرا باید از آن استفاده کنم؟ What is Vue.js and why should I use it?

• دسترسی خارجی به نمونه های Vue Accessing Vue instances externally

• انتقال اجزا و حالت های انتقال Component transitions & transition modes

• استفاده از چندین نمونه Vue Using multiple Vue instances

• ناظران Watchers

• ایجاد کامپوننت ImageUpload Creating the ImageUpload component

• ایجاد اجزای کارت اضافی Creating the additional card components

• مقدمه ای بر اسلات ها Introduction to slots

• انتقال داده ها با لوازم جانبی Passing data with props

• افزودن میکسین ها Adding mixins

• اتمام مؤلفه CardInsideLeft Finishing the CardInsideLeft component

• من را در Skillshare دنبال کنید! Follow me on Skillshare!

• ترکیب انیمیشن ها و انتقال ها Mixing animations & transitions

• اجزا چیست؟ What are components?

• پروژه های داربست با vue-cli Scaffolding projects with the vue-cli

• نوار پیشرفت آپلود و داده های فایل $emit Upload progress bar & $emit file data

• کلاس های انتقال سفارشی Custom transition classes

• افزودن پیوندها و کلیدهای پیمایش ما Adding our navigation links & keys

• بخش بیرونی: اجزای ادامه و ذخیره سازی Firebase Section outro: Components Continued & Firebase Storage

• استفاده از شی داده با الگوهای تک فایل Using the data object with single file templates

• رویدادهای کلیدی و اصلاح‌کننده‌ها Key events & modifiers

• آپلود تصاویر در firebase Uploading images to firebase

• اتصال داده دو طرفه با مدل v Two way data binding with v-model

• اتمام مؤلفه CardBack Finishing the CardBack component

• دامنه اسلات و محتوای بازگشتی Slot scope & fallback content

• اجزای دینامیک Dynamic components

• اتصال عناصر به صفات Binding elements to attributes

• ارسال رویدادها به اتوبوس رویداد Sending events to the event bus

• خواص محاسبه شده Computed properties

• ویژگی‌ها و روش‌های نمونه Vue Vue instance properties & methods

• جزء خروجی تصویر Image output component

• بخش Outro: مبانی Vue Section Outro: Vue Basics

• کلاس های انتقالی Transition classes

• دانلود شروع پروژه Download project starter

• ثبت اجزای جهانی Registering global components

• الگوها و DOM مجازی Templates & the virtual DOM

• دانلود تصاویر از Firebase Downloading images from Firebase

• دکمه حذف تصویر Remove image button

• نصب ویژوال استودیو Visual studio installation

• ایجاد جزء ورودی متن Creating the text input component

• بخش بیرونی: مقدمه ای بر کامپوننت ها Section outro: Introduction to Components

• دریافت رویدادها از اتوبوس رویداد Receiving events from the event bus

• اطلاعات بیشتر در مورد حلقه زدن: کلیدها و اعداد فهرست More on looping: keys & index numbers

• مقدمه بخش: اجزای ادامه و ذخیره سازی Firebase Section intro: Components Continued & Firebase Storage

• بخش معرفی: مبانی Vue Section Intro: Vue Basics

• کلاس V-move و نام های انتقال پویا V-move class & dynamic transition names

• ایجاد اجزای تک فایل Creating single file components

• رندر مشروط در Vue Conditional rendering in Vue

• مقدمه بخش: انتقال و انیمیشن Section intro: Transitions & Animations

• اعتبار سنجی پایه Prop validation

• فیلترها Filters

• کاوش طرح‌بندی پروژه و ابزارهای ساخت Exploring our project layout and build tools

• ارجاع عناصر با رفر Referencing elements with ref

• ارسال داده های prop به یک شیء سبک Passing prop data to a style object

• نمونه Vue و شی داده The Vue instance & the data object

• کشیدن تصاویر Making images draggable

• اتمام مؤلفه CardInsideRight Finishing the CardInsideRight component

• ایجاد جزء خروجی متن Creating the text output component

• V-if در مقابل v-show V-if vs v-show

• در حال نصب Vue.js Installing Vue.js

• تصویر کوچک پیش نمایش تصویر Image preview thumbnail

• نصب Node & NPM Installing Node & NPM

• دریافت اطلاعات از ورودی متن Receiving data from the text input

• بخش بیرونی: نگاهی عمیق تر به Vue Section Outro: A Deeper Look At Vue

• اضافه کردن انیمیشن های CSS Adding CSS animations

• بخش بیرونی: انتقال و انیمیشن Section outro: Transitions & Animations

• اضافه کردن انتقال CSS Adding CSS transitions

• انتقال داده با تماس های برگشتی Passing data with callbacks

• انتقال های رندر اولیه Initial render transitions

• متشکرم Thank you

• افزودن نوار پیشرفت Adding a progress bar

• داده ها را به اجزای والد ارسال کنید Emit data to parent components