دوره جامع آموزش Vue.js، Nuxt.js و توسعه فرانت‌اند

اگر فکر می‌کنید jQuery می‌تواند جایگزین کامل جاوا اسکریپت باشد و قصد یادگیری Vue.JS را دارید، این دوره برای شما عالی است!

پیش‌نیازهای دوره Vue.js

پیش‌نیاز اصلی: آشنایی با مبانی جاوا اسکریپت (ES5)

برای این دوره، نیاز است که با مفاهیم اولیه جاوا اسکریپت مانند تعریف کلاس و ساخت اشیاء (Object)، استفاده از خصوصیات (Properties) و متدهای (Methods) اشیاء آشنا باشید.

نیاز حداقل:

این دوره برای دانشجویانی که هیچ آشنایی با ES6 ندارند طراحی شده است، اما نیاز است که مبانی ES5 را بدانید. اگر می‌دانید چگونه رنگ پس‌زمینه یک DIV را با جاوا اسکریپت بومی و jQuery تنظیم کنید، آماده شروع دوره هستید.

<div class='div' id='one'>Set a background color...</div>

محتوای دوره Vue.js

این دوره شامل 46 بخش و پوشش 18 حوزه کلیدی در توسعه فرانت‌اند است:

مبانی Vue.js (بخش 1-27): شروع کار با Vue، instance، directives و کامپوننت‌ها.
Ajax (بخش 28): یادگیری نحوه ارتباط با سرور.
اتصال Vue به PHP و MySQL (بخش 29): ساخت برنامه‌های فول استک با Vue.
کار با Command Line (بخش 30): تسلط بر خط فرمان.
NPM (بخش 31): مدیریت پکیج‌ها با npm.
Babel (بخش 32): تبدیل کد ES6+ به ES5.
سیستم ماژول جاوا اسکریپت: شامل module.exports، import و export.
Webpack (بخش 33): بسته‌بندی کد جاوا اسکریپت.
Vue CLI (بخش 34): استفاده از ابزار خط فرمان Vue.
Vue Single-file Components (بخش 34): ساخت کامپوننت‌های تک فایلی Vue.
Vue Router (بخش 35): مسیریابی در برنامه‌های Vue.
VueX (بخش 36): مدیریت وضعیت (state management) در Vue.
Axios (بخش 37، 38، و 39): کتابخانه محبوب برای درخواست‌های HTTP.
کتابخانه UI در Vue: iView (بخش 40): استفاده از کامپوننت‌های آماده.
جاوا اسکریپت پیشرفته: scope، scope chain، Garbage Collection، Closure، IIFE، THIS و موارد دیگر.
Node.js و Express.js: ساخت بک‌اند با Node.js.
اتصال Vue به Express و MySQL: ساخت برنامه‌های کامل.
Nuxt.js: فریم‌ورک قدرتمند بر پایه Vue.js.

نکته: نسخه Vue آموزش داده شده در این دوره 2.0+ خواهد بود.

توضیحات محتوا

یادگیری Vue.js شما به دو مرحله تقسیم می‌شود.

در مرحله اول، با مبانی Vue مانند Vue instance، directives، components و غیره آشنا خواهید شد.

در مرحله دوم، Vue single file component، Vue router، VueX و یک کتابخانه UI به نام iView را خواهید آموخت.

بین این دو مرحله، شما کار با command line، npm، Babel و Webpack را یاد خواهید گرفت. این مهارت‌ها برای پرش از مرحله اول به مرحله دوم ضروری هستند.

به علاوه، مهارت‌هایی که بین مراحل اول و دوم می‌آموزید، فقط برای Vue کاربرد ندارند؛ بلکه هنگام یادگیری سایر فریم‌ورک‌های مدرن مبتنی بر JS نیز به آن‌ها نیاز خواهید داشت.

یک برنامه فرانت‌اند به تنهایی کاربرد محدودی دارد مگر اینکه به برنامه بک‌اند و پایگاه داده متصل شود.

ما به شما یاد خواهیم داد که چگونه Vue را از طریق Ajax و تکنیک‌های مبتنی بر Ajax مانند Axios به PHP و MySQL متصل کنید.

در طول دوره، روی چندین پروژه کار خواهید کرد تا همیشه فرصتی برای تمرین و به کارگیری آموخته‌های خود داشته باشید.

تکنولوژی‌های پوشش داده شده:

VueJS
Command Line
Babel
NPM
Webpack
Vue JS CLI
Vue.js Router
VueX
Axios
iView
Express.js
Nuxt.js

قابلیت‌های دوره:

ساخت برنامه‌های فرانت‌اند با Vue
اتصال برنامه Vue به PHP و MySQL
کار با خط فرمان، Babel، NPM و Webpack
ساخت Single Page Applications با Vue، Vue single file components و Vue router
تسلط بر Vue router، Vuex و Axios
تسلط بر Ajax
تسلط بر Expressjs
تسلط بر Nodejs
تسلط بر Vuejs
تسلط بر Nuxtjs

توسعه وب

توسعه

توسعه بدون کد

آموزش دوره جامع Vuejs: Vue.js + Nuxt.js + PHP + Express.js - آخرین آپدیت

دانلود Complete Vuejs Course: Vue.js + Nuxt.js + PHP + Express.js

دوره جامع آموزش Vue.js، Nuxt.js و توسعه فرانت‌اند

پیش‌نیازهای دوره Vue.js

محتوای دوره Vue.js

توضیحات محتوا

تکنولوژی‌های پوشش داده شده:

قابلیت‌های دوره:

شروع کار 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

کنترل مقدار attribute با استفاده از 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

ساخت بلوک خواندن اخبار که توسط BBC استفاده می‌شود Creating the news reading block used by BBC

ایجاد بلوک خواندن اخبار مورد استفاده بی بی سی Creating the news reading block used by BBC

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

نقطه ضعف برنامه خواندن اخبار BBC ما و راه حل: 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 به برنامه خواندن اخبار BBC که قبلاً ساختیم Apply V-FOR to the BBC news reading program we created before

آشنایی با PROXY 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?

مقدمه‌ای بر مفهوم PROXY Introduction to the concept of PROXY

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

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-ON - پاسخ Vue به مدیریت رویدادها The V-ON directive - Vue's answer to handling events

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

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

مقدمه‌ای بر directive 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 و number modifier Lazy modifier and number modifier

اصلاح کننده تنبل و اصلاح کننده اعداد Lazy modifier and number modifier

استفاده از v-model در تگ‌های دیگر: textarea، radio button، checked box، و غیره 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 و Filter Computed and Filter

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

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

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

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

مقدمه‌ای بر FILTER Introduction to FILTER

مقدمه ای بر FILTER Introduction to FILTER

مقدمه ای بر محاسباتی Introduction to COMPUTED

مقدمه‌ای بر COMPUTED Introduction to COMPUTED