آموزش دوره کامل Vuejs: Vue.js + Nuxt.js + PHP + Express.js

Complete Vuejs Course: Vue.js + Nuxt.js + PHP + Express.js

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: 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 حوزه را پوشش می دهد:

  1. مبانی Vue JS (بخش 1-27)

  2. آژاکس (بخش 28)

  3. اتصال Vue به PHP و MySQL (بخش 29)

  4. ابزار خط فرمان (بخش 30)

  5. NPM (بخش 31)

  6. بابل (بخش 32)

  7. سیستم ماژولار JS، شامل module.exports، import و export (بخش 33)

  8. بسته وب (بخش 33)

  9. Vue CLI (بخش 34)

  10. کامپوننت های تک فایل Vue (بخش 34)

  11. روتر Vue (بخش 35)

  12. VueX (بخش 36)

  13. Axios (بخش 37، 38، و 39)

  14. کتابخانه Vue UI: iView (بخش 40)

  15. جاوا اسکریپت پیشرفته: محدوده، زنجیره دامنه، جمع آوری زباله جاوا اسکریپت، بسته شدن، IIFE (عبارات تابع فراخوانی فوری)، THIS، و غیره.

  16. Node.js و Express.js

  17. اتصال Vue به Express و MySQL

  18. 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 چیست و چگونه آن را نصب کنیم 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

شروع شدن Getting Started

  • اولین برنامه Vue.js خود را ایجاد کنید و متن را با استفاده از آن نمایش دهید Create our first Vue.js program and display text using it

پروژه: اولین برنامه 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

پروژه: اولین برنامه Vue.js خود را ایجاد کنید PROJECT: create our first Vue.js APP

  • نقشه راه مرحله کنونی Road Map of the Current Stage

تولید محتوا به صورت خودکار با استفاده از دستورالعمل 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

تولید محتوا به صورت خودکار با استفاده از دستورالعمل 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

آشنایی با پروکسی 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

آشنایی با پروکسی 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

دستورالعمل 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-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-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 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-MODEL: جمع آوری داده های ارسالی توسط کاربر V-MODEL: collecting user-submitted data

  • استفاده از 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

  • ایجاد لیست به صورت پویا Creating a list dynamically

  • ایجاد لیست به صورت پویا Creating a list dynamically

ترکیب v-for و v-model و ایجاد یک لیست به صورت پویا Combining v-for and v-model and creating a list DYNAMICALLY

محاسبه و فیلتر 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

محاسبه و فیلتر Computed and Filter

  • تفاوت بین COMPUTE و FILTER The difference between COMPUTED and FILTER

  • پروژه: معکوس کردن ترتیب حروف با استفاده از COMPUTE Project: reversing letter order using COMPUTED

کنترل 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

کنترل CSS با استفاده از V-BIND Controlling CSS using V-BIND

  • کنترل CSS قسمت 2 Controlling CSS Part 2

Porject: ماشین حساب کاراکتر باقی مانده Porject: remaining character calculator

  • تجزیه و تحلیل پروژه Project analysis

  • ایجاد برنامه Creating the APP

  • ایجاد برنامه Creating the APP

Porject: ماشین حساب کاراکتر باقی مانده Porject: remaining character calculator

  • تجزیه و تحلیل پروژه Project analysis

اجزای 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

اجزای Vue Vue Components

ارسال داده به یک کامپوننت 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 into a componnet

  • نمایش ارسال داده به کامپوننت با استفاده از props Demonstration of sending data into component using props

  • بررسی نحوه استفاده از لوازم جانبی Review of how to use props

ارسال داده به خارج از یک جزء 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

ارسال داده به خارج از یک جزء 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

حقیقت 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

  • تجزیه و تحلیل پروژه Project analysis

  • تجزیه و تحلیل پروژه Project analysis

  • ایجاد ماشین حساب قیمت Creating the price calculator

پروژه: ایجاد یک ماشین حساب قیمت Project: creating a price calculator

  • ایجاد ماشین حساب قیمت Creating the price calculator

شکاف ها Slots

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

  • استفاده از اسلات در صفحه اخبار Using slots in news page

  • استفاده از اسلات در صفحه اخبار Using slots in news page

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

شکاف ها Slots

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

  • اسلات های نامگذاری شده 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

  • تجزیه و تحلیل برنامه 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

ایجاد یک برنامه خواندن و ویرایش اخبار Creating a news reading and editing APP

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

  • مقدمه ای بر اسلات های 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

اسلات های محدوده Scoped slots

  • استفاده از اسلات های محدوده در لیست ها Using scoped slots on lists

جزء متفرقه 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

جزء متفرقه Component misellaneous

  • است، نگه داشتن زنده، و v-one is, keep-alive, and v-once

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

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

جلوه های انتقال 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

جلوه های انتقال 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

تابع رندر 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

تابع رندر Render function

  • مقدمه ای برای رندر تابع Introduction to render function

  • ایجاد لیست با استفاده از تابع render Creating a list using the render function

دستورالعمل های سفارشی 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

دستورالعمل های سفارشی Custom directives

  • مقدمه ای بر دستورالعمل های سفارشی Introduction to custom directives

  • ویژگی binding مورد استفاده در ویژگی دستورالعمل The binding property used in the directive property

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

Vue MIXIN Vue MIXIN

  • مقدمه ای بر میکسین Introduction to 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

  • ارسال درخواست با استفاده از 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

دوره سقوط آژاکس که ممکن است به آن نیاز داشته باشید یا نداشته باشید 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

درک JSON Understanding JSON

  • درک JSON Understanding JSON

درک JSON Understanding JSON

  • درک JSON Understanding JSON

اتصال 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

اتصال 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

دوره سقوط خط فرمان 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

دوره سقوط خط فرمان Command Line Crash Course

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

NPM NPM

  • مدیریت بسته ها با استفاده از NPM Managing packages using NPM

بابل Babel

  • نصب بابل Installing Babel

  • نصب بابل Installing Babel

  • درک نحوه کار بابل Understanding how Babel works

  • با استفاده از بابل Using Babel

بابل Babel

  • درک نحوه کار بابل Understanding how Babel works

  • با استفاده از بابل Using Babel

بسته وب 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

بسته وب 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

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-CLI و اجزای تک فایلی VUE-CLI and single-file components

  • مقدمه ای بر فایل های .vue و اجزای تک فایل Introduction to .vue files and single file components

روتر 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

روتر Vue Vue Router

  • آشنایی با روتر Vue و کاربرد اصلی آن Introduction to Vue router and its basic use

  • مسیرهای تو در تو Nested routes

  • نمای روتر با نام Named router view

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

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

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

  • ارسال داده با استفاده از axios.post() Sending data using axios.post()

  • Axios Interceptors: Response Interceptor Axios Interceptors: Response Interceptor

آپلود 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

آپلود 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

پروژه: 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

پروژه: Vue.JS + Axios + PHP Project: Vue.JS + Axios + PHP

  • یک قابلیت جدید اضافه کنید و یک مشکل کوچک را برطرف کنید Add a new functionality and fix a small problem

کتابخانه 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

کتابخانه UI Vue: iView Vue UI Library: iView

  • نصب iView Installing iView

  • بین المللی سازی و جزء دکمه Internationalization and the Button component

  • جدول Table

  • چرخ فلک Carousel

  • پورگرس Porgress

پروژه: 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

پروژه: Vue.JS + Axios + PHP + iView Project: Vue.JS + Axios + PHP + iView

  • قسمت 1 Part 1

  • قسمت 2 Part 2

جاوا اسکریپت پیشرفته 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

جاوا اسکریپت پیشرفته 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

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

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

کوکی و جلسه Cookie and Session

  • مدیریت کوکی ها در اکسپرس Handling Cookies in Express

  • مدیریت کوکی ها در اکسپرس Handling Cookies in Express

  • کوکی امضا شده Signed Cookie

  • کوکی امضا شده Signed Cookie

  • جلسه Session

  • جلسه Session

کوکی و جلسه Cookie and Session

اتصال 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

اتصال 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

اتصال 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 به Express Connecting Vue to Express

  • نحوه حذف قسمت 1 How to delete Part 1

  • نحوه حذف قسمت 2 How to delete Part 2

  • کد منبع را دریافت کنید Get source code

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

  • سفارشی کردن خروجی Customize output

پروژه 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

پروژه Vue CLI 3 Vue CLI 3 Project

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 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 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

پروژه بزرگ نهایی: برنامه 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

نمایش نظرات

نظری ارسال نشده است.

آموزش دوره کامل Vuejs: Vue.js + Nuxt.js + PHP + Express.js
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
18 hours
289
Udemy (یودمی) udemy-small
09 اسفند 1398 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
3,394
4.2 از 5
دارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

OnlyKiosk Tech OnlyKiosk Tech

ارائه آموزش کدنویسی موثر

Udemy (یودمی)

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

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