اگر هنوز فکر میکنید jQuery میتواند به طور کامل جایگزین جاوا اسکریپت شود و میخواهید Vue.JS را یاد بگیرید، این دوره برای شما عالی است زیرا هر آنچه را که نیاز دارید را در اینجا یاد خواهید گرفت.
این دوره برای دانش آموزان با پایه ES6 صفر طراحی شده است، اما شما باید ES5 پایه را بدانید. اگر میدانید که چگونه با استفاده از جاوا اسکریپت و جی کوئری، رنگ پسزمینه را برای یک DIV تنظیم کنید، پس میتوانید ادامه دهید.
محتویات دوره:
این دوره دارای 46 بخش است و 18 حوزه را پوشش می دهد:
مبانی Vue JS (بخش 1-27)
آژاکس (بخش 28)
اتصال Vue به PHP و MySQL (بخش 29)
ابزار خط فرمان (بخش 30)
NPM (بخش 31)
بابل (بخش 32)
سیستم ماژولار JS، شامل module.exports، import و export (بخش 33)
بسته وب (بخش 33)
Vue CLI (بخش 34)
کامپوننت های تک فایل Vue (بخش 34)
روتر Vue (بخش 35)
VueX (بخش 36)
Axios (بخش 37، 38، و 39)
کتابخانه Vue UI: iView (بخش 40)
جاوا اسکریپت پیشرفته: محدوده، زنجیره دامنه، جمع آوری زباله جاوا اسکریپت، بسته شدن، IIFE (عبارات تابع فراخوانی فوری)، THIS، و غیره.
Node.js و Express.js
اتصال Vue به Express و MySQL
Nuxt.js
توجه: نسخه Vue آموزش داده شده در این درس 2.0+
خواهد بود
توضیحات محتوا:
مطالعه VueJS شما از دو مرحله تشکیل شده است.
در مرحله یک، اصول اولیه Vue مانند نمونه Vue، دستورالعملها، مؤلفهها و غیره را خواهید آموخت.
در مرحله دوم، مولفه تک فایل Vue، روتر Vue، VueX و یک کتابخانه Vue UI به نام iView را خواهید آموخت.
بین مرحله یک و دو، خط فرمان، npm، Babel و Webpack را خواهید آموخت. برای جهش از مرحله یک به مرحله دوم به این مهارت ها نیاز دارید.
به هر حال، مهارت هایی که بین مرحله یک و دو یاد می گیرید فقط برای Vue نیست. همچنین زمانی که در حال یادگیری سایر چارچوب های مبتنی بر JS هستید به آنها نیاز خواهید داشت.
یک برنامه frontend به تنهایی تا زمانی که به برنامه Backend و پایگاه داده متصل نشود بی فایده است.
ما نحوه اتصال Vue را به PHP و MySQL از طریق Ajax و فناوریهای مبتنی بر Ajax مانند Axios به شما آموزش خواهیم داد.
در طول دوره، شما روی چندین پروژه کار خواهید کرد تا همیشه فرصتی برای تمرین و به کارگیری آموخته های خود داشته باشید.
سرفصل ها و درس ها
شروع شدن
Getting Started
-
اولین برنامه Vue.js خود را ایجاد کنید و متن را با استفاده از آن نمایش دهید
Create our first Vue.js program and display text using it
شروع شدن
Getting Started
-
آشنایی با Vue.js چیست و چگونه آن را نصب کنیم
Getting to know what Vue.js is and how to install it
-
آشنایی با Vue.js چیست و چگونه آن را نصب کنیم
Getting to know what Vue.js is and how to install it
-
اولین برنامه Vue.js خود را ایجاد کنید و متن را با استفاده از آن نمایش دهید
Create our first Vue.js program and display text using it
-
کنترل مقدار مشخصه با استفاده از Vue.js
Controlling attribute value using Vue.js
-
کنترل مقدار مشخصه با استفاده از Vue.js
Controlling attribute value using Vue.js
پروژه: اولین برنامه Vue.js خود را ایجاد کنید
PROJECT: create our first Vue.js APP
-
نقشه راه مرحله کنونی
Road Map of the Current Stage
پروژه: اولین برنامه Vue.js خود را ایجاد کنید
PROJECT: create our first Vue.js APP
-
نقشه راه مرحله کنونی
Road Map of the Current Stage
-
ایجاد بلوک خواندن اخبار مورد استفاده بی بی سی
Creating the news reading block used by BBC
-
ایجاد بلوک خواندن اخبار مورد استفاده بی بی سی
Creating the news reading block used by BBC
تولید محتوا به صورت خودکار با استفاده از دستورالعمل V-FOR
Generating contents automatically using the V-FOR directive
-
اشکال برنامه خواندن اخبار بی بی سی ما و راه حل: دستورالعمل V-FOR
The drawback of our BBC news reading program and the solution: V-FOR directive
-
V-FOR در یک سناریوی کاربردی کمی پیچیده تر
V-FOR in a slightly more complicated application scenario
-
V-FOR را برای برنامه خواندن اخبار بی بی سی که قبلا ایجاد کردیم، اعمال کنید
Apply V-FOR to the BBC news reading program we created before
تولید محتوا به صورت خودکار با استفاده از دستورالعمل V-FOR
Generating contents automatically using the V-FOR directive
-
نقشه راه مرحله کنونی
Road Map of the Current Stage
-
اشکال برنامه خواندن اخبار بی بی سی ما و راه حل: دستورالعمل V-FOR
The drawback of our BBC news reading program and the solution: V-FOR directive
-
V-FOR در یک سناریوی کاربردی کمی پیچیده تر
V-FOR in a slightly more complicated application scenario
-
V-FOR را برای برنامه خواندن اخبار بی بی سی که قبلا ایجاد کردیم، اعمال کنید
Apply V-FOR to the BBC news reading program we created before
آشنایی با پروکسی
Getting to know PROXY
-
نقشه راه مرحله کنونی
Road Map of the Current Stage
-
مقدمه ای بر مفهوم پروکسی
Introduction to the concept of PROXY
-
نحوه برقراری ارتباط بین VM.data و VM.methods
How to communicated between VM.data and VM.methods
آشنایی با پروکسی
Getting to know PROXY
-
نقشه راه مرحله کنونی
Road Map of the Current Stage
-
آیا مشکلی پیدا کرده اید؟
Have you found a problem?
-
آیا مشکلی پیدا کرده اید؟
Have you found a problem?
-
مقدمه ای بر مفهوم پروکسی
Introduction to the concept of PROXY
-
PROXY همچنین روی متدها کار می کند، به این معنی که می توانید یک متد را پروکسی کنید
PROXY also works on methods, meaning you can proxy a method
-
PROXY همچنین روی متدها کار می کند، به این معنی که می توانید یک متد را پروکسی کنید
PROXY also works on methods, meaning you can proxy a method
-
نحوه برقراری ارتباط بین VM.data و VM.methods
How to communicated between VM.data and VM.methods
دستورالعمل V-ON - پاسخ Vue به مدیریت رویدادها
The V-ON directive - Vue's answer to handling events
-
نقشه راه مرحله کنونی
Road Map of the Current Stage
-
مقدمه ای بر دستورالعمل V ON
Introduction to the V ON directive
دستورالعمل V-ON - پاسخ Vue به مدیریت رویدادها
The V-ON directive - Vue's answer to handling events
-
نقشه راه مرحله کنونی
Road Map of the Current Stage
-
نقشه راه مرحله کنونی
Road Map of the Current Stage
-
مقدمه ای بر دستورالعمل V ON
Introduction to the V ON directive
رندر شرطی: با استفاده از V-IF، V-ELSE و V-SHOW
Conditional rendering: using V-IF, V-ELSE, and V-SHOW
-
رندر مشروط
Conditional rendering
رندر شرطی: با استفاده از V-IF، V-ELSE و V-SHOW
Conditional rendering: using V-IF, V-ELSE, and V-SHOW
-
رندر مشروط
Conditional rendering
V-MODEL: جمع آوری داده های ارسالی توسط کاربر
V-MODEL: collecting user-submitted data
-
استفاده از v-model در برچسب های دیگر: textarea، دکمه رادیویی، کادر علامت گذاری شده و غیره.
Using v-model in other tags: textarea, radio button, checked box, etc.
V-MODEL: جمع آوری داده های ارسالی توسط کاربر
V-MODEL: collecting user-submitted data
-
مقدمه ای بر V-MODEL
Introduction to V-MODEL
-
مقدمه ای بر V-MODEL
Introduction to V-MODEL
-
استفاده از V-MODEL در پروژه ها
Using V-MODEL in projects
-
استفاده از V-MODEL در پروژه ها
Using V-MODEL in projects
-
اصلاح کننده تنبل و اصلاح کننده اعداد
Lazy modifier and number modifier
-
اصلاح کننده تنبل و اصلاح کننده اعداد
Lazy modifier and number modifier
-
استفاده از v-model در برچسب های دیگر: textarea، دکمه رادیویی، کادر علامت گذاری شده و غیره.
Using v-model in other tags: textarea, radio button, checked box, etc.
ترکیب v-for و v-model و ایجاد یک لیست به صورت پویا
Combining v-for and v-model and creating a list DYNAMICALLY
ترکیب v-for و v-model و ایجاد یک لیست به صورت پویا
Combining v-for and v-model and creating a list DYNAMICALLY
-
ایجاد لیست به صورت پویا
Creating a list dynamically
-
ایجاد لیست به صورت پویا
Creating a list dynamically
محاسبه و فیلتر
Computed and Filter
-
تفاوت بین COMPUTE و FILTER
The difference between COMPUTED and FILTER
-
پروژه: معکوس کردن ترتیب حروف با استفاده از COMPUTE
Project: reversing letter order using COMPUTED
محاسبه و فیلتر
Computed and Filter
-
تفاوت بین COMPUTE و FILTER
The difference between COMPUTED and FILTER
-
مقدمه ای بر FILTER
Introduction to FILTER
-
مقدمه ای بر FILTER
Introduction to FILTER
-
مقدمه ای بر محاسباتی
Introduction to COMPUTED
-
مقدمه ای بر محاسباتی
Introduction to COMPUTED
-
پروژه: معکوس کردن ترتیب حروف با استفاده از COMPUTE
Project: reversing letter order using COMPUTED
-
تبادل داده دو طرفه بین DATA و COMPUED
Two-way data exchange between DATA and COMPUTED
-
تبادل داده دو طرفه بین DATA و COMPUED
Two-way data exchange between DATA and COMPUTED
کنترل CSS با استفاده از V-BIND
Controlling CSS using V-BIND
-
کنترل CSS قسمت 2
Controlling CSS Part 2
کنترل CSS با استفاده از V-BIND
Controlling CSS using V-BIND
-
کنترل CSS قسمت 1
Controlling CSS Part 1
-
کنترل CSS قسمت 1
Controlling CSS Part 1
-
کنترل CSS قسمت 2
Controlling CSS Part 2
Porject: ماشین حساب کاراکتر باقی مانده
Porject: remaining character calculator
-
تجزیه و تحلیل پروژه
Project analysis
Porject: ماشین حساب کاراکتر باقی مانده
Porject: remaining character calculator
-
تجزیه و تحلیل پروژه
Project analysis
-
ایجاد برنامه
Creating the APP
-
ایجاد برنامه
Creating the APP
اجزای Vue
Vue Components
اجزای Vue
Vue Components
-
مقدمه ای بر کامپوننت ها
Introduction to Components
-
مقدمه ای بر کامپوننت ها
Introduction to Components
-
ثبت و نصب اولین قوانین نامگذاری مؤلفه و مؤلفه ما
Registering and installing our first component and component naming rules
-
ثبت و نصب اولین قوانین نامگذاری مؤلفه و مؤلفه ما
Registering and installing our first component and component naming rules
-
یک مؤلفه محلی را ثبت کنید
Register a local component
-
یک مؤلفه محلی را ثبت کنید
Register a local component
ارسال داده به یک کامپوننت
Sending data into a componnet
-
نمایش ارسال داده به کامپوننت با استفاده از props
Demonstration of sending data into component using props
-
بررسی نحوه استفاده از لوازم جانبی
Review of how to use props
ارسال داده به یک کامپوننت
Sending data into a componnet
-
مقدمه ای بر لوازم جانبی
Introduction to props
-
مقدمه ای بر لوازم جانبی
Introduction to props
-
نمایش ارسال داده به کامپوننت با استفاده از props
Demonstration of sending data into component using props
-
بررسی نحوه استفاده از لوازم جانبی
Review of how to use props
ارسال داده به خارج از یک جزء
Sending data out of a component
-
ارسال داده به خارج از جزء با استفاده از $emit() و رویداد خود تعریف شده
Sending data out of component using $emit() and self-defined event
-
ارسال چندین مقدار به طور همزمان
Sending multiple values simultanesouly
-
یک گوشه مرده را پاک کنید: با استفاده از رویداد اصلی در تگ های مؤلفه
Clean a dead corner: using original event on component tags
ارسال داده به خارج از یک جزء
Sending data out of a component
-
تجزیه و تحلیل نحوه ارسال داده ها از یک جزء
An analysis of how to send data out of a component
-
تجزیه و تحلیل نحوه ارسال داده ها از یک جزء
An analysis of how to send data out of a component
-
ارسال داده به خارج از جزء با استفاده از $emit() و رویداد خود تعریف شده
Sending data out of component using $emit() and self-defined event
-
ارسال چندین مقدار به طور همزمان
Sending multiple values simultanesouly
-
یک گوشه مرده را پاک کنید: با استفاده از رویداد اصلی در تگ های مؤلفه
Clean a dead corner: using original event on component tags
حقیقت V-MODEL
The truth of V-MODEL
-
حقیقت دستور V-MODEL
The truth of the V-MODEL directive
حقیقت V-MODEL
The truth of V-MODEL
-
حقیقت دستور V-MODEL
The truth of the V-MODEL directive
پروژه: ایجاد یک ماشین حساب قیمت
Project: creating a price calculator
-
ایجاد ماشین حساب قیمت
Creating the price calculator
پروژه: ایجاد یک ماشین حساب قیمت
Project: creating a price calculator
-
تجزیه و تحلیل پروژه
Project analysis
-
تجزیه و تحلیل پروژه
Project analysis
-
ایجاد ماشین حساب قیمت
Creating the price calculator
شکاف ها
Slots
-
مقدمه ای بر اسلات ها
Introduction to slots
-
اسلات های نامگذاری شده
Named slots
شکاف ها
Slots
-
مقدمه ای بر اسلات ها
Introduction to slots
-
استفاده از اسلات در صفحه اخبار
Using slots in news page
-
استفاده از اسلات در صفحه اخبار
Using slots in news page
-
اسلات های نامگذاری شده
Named slots
تبادل داده بین اجزای خواهر و برادر: گذرگاه رویداد مرکزی
Data exchange between sibling components: Central Event Bus
-
تبادل داده بین اجزای خواهر و برادر قسمت 1
Data exchange between sibling components Part 1
-
تبادل داده بین اجزای خواهر و برادر قسمت 2
Data exchange between sibling components Part 2
تبادل داده بین اجزای خواهر و برادر: گذرگاه رویداد مرکزی
Data exchange between sibling components: Central Event Bus
-
تبادل داده بین اجزای خواهر و برادر قسمت 1
Data exchange between sibling components Part 1
-
تبادل داده بین اجزای خواهر و برادر قسمت 2
Data exchange between sibling components Part 2
ایجاد یک برنامه خواندن و ویرایش اخبار
Creating a news reading and editing APP
ایجاد یک برنامه خواندن و ویرایش اخبار
Creating a news reading and editing APP
-
تجزیه و تحلیل برنامه
Program analysis
-
تجزیه و تحلیل برنامه
Program analysis
-
داده های فرمت شده و زمان تولید کنید
Generate formatted data and time
-
داده های فرمت شده و زمان تولید کنید
Generate formatted data and time
-
کار بر روی پروژه قسمت 1
Working on the project Part 1
-
کار بر روی پروژه قسمت 1
Working on the project Part 1
-
کار بر روی پروژه قسمت 2
Working on the project Part 2
-
کار بر روی پروژه قسمت 2
Working on the project Part 2
VUE.JS: محتویات جدید اضافه شده توسط Vue 2.3: تغییر دهنده sync و گزینه مدل
VUE.JS: New contents added by Vue 2.3: .sync modifier and model option
-
اصلاح کننده .sync
The .sync modifier
-
مدل v سفارشی
Custom v-model
VUE.JS: محتویات جدید اضافه شده توسط Vue 2.3: تغییر دهنده sync و گزینه مدل
VUE.JS: New contents added by Vue 2.3: .sync modifier and model option
-
اصلاح کننده .sync
The .sync modifier
-
مدل v سفارشی
Custom v-model
اسلات های محدوده
Scoped slots
-
استفاده از اسلات های محدوده در لیست ها
Using scoped slots on lists
اسلات های محدوده
Scoped slots
-
مقدمه ای بر اسلات های scoped
Introduction to scoped slots
-
مقدمه ای بر اسلات های scoped
Introduction to scoped slots
-
نمایش استفاده از اسلات های scoped
Demonstration of using scoped slots
-
نمایش استفاده از اسلات های scoped
Demonstration of using scoped slots
-
استفاده از اسلات های محدوده در لیست ها
Using scoped slots on lists
جزء متفرقه
Component misellaneous
-
است، نگه داشتن زنده، و v-one
is, keep-alive, and v-once
جزء متفرقه
Component misellaneous
-
است، نگه داشتن زنده، و v-one
is, keep-alive, and v-once
-
بازیابی شی معرف مؤلفه با استفاده از ref
Retrieving the object representing the component using ref
-
بازیابی شی معرف مؤلفه با استفاده از ref
Retrieving the object representing the component using ref
Vue API و واکنش در عمق
Vue API and reactivity in depth
-
API قسمت 2
API Part 2
-
API قسمت 9
API Part 9
-
API قسمت 10
API Part 10
-
API قسمت 11
API Part 11
-
API قسمت 12
API Part 12
Vue API و واکنش در عمق
Vue API and reactivity in depth
-
پیشگفتار
Preface
-
پیشگفتار
Preface
-
API قسمت 1
API Part 1
-
API قسمت 1
API Part 1
-
API قسمت 2
API Part 2
-
API قسمت 3
API Part 3
-
API قسمت 3
API Part 3
-
API قسمت 4
API Part 4
-
API قسمت 4
API Part 4
-
API قسمت 5
API Part 5
-
API قسمت 5
API Part 5
-
چیز جالبی را امتحان کنید
Try something interesting
-
چیز جالبی را امتحان کنید
Try something interesting
-
API قسمت 6
API Part 6
-
API قسمت 6
API Part 6
-
API قسمت 7
API Part 7
-
API قسمت 7
API Part 7
-
API قسمت 8
API Part 8
-
API قسمت 8
API Part 8
-
API قسمت 9
API Part 9
-
API قسمت 10
API Part 10
-
API قسمت 11
API Part 11
-
API قسمت 12
API Part 12
-
API قسمت 13
API Part 13
-
API قسمت 13
API Part 13
جلوه های انتقال
Transition Effects
-
مطمئن شوید که دقیقاً می دانید چگونه از ویژگی انتقال استفاده کنید
Make sure you know EXACTLY how to use the transition attribute
-
اولین اثر گذار خود را ایجاد کنید
Create your first transition effect
-
افزودن افکت های انتقال به اجزای پویا
Adding transition effects to dynamic components
-
افزودن افکت های انتقال ایجاد شده توسط animate.css
Adding transitioning effects created by animate.css
-
قلاب های انتقال JS
JS transition hooks
-
ایجاد یک جزء انتقالی
Creating a transitioning component
جلوه های انتقال
Transition Effects
-
مقدمه ای بر جلوه های انتقال
Introduction to transition effects
-
مقدمه ای بر جلوه های انتقال
Introduction to transition effects
-
مطمئن شوید که دقیقاً می دانید چگونه از ویژگی انتقال استفاده کنید
Make sure you know EXACTLY how to use the transition attribute
-
استفاده از انتقال در برنامه های Vue
Using transition in Vue programs
-
استفاده از انتقال در برنامه های Vue
Using transition in Vue programs
-
اولین اثر گذار خود را ایجاد کنید
Create your first transition effect
-
افزودن اثر گذار به برنامه خواندن و ویرایش اخبار قبلی ما
Adding transition effect to our previous news reading and editing app
-
افزودن اثر گذار به برنامه خواندن و ویرایش اخبار قبلی ما
Adding transition effect to our previous news reading and editing app
-
افزودن افکت های انتقال به اجزای پویا
Adding transition effects to dynamic components
-
Transition-group: اضافه کردن افکت های انتقال به لیست ها
Transition-group: adding transitioning effects to lists
-
Transition-group: اضافه کردن افکت های انتقال به لیست ها
Transition-group: adding transitioning effects to lists
-
مقدمه ای بر animate.css
Introduction to animate.css
-
مقدمه ای بر animate.css
Introduction to animate.css
-
افزودن افکت های انتقال ایجاد شده توسط animate.css
Adding transitioning effects created by animate.css
-
ایجاد افکت های انتقالی با استفاده از JS بومی
Creating transitioning effects using native JS
-
ایجاد افکت های انتقالی با استفاده از JS بومی
Creating transitioning effects using native JS
-
قلاب های انتقال JS
JS transition hooks
-
ایجاد افکت پاپ-این و بیرون با استفاده از قلاب های JS
Creating a pop-in and out effect using JS hooks
-
ایجاد افکت پاپ-این و بیرون با استفاده از قلاب های JS
Creating a pop-in and out effect using JS hooks
-
ایجاد یک جزء انتقالی
Creating a transitioning component
تابع رندر
Render function
-
مقدمه ای برای رندر تابع
Introduction to render function
-
ایجاد لیست با استفاده از تابع render
Creating a list using the render function
تابع رندر
Render function
-
مقدمه ای برای رندر تابع
Introduction to render function
-
تنظیم ویژگی ها با استفاده از تابع RENDER
Setting attributes using the RENDER function
-
تنظیم ویژگی ها با استفاده از تابع RENDER
Setting attributes using the RENDER function
-
ایجاد لیست با استفاده از تابع render
Creating a list using the render function
-
تبادل داده با استفاده از تابع رندر
Exchanging data using the render function
-
تبادل داده با استفاده از تابع رندر
Exchanging data using the render function
دستورالعمل های سفارشی
Custom directives
-
مقدمه ای بر دستورالعمل های سفارشی
Introduction to custom directives
-
ویژگی binding مورد استفاده در ویژگی دستورالعمل
The binding property used in the directive property
دستورالعمل های سفارشی
Custom directives
-
مقدمه ای بر دستورالعمل های سفارشی
Introduction to custom directives
-
ویژگی binding مورد استفاده در ویژگی دستورالعمل
The binding property used in the directive property
-
میانبر در دستورالعمل های سفارشی
A short-cut in custom directives
-
میانبر در دستورالعمل های سفارشی
A short-cut in custom directives
Vue MIXIN
Vue MIXIN
-
مقدمه ای بر میکسین
Introduction to mixin
-
Mixin جهانی را امتحان کنید
Try global Mixin
Vue MIXIN
Vue MIXIN
-
مقدمه ای بر میکسین
Introduction to mixin
-
اولین میکسین محلی ما را امتحان کنید
Try our first local mixin
-
اولین میکسین محلی ما را امتحان کنید
Try our first local mixin
-
درگیری با میکسین
Conflicts with Mixin
-
درگیری با میکسین
Conflicts with Mixin
-
Mixin جهانی را امتحان کنید
Try global Mixin
دوره سقوط آژاکس که ممکن است به آن نیاز داشته باشید یا نداشته باشید
The Ajax crash course you may or may not need
-
آشنایی با آژاکس
Introduction to Ajax
-
ساختار اصلی یک برنامه آژاکس
The basic structure of an Ajax program
-
ارسال درخواست های آژاکس
Sending Ajax requests
-
دریافت پاسخ های آژاکس
Receiving Ajax responses
-
برنامه Ajax را کامل کنید قسمت 1: رفرش خودکار با استفاده از setinterval()
Complete Ajax Program Part 1: auto refresh using setinterval()
-
برنامه Ajax قسمت 4 را کامل کنید: رفع حفره ها
Complete Ajax Program Part 4: fixing loopholes
-
بهبود کارایی برنامه Ajax
Improving Ajax program efficiency
-
مقدمه ای بر راه حل jQuery Ajax
Introduction to jQuery's Ajax solution
-
ایجاد یک برنامه Ajax با استفاده از jQuery
Creating an Ajax program using jQuery
-
jQuery Ajax helper and shortcut
jQuery Ajax helper and short-cut methods
دوره سقوط آژاکس که ممکن است به آن نیاز داشته باشید یا نداشته باشید
The Ajax crash course you may or may not need
-
آشنایی با آژاکس
Introduction to Ajax
-
ساختار اصلی یک برنامه آژاکس
The basic structure of an Ajax program
-
ارسال درخواست های آژاکس
Sending Ajax requests
-
دریافت پاسخ های آژاکس
Receiving Ajax responses
-
ارسال درخواست با استفاده از GET
Sending requests using GET
-
ارسال درخواست با استفاده از GET
Sending requests using GET
-
برنامه Ajax را کامل کنید قسمت 1: رفرش خودکار با استفاده از setinterval()
Complete Ajax Program Part 1: auto refresh using setinterval()
-
کامل برنامه Ajax قسمت 2: اتصال Ajax به پایگاه داده
Complete Ajax Program Part 2: connecting Ajax to database
-
کامل برنامه Ajax قسمت 2: اتصال Ajax به پایگاه داده
Complete Ajax Program Part 2: connecting Ajax to database
-
برنامه کامل Ajax قسمت 3: نمایش داده های بازیابی شده در DOM
Complete Ajax Program Part 3: displaying retrieved data in DOM
-
برنامه کامل Ajax قسمت 3: نمایش داده های بازیابی شده در DOM
Complete Ajax Program Part 3: displaying retrieved data in DOM
-
برنامه Ajax قسمت 4 را کامل کنید: رفع حفره ها
Complete Ajax Program Part 4: fixing loopholes
-
بهبود کارایی برنامه Ajax
Improving Ajax program efficiency
-
مقدمه ای بر راه حل jQuery Ajax
Introduction to jQuery's Ajax solution
-
ایجاد یک برنامه Ajax با استفاده از jQuery
Creating an Ajax program using jQuery
-
jQuery Ajax helper and shortcut
jQuery Ajax helper and short-cut methods
درک JSON
Understanding JSON
-
درک JSON
Understanding JSON
درک JSON
Understanding JSON
-
درک JSON
Understanding JSON
اتصال Vue به PHP و MySQL
Connecting Vue to PHP and MySQL
-
حذف یک ردیف از جدول پایگاه داده قسمت 2
Deleting a row from database table Part 2
-
ایجاد ردیف در پایگاه داده قسمت 1: آماده سازی قسمت HTML
Creating a row in database Part 1: preparing the HTML part
-
ایجاد ردیف در پایگاه داده قسمت 3: تنظیم PHP و MySQL
Creating a row in database Part 3: setting PHP and MySQL
-
به روز رسانی یک ردیف قسمت 3: ارسال داده ها به مدال
Updating a row Part 3: sending data to modal
-
به روز رسانی یک ردیف قسمت 5: نصب سیستم فیلترینگ داده ها
Updating a row Part 5: Installing a data filtering system
-
به روز رسانی یک ردیف قسمت 7: ذخیره داده ها در پایگاه داده
Updating a row Part 7: saving data to database
اتصال Vue به PHP و MySQL
Connecting Vue to PHP and MySQL
-
نحوه اتصال Vue به PHP و MySQL
How to connect Vue to PHP and MySQL
-
نحوه اتصال Vue به PHP و MySQL
How to connect Vue to PHP and MySQL
-
تبادل داده بین Vue و PHP
Exchanging data between Vue and PHP
-
تبادل داده بین Vue و PHP
Exchanging data between Vue and PHP
-
اتصال Vue به MySQL و نمایش داده های بازیابی شده
Connecting Vue to MySQL and display retrieved data
-
اتصال Vue به MySQL و نمایش داده های بازیابی شده
Connecting Vue to MySQL and display retrieved data
-
اتصال Vue با PHP و MySQL با استفاده از jQuery
Connecting Vue with PHP and MySQL using jQuery
-
اتصال Vue با PHP و MySQL با استفاده از jQuery
Connecting Vue with PHP and MySQL using jQuery
-
حذف یک ردیف از جدول پایگاه داده قسمت 1
Deleting a row from database table Part 1
-
حذف یک ردیف از جدول پایگاه داده قسمت 1
Deleting a row from database table Part 1
-
حذف یک ردیف از جدول پایگاه داده قسمت 2
Deleting a row from database table Part 2
-
ایجاد ردیف در پایگاه داده قسمت 1: آماده سازی قسمت HTML
Creating a row in database Part 1: preparing the HTML part
-
ایجاد ردیف در پایگاه داده قسمت 2: نصب فیلتر امنیتی
Creating a row in database Part 2: installing a security filter
-
ایجاد ردیف در پایگاه داده قسمت 2: نصب فیلتر امنیتی
Creating a row in database Part 2: installing a security filter
-
ایجاد ردیف در پایگاه داده قسمت 3: تنظیم PHP و MySQL
Creating a row in database Part 3: setting PHP and MySQL
-
به روز رسانی یک ردیف قسمت 1
Updating a row Part 1
-
به روز رسانی یک ردیف قسمت 1
Updating a row Part 1
-
به روز رسانی یک ردیف: تنظیم UI
Updating a row: setting UI
-
به روز رسانی یک ردیف: تنظیم UI
Updating a row: setting UI
-
به روز رسانی یک ردیف قسمت 3: ارسال داده ها به مدال
Updating a row Part 3: sending data to modal
-
به روز رسانی یک ردیف قسمت 4: نصب جعبه های ورودی در حالت مدال
Updating a row Part 4: Installing input boxes on modal
-
به روز رسانی یک ردیف قسمت 4: نصب جعبه های ورودی در حالت مدال
Updating a row Part 4: Installing input boxes on modal
-
به روز رسانی یک ردیف قسمت 5: نصب سیستم فیلترینگ داده ها
Updating a row Part 5: Installing a data filtering system
-
به روز رسانی یک ردیف قسمت 6: ارسال داده به PHP
Updating a row Part 6: sending data to PHP
-
به روز رسانی یک ردیف قسمت 6: ارسال داده به PHP
Updating a row Part 6: sending data to PHP
-
به روز رسانی یک ردیف قسمت 7: ذخیره داده ها در پایگاه داده
Updating a row Part 7: saving data to database
-
برخی از افکار در مورد برنامه خواندن و ویرایش اخبار
Some thoughts about the news reading and editing app
-
برخی از افکار در مورد برنامه خواندن و ویرایش اخبار
Some thoughts about the news reading and editing app
دوره سقوط خط فرمان
Command Line Crash Course
دوره سقوط خط فرمان
Command Line Crash Course
-
دوره Crash خط فرمان: مک
Command Line Crash Course: Mac
-
دوره Crash خط فرمان: مک
Command Line Crash Course: Mac
-
دوره Crash خط فرمان: ویندوز
Command Line Crash Course: Windows
-
دوره Crash خط فرمان: ویندوز
Command Line Crash Course: Windows
NPM
NPM
-
مدیریت بسته ها با استفاده از NPM
Managing packages using NPM
NPM
NPM
-
مقدمه ای بر NPM
Introduction to NPM
-
مقدمه ای بر NPM
Introduction to NPM
-
NPM init و package.json
NPM init and package.json
-
NPM init و package.json
NPM init and package.json
-
چیزهایی که باید در مورد بسته ها و وابستگی ها بدانید
Things you must know about packages and dependencies
-
چیزهایی که باید در مورد بسته ها و وابستگی ها بدانید
Things you must know about packages and dependencies
-
مدیریت بسته ها با استفاده از NPM
Managing packages using NPM
-
نصب بسته ها با استفاده از NPM
Installing packages using NPM
-
نصب بسته ها با استفاده از NPM
Installing packages using NPM
بابل
Babel
-
درک نحوه کار بابل
Understanding how Babel works
-
با استفاده از بابل
Using Babel
بابل
Babel
-
نصب بابل
Installing Babel
-
نصب بابل
Installing Babel
-
درک نحوه کار بابل
Understanding how Babel works
-
با استفاده از بابل
Using Babel
بسته وب
Webpack
-
مقدمه ای بر وب پک
Introduction to Webpack
-
پیکربندی بسته وب با استفاده از فایل webpack.config.js
Configuring Webpack using the webpack.config.js file
-
برخورد با بسته ها با استفاده از expose-loader
Dealing with packages using expose-loader
-
آشنایی با افزونه Webpack
Introduction to Webpack Plugin
-
Clean-Webpack-Plugin و UglifyJS-Webpack-Plugin
Clean-Webpack-Plugin and UglifyJS-Webpack-Plugin
-
فایل پیکربندی توسعه وب پک و فایل تولید
Webpack development config file and production file
-
تکان دادن درخت و تکثیر
Tree shaking and deduplication
-
بر حسب تقاضا/بارگذاری تنبل
On-demand/ Lazy loading
بسته وب
Webpack
-
مقدمه ای بر وب پک
Introduction to Webpack
-
با استفاده از Webpack، فایلهای JS را در یک دسته قرار دهید
Bundling JS files into one using Webpack
-
با استفاده از Webpack، فایلهای JS را در یک دسته قرار دهید
Bundling JS files into one using Webpack
-
Style-loader و CSS-loader
Style-loader and CSS-loader
-
Style-loader و CSS-loader
Style-loader and CSS-loader
-
پیکربندی بسته وب با استفاده از فایل webpack.config.js
Configuring Webpack using the webpack.config.js file
-
با استفاده از فایل بارگذار
Using file-loader
-
با استفاده از فایل بارگذار
Using file-loader
-
برخورد با بسته ها با استفاده از expose-loader
Dealing with packages using expose-loader
-
آشنایی با افزونه Webpack
Introduction to Webpack Plugin
-
با استفاده از HTML-Webpack-Plugin
Using HTML-Webpack-Plugin
-
با استفاده از HTML-Webpack-Plugin
Using HTML-Webpack-Plugin
-
Clean-Webpack-Plugin و UglifyJS-Webpack-Plugin
Clean-Webpack-Plugin and UglifyJS-Webpack-Plugin
-
نقشه منبع و حالت تماشا
Source map and watch mode
-
نقشه منبع و حالت تماشا
Source map and watch mode
-
Webpack-dev-server و Hot Module Replacement (HMR)
Webpack-dev-server and Hot Module Replacement(HMR)
-
Webpack-dev-server و Hot Module Replacement (HMR)
Webpack-dev-server and Hot Module Replacement(HMR)
-
فایل پیکربندی توسعه وب پک و فایل تولید
Webpack development config file and production file
-
module.exports و ES6 Import/Export
module.exports and ES6 Import/Export
-
module.exports و ES6 Import/Export
module.exports and ES6 Import/Export
-
تکان دادن درخت و تکثیر
Tree shaking and deduplication
-
بر حسب تقاضا/بارگذاری تنبل
On-demand/ Lazy loading
VUE-CLI و اجزای تک فایلی
VUE-CLI and single-file components
-
مقدمه ای بر فایل های .vue و اجزای تک فایل
Introduction to .vue files and single file components
VUE-CLI و اجزای تک فایلی
VUE-CLI and single-file components
-
معرفی Vue-Cli
Introduction to Vue-Cli
-
معرفی Vue-Cli
Introduction to Vue-Cli
-
مقدمه ای بر فایل های .vue و اجزای تک فایل
Introduction to .vue files and single file components
-
پروژه: ایجاد پرچم هلند با استفاده از اجزای منفرد
Project: creating a Dutch flag using single components
-
پروژه: ایجاد پرچم هلند با استفاده از اجزای منفرد
Project: creating a Dutch flag using single components
روتر Vue
Vue Router
-
آشنایی با روتر Vue و کاربرد اصلی آن
Introduction to Vue router and its basic use
-
مسیرهای تو در تو
Nested routes
-
نمای روتر با نام
Named router view
روتر Vue
Vue Router
-
آشنایی با روتر Vue و کاربرد اصلی آن
Introduction to Vue router and its basic use
-
روتر به نام
Named router
-
روتر به نام
Named router
-
روتر پویا
Dynamic router
-
روتر پویا
Dynamic router
-
تغییر مسیر
Redirect
-
تغییر مسیر
Redirect
-
بارگذاری تنبل
Lazy loading
-
بارگذاری تنبل
Lazy loading
-
مسیرهای تو در تو
Nested routes
-
نمای روتر با نام
Named router view
VueX
VueX
-
مقدمه ای بر VueX
Introduction to VueX
-
قسمت های مشترک یا مشابه بین VueX و Vue Router
The common or similar parts between VueX and Vue Router
-
ایالت و گتر
State and Getters
-
...mapState و ...mapGetters
...mapState and ...mapGetters
-
...mapMutations و ...mapActions
...mapMutations and ...mapActions
-
ماژول های VueX
VueX Modules
VueX
VueX
-
مقدمه ای بر VueX
Introduction to VueX
-
قسمت های مشترک یا مشابه بین VueX و Vue Router
The common or similar parts between VueX and Vue Router
-
مقدمه ای بر پنج مفهوم اصلی VueX
Introduction to the five VueX core concepts
-
مقدمه ای بر پنج مفهوم اصلی VueX
Introduction to the five VueX core concepts
-
ایالت و گتر
State and Getters
-
...mapState و ...mapGetters
...mapState and ...mapGetters
-
استفاده از نام های دیگر در ...mapState و ...mapGetters
Using other names in ...mapState and ...mapGetters
-
استفاده از نام های دیگر در ...mapState و ...mapGetters
Using other names in ...mapState and ...mapGetters
-
نصب Vue Dev Tool
Installing Vue Dev Tool
-
نصب Vue Dev Tool
Installing Vue Dev Tool
-
جهش ها
Mutations
-
جهش ها
Mutations
-
اقدامات
Actions
-
اقدامات
Actions
-
...mapMutations و ...mapActions
...mapMutations and ...mapActions
-
ماژول های VueX
VueX Modules
Axios
Axios
-
ارسال داده با استفاده از axios.post()
Sending data using axios.post()
-
Axios Interceptors: Response Interceptor
Axios Interceptors: Response Interceptor
Axios
Axios
-
مقدمه ای بر Axios
Introduction to Axios
-
مقدمه ای بر Axios
Introduction to Axios
-
ایجاد یک Backend مبتنی بر PHP، راه اندازی یک پروژه Vue و نصب Axios
Creating a PHP-based backend, setting up a Vue project, and installing Axios
-
ایجاد یک Backend مبتنی بر PHP، راه اندازی یک پروژه Vue و نصب Axios
Creating a PHP-based backend, setting up a Vue project, and installing Axios
-
ارسال داده با استفاده از axios.get()
Sending data using axios.get()
-
ارسال داده با استفاده از axios.get()
Sending data using axios.get()
-
ارسال داده با استفاده از axios.post()
Sending data using axios.post()
-
PathRewrite
PathRewrite
-
PathRewrite
PathRewrite
-
رسیدگی به همزمانی (ارسال دو یا چند درخواست به طور همزمان)
Deal with concurrency (two or more requests sent simultaneously)
-
رسیدگی به همزمانی (ارسال دو یا چند درخواست به طور همزمان)
Deal with concurrency (two or more requests sent simultaneously)
-
مدیریت خطاهای Axios
Handling Axios errors
-
مدیریت خطاهای Axios
Handling Axios errors
-
Axios Interceptors: Request Interceptor
Axios Interceptors: Request Interceptor
-
Axios Interceptors: Request Interceptor
Axios Interceptors: Request Interceptor
-
Axios Interceptors: Response Interceptor
Axios Interceptors: Response Interceptor
-
Axios Interceptor: خطاهای رهگیری
Axios Interceptor: intercepting errors
-
Axios Interceptor: خطاهای رهگیری
Axios Interceptor: intercepting errors
آپلود Axios
Axios Upload
-
مقدمه ای بر نحوه آپلود با استفاده از PHP
Introduction to how to upload using PHP
-
کنترل نوع فایل
Controlling file type
-
ایجاد دایرکتوری های جدید برای فایل های آپلود شده به صورت خودکار
Creating new directories for uploaded files automatically
-
آپلود فایل ها با استفاده از Axios: آپلود یک فایل در یک زمان
Uploading files using Axios: uploading one file at a time
-
آپلود فایل با استفاده از Axios: آپلود چندین فایل به طور همزمان
Uploading files using Axios: uploading multiple files simultaneously
-
نمایش پیشرفت آپلود
Showing upload progress
-
ایجاد نوار پیشرفت
Creating a progress bar
آپلود Axios
Axios Upload
-
آشنایی با نحوه آپلود با استفاده از Axios
Introduction to how to upload using Axios
-
آشنایی با نحوه آپلود با استفاده از Axios
Introduction to how to upload using Axios
-
مقدمه ای بر نحوه آپلود با استفاده از PHP
Introduction to how to upload using PHP
-
نمایش را بارگذاری کنید
Upload demonstration
-
نمایش را بارگذاری کنید
Upload demonstration
-
امنیت آپلود
Upload security
-
امنیت آپلود
Upload security
-
کنترل اندازه فایل
Controlling file size
-
کنترل اندازه فایل
Controlling file size
-
کنترل نوع فایل
Controlling file type
-
تغییر نام فایل های آپلود شده
Renaming uploaded files
-
تغییر نام فایل های آپلود شده
Renaming uploaded files
-
ایجاد دایرکتوری های جدید برای فایل های آپلود شده به صورت خودکار
Creating new directories for uploaded files automatically
-
تنظیمات نهایی
Final adjustments
-
تنظیمات نهایی
Final adjustments
-
آپلود فایل ها با استفاده از Axios: آپلود یک فایل در یک زمان
Uploading files using Axios: uploading one file at a time
-
آپلود فایل با استفاده از Axios: آپلود چندین فایل به طور همزمان
Uploading files using Axios: uploading multiple files simultaneously
-
نمایش پیشرفت آپلود
Showing upload progress
-
ایجاد نوار پیشرفت
Creating a progress bar
-
نمونه سفارشی Axios
Custom Axios instance
-
نمونه سفارشی Axios
Custom Axios instance
پروژه: Vue.JS + Axios + PHP
Project: Vue.JS + Axios + PHP
-
یک قابلیت جدید اضافه کنید و یک مشکل کوچک را برطرف کنید
Add a new functionality and fix a small problem
پروژه: Vue.JS + Axios + PHP
Project: Vue.JS + Axios + PHP
-
برنامه قبلی خود را بهبود بخشیم
Improve our previous program
-
برنامه قبلی خود را بهبود بخشیم
Improve our previous program
-
یک قابلیت جدید اضافه کنید و یک مشکل کوچک را برطرف کنید
Add a new functionality and fix a small problem
کتابخانه UI Vue: iView
Vue UI Library: iView
-
نصب iView
Installing iView
-
بین المللی سازی و جزء دکمه
Internationalization and the Button component
-
جدول
Table
-
چرخ فلک
Carousel
-
پورگرس
Porgress
کتابخانه UI Vue: iView
Vue UI Library: iView
-
چرا باید یک کتابخانه UI یاد بگیرید؟
Why you need to learn a UI library
-
چرا باید یک کتابخانه UI یاد بگیرید؟
Why you need to learn a UI library
-
نصب iView
Installing iView
-
اولین مؤلفه خود را امتحان کنید و مؤلفههای iView را بر اساس درخواست بارگیری کنید
Try your first component and load iView components on-demand
-
اولین مؤلفه خود را امتحان کنید و مؤلفههای iView را بر اساس درخواست بارگیری کنید
Try your first component and load iView components on-demand
-
بین المللی سازی و جزء دکمه
Internationalization and the Button component
-
سفارشی سازی تم iView
iView Theme Customization
-
سفارشی سازی تم iView
iView Theme Customization
-
سوئیچ و اسلایدر
Switch and Slider
-
سوئیچ و اسلایدر
Switch and Slider
-
پیام
Message
-
پیام
Message
-
جدول
Table
-
چرخ فلک
Carousel
-
پورگرس
Porgress
-
بارگذاری
Upload
-
بارگذاری
Upload
پروژه: Vue.JS + Axios + PHP + iView
Project: Vue.JS + Axios + PHP + iView
-
قسمت 1
Part 1
-
قسمت 2
Part 2
پروژه: Vue.JS + Axios + PHP + iView
Project: Vue.JS + Axios + PHP + iView
-
قسمت 1
Part 1
-
قسمت 2
Part 2
-
قسمت 3
Part 3
-
قسمت 3
Part 3
-
قسمت 4
Part 4
-
قسمت 4
Part 4
جاوا اسکریپت پیشرفته
Advanced JavaScript
-
محدوده، بالا بردن و متغیرهای اعلام نشده
Scope, hoisting and undeclared variables
-
Instantly Invoked Function Expression و کاربرد آن در ایجاد closure
Instantly Invoked Function Expression and its application in creating closure
-
درک این
Understanding THIS
-
ببندید، درخواست دهید و تماس بگیرید
bind, apply and call
جاوا اسکریپت پیشرفته
Advanced JavaScript
-
تخصیص به ارزش در مقابل. تکلیف به مرجع
Assignment-by-value VS. assignment-by-reference
-
تخصیص به ارزش در مقابل. تکلیف به مرجع
Assignment-by-value VS. assignment-by-reference
-
محدوده، بالا بردن و متغیرهای اعلام نشده
Scope, hoisting and undeclared variables
-
زنجیره اسکوپ و جمع آوری زباله JS
Scope chain and JS garbage collection
-
زنجیره اسکوپ و جمع آوری زباله JS
Scope chain and JS garbage collection
-
بسته
Closure
-
بسته
Closure
-
Instantly Invoked Function Expression و کاربرد آن در ایجاد closure
Instantly Invoked Function Expression and its application in creating closure
-
درک این
Understanding THIS
-
ببندید، درخواست دهید و تماس بگیرید
bind, apply and call
-
Wrapper Object
Wrapper Object
-
Wrapper Object
Wrapper Object
Express.js
Express.js
-
بیان مقدمه و مهارت های اساسی
Express introduction and basic skills
-
مدیریت داده های ارسال شده
Handling posted data
-
استفاده از میان افزار
Using middleware
-
میان افزار سطح روتر و بعدی ('روتر')
Router-level middleware and next('router')
-
ژنراتور اکسپرس
Express Generator
-
مدیریت فایل های استاتیک
Handling static files
Express.js
Express.js
-
معرفی NodeJS
NodeJS introduction
-
معرفی NodeJS
NodeJS introduction
-
بیان مقدمه و مهارت های اساسی
Express introduction and basic skills
-
دریافت مقدار ارسال شده در URL از طریق req.query و req.params
Receiving value sent in URL via req.query and req.params
-
دریافت مقدار ارسال شده در URL از طریق req.query و req.params
Receiving value sent in URL via req.query and req.params
-
مدیریت داده های ارسال شده
Handling posted data
-
استفاده از میان افزار
Using middleware
-
میان افزار رسیدگی به خطا
Error-handling middleware
-
میان افزار رسیدگی به خطا
Error-handling middleware
-
بعدی ()، بعدی ('مسیر') و بعدی ('روتر')
Next(), next('route') and next('router')
-
بعدی ()، بعدی ('مسیر') و بعدی ('روتر')
Next(), next('route') and next('router')
-
میان افزار سطح روتر و بعدی ('روتر')
Router-level middleware and next('router')
-
ژنراتور اکسپرس
Express Generator
-
مدیریت فایل های استاتیک
Handling static files
کوکی و جلسه
Cookie and Session
کوکی و جلسه
Cookie and Session
-
مدیریت کوکی ها در اکسپرس
Handling Cookies in Express
-
مدیریت کوکی ها در اکسپرس
Handling Cookies in Express
-
کوکی امضا شده
Signed Cookie
-
کوکی امضا شده
Signed Cookie
-
جلسه
Session
-
جلسه
Session
اتصال Express به پایگاه داده MySQL
Connecting Express to MySQL database
-
مقدمه ای بر بسته MySQL
Introduction to the MySQL package
-
به روز رسانی داده ها از پایگاه داده
Updating data from database
-
ایجاد ردیف جدید در پایگاه داده
Creating new row in database
-
حذف داده ها از پایگاه داده
Delete data from database
اتصال Express به پایگاه داده MySQL
Connecting Express to MySQL database
-
مقدمه ای بر بسته MySQL
Introduction to the MySQL package
-
بازیابی داده ها از پایگاه داده
Retrieving data from database
-
بازیابی داده ها از پایگاه داده
Retrieving data from database
-
به روز رسانی داده ها از پایگاه داده
Updating data from database
-
ایجاد ردیف جدید در پایگاه داده
Creating new row in database
-
حذف داده ها از پایگاه داده
Delete data from database
اتصال Vue به Express
Connecting Vue to Express
-
نحوه حذف قسمت 1
How to delete Part 1
-
نحوه حذف قسمت 2
How to delete Part 2
-
کد منبع را دریافت کنید
Get source code
اتصال Vue به Express
Connecting Vue to Express
-
اتصال Vue به Express
Connecting Vue to Express
-
اتصال Vue به Express
Connecting Vue to Express
-
تبادل داده بین Vue و Express
Exchanging data between Vue and Express
-
تبادل داده بین Vue و Express
Exchanging data between Vue and Express
-
نمایش داده های بازیابی شده با استفاده از Vue و کتابخانه UI
Display retrieved data using Vue and UI library
-
نمایش داده های بازیابی شده با استفاده از Vue و کتابخانه UI
Display retrieved data using Vue and UI library
-
نحوه حذف قسمت 1
How to delete Part 1
-
نحوه حذف قسمت 2
How to delete Part 2
-
نحوه ایجاد ردیف های جدید
How to create new rows
-
نحوه ایجاد ردیف های جدید
How to create new rows
-
نحوه به روز رسانی ردیف ها
How to update rows
-
نحوه به روز رسانی ردیف ها
How to update rows
-
کد منبع را دریافت کنید
Get source code
Vue CLI 3
Vue CLI 3
-
سفارشی کردن خروجی
Customize output
Vue CLI 3
Vue CLI 3
-
Vue CLI 3
Vue CLI 3
-
Vue CLI 3
Vue CLI 3
-
پیکربندی خودکار افزونه
Automatic plugin configuration
-
پیکربندی خودکار افزونه
Automatic plugin configuration
-
Vue UI
Vue UI
-
Vue UI
Vue UI
-
سفارشی کردن خروجی
Customize output
پروژه Vue CLI 3
Vue CLI 3 Project
پروژه Vue CLI 3
Vue CLI 3 Project
-
پروژه را راه اندازی کنید
Set up the project
-
پروژه را راه اندازی کنید
Set up the project
-
تجزیه و تحلیل دایرکتوری ریشه پروژه
Project root directory analysis
-
تجزیه و تحلیل دایرکتوری ریشه پروژه
Project root directory analysis
-
طراحی اپلیکیشن
App design
-
طراحی اپلیکیشن
App design
-
برنامه قسمت 1 را ایجاد کنید
Create the app Part 1
-
برنامه قسمت 1 را ایجاد کنید
Create the app Part 1
-
برنامه قسمت 2 را ایجاد کنید
Create the app Part 2
-
برنامه قسمت 2 را ایجاد کنید
Create the app Part 2
-
جمع بندی پروژه
Project wrap-up
-
جمع بندی پروژه
Project wrap-up
Nuxt
Nuxt
-
کار با افزونه های Nuxt
Working with Nuxt plugins
-
مسیر Nuxt، اعتبارسنجی و مسیر تودرتو
Nuxt route, validate and nested route
-
میان افزار Nuxt
Nuxt middleware
-
کنترل طرحبندی نمای با استفاده از Layouts و app.html
Controlling view layout using Layouts and app.html
-
بازیابی داده ها با استفاده از asyncData
Retrieving data using asyncData
-
nuxtServerInit
nuxtServerInit
-
کد منبع را دریافت کنید
Get source code
Nuxt
Nuxt
-
Nuxt چیست؟
What is Nuxt?
-
Nuxt چیست؟
What is Nuxt?
-
راه اندازی Nuxt و آنچه در فهرست اصلی آن وجود دارد
Setting up Nuxt and what are in its root directory
-
راه اندازی Nuxt و آنچه در فهرست اصلی آن وجود دارد
Setting up Nuxt and what are in its root directory
-
کامپوننت ها و صفحات Nuxt
Nuxt Components and Pages
-
کامپوننت ها و صفحات Nuxt
Nuxt Components and Pages
-
کار با افزونه های Nuxt
Working with Nuxt plugins
-
مسیر Nuxt، اعتبارسنجی و مسیر تودرتو
Nuxt route, validate and nested route
-
میان افزار Nuxt
Nuxt middleware
-
کنترل طرحبندی نمای با استفاده از Layouts و app.html
Controlling view layout using Layouts and app.html
-
مدیریت فایل های استاتیک در فهرست دارایی ها و دایرکتوری استاتیک
Handling static files in the assets directory and static directory
-
مدیریت فایل های استاتیک در فهرست دارایی ها و دایرکتوری استاتیک
Handling static files in the assets directory and static directory
-
برنامه باطن
The backend program
-
برنامه باطن
The backend program
-
بازیابی داده ها با استفاده از asyncData
Retrieving data using asyncData
-
VueX
VueX
-
VueX
VueX
-
روش واکشی
The fetch method
-
روش واکشی
The fetch method
-
nuxtServerInit
nuxtServerInit
-
کد منبع را دریافت کنید
Get source code
پروژه بزرگ نهایی: برنامه Nuxt
Final big project: Nuxt app
-
پروژه را راه اندازی کنید و افزونه ها را نصب و پیکربندی کنید
Set up the project and install and configure plugins
-
صفحه اصلی برنامه را ایجاد کنید
Create the app homepage
-
صفحه جزئیات را ایجاد کنید
Create the detail page
-
مسیرهای تودرتو: یک کامپوزیت والد. و سه جزء فرزند
Nested routes: one parent comp. and three child components
-
CSS جهانی
Universal CSS
-
کنترل عنوان صفحه و تگ های متا با استفاده از head()
Controlling page title and META tags using head()
-
اعتبارسنجی داده های ارسال شده توسط کاربر
Validating user-submitted data
-
کد منبع را دریافت کنید
Get source code
پروژه بزرگ نهایی: برنامه Nuxt
Final big project: Nuxt app
-
پروژه را راه اندازی کنید و افزونه ها را نصب و پیکربندی کنید
Set up the project and install and configure plugins
-
صفحه اصلی برنامه را ایجاد کنید
Create the app homepage
-
استفاده از داده های پویا
Using dynamic data
-
استفاده از داده های پویا
Using dynamic data
-
اجزاء را به تصویر بیاورید: سرصفحه و پاورقی "componentizing".
Bring components into the picture: "componentizing" header and footer
-
اجزاء را به تصویر بیاورید: سرصفحه و پاورقی "componentizing".
Bring components into the picture: "componentizing" header and footer
-
باید تماشا کنید: طرحبندیها را به تصویر بیاورید
MUST WATCH: Bring Layouts into the picture
-
باید تماشا کنید: طرحبندیها را به تصویر بیاورید
MUST WATCH: Bring Layouts into the picture
-
VueX را وارد تصویر کنید
Bring VueX into the picture
-
VueX را وارد تصویر کنید
Bring VueX into the picture
-
صفحه جزئیات را ایجاد کنید
Create the detail page
-
مسیرهای تودرتو: یک کامپوزیت والد. و سه جزء فرزند
Nested routes: one parent comp. and three child components
-
CSS جهانی
Universal CSS
-
اثرات انتقال
Transition effects
-
اثرات انتقال
Transition effects
-
کنترل عنوان صفحه و تگ های متا با استفاده از head()
Controlling page title and META tags using head()
-
اعتبارسنجی داده های ارسال شده توسط کاربر
Validating user-submitted data
-
MUST WATCH: صفحه خطای سفارشی و اعتبارسنجی داده های ارسالی توسط کاربر با استفاده از میان افزار
MUST WATCH:Custom error page and validating user-submitted data using middleware
-
MUST WATCH: صفحه خطای سفارشی و اعتبارسنجی داده های ارسالی توسط کاربر با استفاده از میان افزار
MUST WATCH:Custom error page and validating user-submitted data using middleware
-
کد منبع را دریافت کنید
Get source code
Udemy (یودمی)
یودمی یکی از بزرگترین پلتفرمهای آموزشی آنلاین است که به میلیونها کاربر در سراسر جهان امکان دسترسی به دورههای متنوع و کاربردی را فراهم میکند. این پلتفرم امکان آموزش در زمینههای مختلف از فناوری اطلاعات و برنامهنویسی گرفته تا زبانهای خارجی، مدیریت، و هنر را به کاربران ارائه میدهد. با استفاده از یودمی، کاربران میتوانند به صورت انعطافپذیر و بهینه، مهارتهای جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگیهای برجسته یودمی، کیفیت بالای دورهها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد میدهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و میتوانند به بهترین شکل ممکن از آموزشها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرمهای آموزشی آنلاین، به افراد امکان میدهد تا به راحتی و با کیفیت، مهارتهای مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.
نمایش نظرات