نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
VueJS، Command Line، Babel، NPM، Webpack، Vue JS CLI، Vue.js Router، VueX، Axios، iView، Express.js، Nuxt.js ایجاد برنامه های جلویی با استفاده از Vue برنامه Vue خود را به PHP و دستور Operate MySQL متصل کنید. خط، Babel، NPM و Webpack ایجاد اپلیکیشن های تک صفحه ای با استفاده از Vue، کامپوننت های تک فایل Vue، و روتر Vue Master vue روتر، vuex و axios Master Ajax Master Expressjs Master Nodejs Master Vuejs Master Nuxtjs پیش نیازها:دانش پایه جاوا اسکریپت مورد نیاز است. بدانید یک کلاس چیست و چگونه آن را در یک شیء نمونه سازی کنید شما باید بدانید که چگونه از ویژگی ها و روش های شی استفاده کنید
اگر هنوز فکر میکنید 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)
در مرحله یک، اصول اولیه 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()
تجزیه و تحلیل دایرکتوری ریشه پروژه
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
نمایش نظرات