آموزش VueJS 2.0

۰ رای ۰.۰

access_time طول دوره ۰ ساعت
event_seat تعداد جلسات ۳۷ جلسه
people دانشجویان ۱۸۱ نفر
headset_mic پشتیبانی دوره۳ ماه
file_downloadسرفصل های دوره دانلود

قیمت : ۱۵۹ هزار تومان

schedule آموزش ویو جی اس به همراه پروژه کاربردی
description توضیحات دوره list جلسات دوره speaker_notes دیدگاه ها
list لیست جلسات دوره
  1. آموزش VueJS : جلسه 0 - مقدمه دوره و اشنایی با ویو جی اس play_circle_outlined
  2. آموزش VueJS : جلسه 1 - نصب و راه اندازی محیط توسعه ویو جی اس ‏ play_circle_outlined
  3. آموزش VueJS : جلسه 2 - نصب و نوشتن اولین کد ویو جی اس play_circle_outlined
  4. آموزش VueJS : جلسه 3 - متدها در ویو جی اس play_circle_outlined
  5. آموزش VueJS : جلسه 4 - دیتا بایندینگ در ویو جی اس play_circle_outlined
  6. آموزش VueJS : جلسه 5 - رویدادها در vue play_circle_outlined
  7. آموزش vue JS : جلسه 6 - آشنایی و کار با Event Modifier play_circle_outlined
  8. آموزش vue JS : جلسه 7 - آشنایی و کار با keyboard event ها play_circle_outlined
  9. آموزش vue JS : جلسه 8 - آشنایی با Two way binding در Vue js play_circle_outlined
  10. آموزش vue JS : جلسه 9 - آشنایی و کار با Computed Properties و Watchers play_circle_outlined
  11. آموزش vue JS : جلسه10- داینامیک کردن کلاس ها و استایل ها play_circle_outlined
  12. آموزش vue JS : جلسه 11 - شرط ها در vue play_circle_outlined
  13. آموزش vue JS : جلسه 12 - کار با لیست و حلقه ها در vue play_circle_outlined
  14. آموزش vue JS : جلسه 13 - پروژه ساخت بازی کوپن تخفیف play_circle_outlined
  15. آموزش vue JS : جلسه 14 - آشنای با کامپوننت (component) play_circle_outlined
  16. آموزش vue JS : جلسه 15 - آشنایی و کار با vue cli و refs play_circle_outlined
  17. آموزش vue JS : جلسه 16 - کار با کامپوننت های تو در تو play_circle_outlined
  18. آموزش vue JS : جلسه 17 - آشنایی style در کامپوننت ها play_circle_outlined
  19. آموزش vue JS : جلسه 18 - پروژه TODOS قسمت اول play_circle_outlined
  20. آموزش vue JS : جلسه 19 - پروژه TODOS قسمت دوم play_circle_outlined
  21. آموزش vue JS : جلسه 20 - پروژه TODOS قسمت سوم play_circle_outlined
  22. آموزش vue JS : جلسه 21 - پروژه TODOS قسمت چهارم play_circle_outlined
  23. آموزش vue JS : جلسه 22 - آشنایی و کار با Emit و v-On play_circle_outlined
  24. آموزش vue JS : جلسه 23 - آشنایی و کار با Event Bus و vux play_circle_outlined
  25. آموزش vue JS : جلسه 24 - آشنایی و کار با Slot play_circle_outlined
  26. آموزش vue JS : جلسه 25 - Dynamic Components play_circle_outlined
  27. آموزش vue JS : جلسه 26 - (lifecycle) چرخه حیات Vue play_circle_outlined
  28. آموزش vue JS : جلسه 27 - پروژه وبلاگ قسمت اول play_circle_outlined
  29. آموزش vue JS : جلسه 28 - پروژه وبلاگ قسمت دوم (Axios) play_circle_outlined
  30. آموزش vue JS : جلسه 29 - پروژه وبلاگ قسمت سوم (Custom Directives) play_circle_outlined
  31. آموزش vue JS : جلسه 30 - پروژه وبلاگ قسمت چهارم (Mixin,Basic Routing) play_circle_outlined
  32. آموزش vue JS : جلسه 31 - پروژه وبلاگ قسمت پنجم (Vue Router) play_circle_outlined
  33. آموزش vue JS : جلسه 32 - پروژه وبلاگ قسمت ششم (FireBase) play_circle_outlined
  34. آموزش vue JS : جلسه 33 - پروژه SPA - ( لاراول + vuejs) play_circle_outlined
  35. آموزش vue JS : جلسه 34 - پروژه SPA - ( لاراول + vuejs) play_circle_outlined
  36. آموزش vue JS : جلسه 35 - پروژه SPA - ( لاراول + vuejs) play_circle_outlined
  37. آموزش vue JS : جلسه 36 - پروژه SPA - ( لاراول + vuejs) play_circle_outlined

آموزش حرفه ای vuejs

آموزش حرفه ای فریم ورک VueJS 2.0 : اگر شخصی به زبان برنامه نویسی جاوا اسکریپت مسلط باشد قطعا در بازار کار، مشکل شغلی نخواهد داشت. محبوبیت جاوا اسکریپت باعث شده است تا برنامه نویسان و توسعه دهندگان زیادی در سراسر دنیا نسبت به یادگیری زبان جاوا اسکریپت بپردازند. هر روزه پروژه های مختلفی با استفاده از زبان جاوا اسکریپت در سطح وب اجرا می گردد که نتایج خوبی برای کاربران خواهد داشت. در این میان توسعه دهندگان زبان های برنامه نویسی سعی داشته اند که با استفاده از فریم ورک ها ( فریم ورک vue.js ، angular js ، ReactJs و ...( کار را برای برنامه نویسان و عاشقان یادگیری راحت تر نمایند. برای مثال فریم ورک ویو جی اس (vue.js) یکی از محبوب ترین فریم ورک های تحت زبان برنامه نویسی جاوا اسکریپت است. حتما سوال شما نیز الان باید vue.js چیست باشد؛ پس با ادامه متن همراه باشید تا پاسخ سوالات خود را دریافت نمایید. یکی از کاربرد های فریم ورک vue js این است که کاربران قادر خواهند بود کد های خود را راحتر، سریع تر و از همه مهم تر کوتاه تر اجرا نمایند. فریم ورک ها (از جمله فریم ورک ( vue js وظایف کلی و مشخصی دارند. به صورت خلاصه وظایف فریم ورک ها یا اسلوب کاری آن ها را می توان در خلاصه نویسی کد ها ،سریع نویسی کد و به اصطلاح دولوپر فرندلی دانست. در این میان یادگیری تکنولوژی های روز دنیا همواره یکی از دغدغه افراد بوده است. یکی از بهترین روش های آموزشی در دنیا، استفاده از آموزش ویدیویی است. آموزش ویدیویی ویو جی اس را در نظر بگیرید و فرض کنید که آموزش تصویری vue js را در در اختیار شماست. درباره vue js چقدر می دانید؟ آیا آموزش فارسی vue js وجود دارد؟ فیلم آموزش vue js را چطور می توان تهیه نمود. قوی ترین پکیج آموزشی در این حوزه را چگونه می توان تهیه نمود؟ خوشبختانه بهترین آموزش vuejs در حال حاضر توسط گروه سون لرن برای جامعه برنامه نویسان کشورمان تهیه شده است که کاربران می توانند با استفاده از فیلم آموزش vue js ، در این قسمت مهارت خود را قوی نموده و وارد بازار کار شوند. ما در این دوره آموزش vue سعی کردیم بسیار پروژه محور عمل کنیم و بعد از هر چند جلسه یک پروژه با مباحث جلسه های گذشته بنویسیم تا هم شما مباحث را کامل یاد بگیرید و هم اینکه با روش های حل مسئله در پروژه های تمرینی آشنا بشوید وهمچنین در آخر دوره یک پروژه کاربردی با لاراول و ویو جی اس خواهیم داشت که تمامی موارد گفته شده را به صورت حرفه‌ای بیاموزید.

فصل یک: آشنایی با مفاهیم و ساختار Vue.js

  • معرفی و آشنایی با Vue
  • انتخاب و آماده سازی ویرایشگر متن برای کار با Vue
  • نصب و راه‌ اندازی Vue
  • نحوه کار با Vue Instance
  • نحوه کار باِData و  Methods
  • معرفی و توضیح Data Binding
  • نحوه کار با (رویدادها)Events
  • نحوه کار با Event Modifiers
  • نحوه کار با Keyboard Events
  • معرفی و توضیح Two-Way Data Binding
  • نحوه کار با Watch Properties
  • نحوه کار با Computed Properties
  • اموزش نصب و کار با vue devtools
  • داینامیک کردن کلاس های CSS
  • معرفی و توضیح Directives
  • نحوه کار با شرط ها
  • نحوه کار با حلقه
  • ساخت یک بازی تحت وب با ویو
  • نمونه سازی چند گانه با ویو جی اس
  • شروع کار با کامپوننت ها
  • معرفی Refs
  • نحوه کار با   Vue CLI
  • معرفی ساختار فایل ها در Vue
  • کار با کامپوننت ها تو در تو
  • کار با css در کامپوننت ها
  • یک پروژه برای درک بهتر کامپوننت های تو در تو
  • معرفی و توضیح Props
  • Primitive در مقابل Reference Types
  • کار با ایونت ها (والد و فرزند)
  • ساخت گذرگاهی برای رویداد ها(ٍEvent Bus)
  • چرخه حیات در ویو
  • معرفی Slots
  • کار با کامپوننت های پویا
 

فصل دوم: ساخت یک وبلاگ بلادرنگ(RealTime)

  • ساخت فرم ها  - input binding
  • ساخت فرم ها  - CheckBox Binding
  • ساخت فرم ها  - Select Box Binding
  • نحوه کار با درخواست های Http از نوع post
  • نحوه کار با درخواست های Http از نوع get
  • ساخت دایرکتیو های سفارشی
  • نحوه کار با Filters
  • ساخت یک جستجوگر سفارشی
  • نحوه کار با Mixin
  • معرفی و Vue router
  • توضیح انواع Route
  • نحوه افزودن Router Links
  • نحوه کار با پارامتر های Route
  • نحوه ارسال داده به Firebase
  • نحوه دریافت داده از Firebase
 

فصل سه : پروژه نهایی  استفاده از لارول و Vue

  • موضوع این پروژه را دانشجو های این دوره انتخاب خواهند کرد.
 

فصل آخر

  • کد بزن و شکوفا شو . . .
مجید زارعی هوشیار replyپاسخ

سلام….اقای نجاری عزیز جلسه خوب و کاربردی بود……خسته نباشید….
فقط پروژه بعدی که فرمودید در لاراول پیاده سازی میکنید….میخواستم ازتون یه خواهشی کنم اگه میشه کنترل روتر و پیاده سازی کامپوننت vue و همچنین مدیریت فایل ها vue در لاراول بیشتر توضیح بدید…ممنونتون میشم…..

محمد نجاری

سلام . به همین صورت خواهد بود.

مجید زارعی هوشیار replyپاسخ

ممنون از راهنمایی خوبتون….?

مجید زارعی هوشیار replyپاسخ

سلام خدمت آقای نجاری
سوالی در رابطه با Mixins داشتم اونم اینکه …آیا این مبحث فقط برای جلوگیری از تکرار کدها در وو جی اس هستش ؟

محمد نجاری

سلام . . . بله و تعریف خود vue برای mixin ها به صورت زیر اسست.

Mixins are a flexible way to distribute reusable functionalities for Vue components

sepehr soltani replyپاسخ

سلام خسته نباشید . این دوره چند جلسه دیگر تکمیل خواهد شد ؟

محمد نجاری

سلام تا جلسه ۳۲ تمام مطالب vue به پایان میرسد و بعد از آن چند جلسه خواهیم داشت برای کسانی که میخواهند از Vue در لاراول استفاده کنند.

مجید زارعی هوشیار replyپاسخ

سلام…..
خسته نباشید
دقیقه آخر فیلم جلسه مشکل داره ؟

محمد نجاری

سلام
بررسی شد مشکل ندارد، اگر باز به هر صورت شما فایل را درست ندارید با پشتیبانی ارتباط بگیرید تا راهنمایی تان بکنند.
موفق باشید.

Hossein replyپاسخ

با سلام و خسته نباشید ، از خدمتتون دو تا سوال دارم.
1- از vue js 2.3.0 به بعد در event modifier ها گزینه ای به نام passive اضافه شده ، لطفا بفرمایید کاراییش چیه؟
2- اگر از سابمیت شدن یک فرم با prevent جلوگیری کنیم ، چه جوری میشه بگیم اگر رو فلان دکمه کلیک شد prevent خنثی بشه؟

Hossein

سپاسگزارم?

محمد نجاری

سلام حسین عزیز . . .
۱−passive event listeners ها خیلی به performance اسکرول کردن کمک میکنن یعنی وقتی یک اسکرول انجام میشه مرورگر یک زمانی رو صبر میکنه تا ببینه ایا یک prevent Default یی کال باید بشه یا نه واین خیلی زمان میگیره از مرورگر passive این مشکل حل کرده. به مثال زیر تو vue توجه کنید و برای تفاوت آن به این ویدیو هم نگاه کنید.


// the scroll event's default behavior (scrolling) will happen
//immediately, instead of waiting for `onScroll` to complete
//in case it contains `event.preventDefault()`

v-on:scroll.passive="onScroll"

۲− ساده ترین روش: ورودی مدل submit کردن تون رو داینامیک کنید وبا هر رویدادی که دوست داشتید میتونید عوضش کنید.

موفق باشد . . .

Saeid Yaghoobi replyپاسخ

سلام چرا بخش نظرات برای هر قسمته این آموزش وجود نداره ؟

محمد نجاری

سلام وفت بخیر
امکان نظر دادن در تمامی قسمت ها وجود دارد و در صفحه اصلی دوره تمامی کامنت ها نمایش داده میشود.چناچه این امکان برای شما وجود ندارد لطفا با پشتیبانی ارتباط بگیرید. ممنون

Mr abbas replyپاسخ

سلام اگه میشه یه اسلایدر کروسل مولتی ایتم مث اسلایدر دیجی کالا یا بامیلو معرفی کنین با ویوجی اس

محمد نجاری

سلام…
پرکاربردترین carousel و یا اسلایدر OWL می باشد که بر پایه JQUERY نوشته شده است. در زمینه اسلایدر ها و لایبراری ها هر شخص نظری متفاوت دارد و بیشتر سلیقه ای است. برای اینکه صرفا برای vue js باشد میتونید جمله best carousel vuejs را گوگل کنید موارد زیادی یافت خواهید کرد.

علیرضا منانی replyپاسخ

سلام جناب نجاری . فایل vue.js من کار نمی کنه . من همه extention ها را نصب کردم . بازم به مشکل بر می خورم . error به صورت eslint configuration

محمد نجاری

سلام
این مشکل به افزونه eslint مربوط میشه و زیاد مهم نیست میتوانید این افزونه را غیر فعال کنید.

علیرضا منانی replyپاسخ

سلام استاد . فایل vue js بنده کار نمی ده . داخل editor این ارور به من نمایش می ده No ESLint configuration ممنون می شم اگه سریع تر کمکم کنید .

Vahid Rezazadeh replyپاسخ

برای کار با تاریخ فارسی از این پلاگین هم متونید استفاده کنید
https://talkhabi.github.io/vue-persian-datetime-picker/

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3 4 5 9
مدرس و آمار دوره
Course-Teacher
محمد نجاری
کارشناس و فارغ التحصیل مهندسی نرم افزار، برنامه نویس BackEnd سون‌لرن، 5 سال سابقه برنامه‌نویسی فرانت اند و بک اند، مسلط به زبان های Ruby, php, java, javascript ; علاقه مند به Clean Code و مقیاس‌پذیری وب
library_books
۳۷ مقاله تخصصی
school
۱ دوره برگزار شده
۲۳۲ علاقمندfavorite
۲۱۱ دانشجوpeople
۰ رایstar
پیشنیاز های دوره
آشنایی با HTML و CSS و جاوا اسکریپت پیشنیازهای این دوره می باشد.
پشتیبانی فنی دوره
مدرس دوره و تیم پشتیبانی سون لرن به مدت 3 ماه پس از خرید دوره در بخش نظرات مطالب دوره ، پاسخگوی تمامی سوالات و ابهامات شما در مورد این دوره خواهند بود.
مشاوره پیش از خرید
در صورتی که در مورد هر کدام از دوره های سون لرن سوال و یا ابهامی در ذهن شما هست، می توانید همین حالا با ما در تماس باشید و از مشاوره رایگان قبل از خرید دوره ها استفاده نمایید.
contact_phone شماره تماس : ۰۲۱۴۴۰۲۰۴۸۲
email ایمیل : support@7Learn.com