campaign-Ghorban-to-Ghadir

آموزش VueJS 2.0

۰ رای ۰.۰

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

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

notifications_active کمپین تخفیفی عید تا عید سون لرن رو حتما دنبال کنید!
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پاسخ

سلام
آموزش خوبی بود فقط مشکلی داشت این بود که توضیحات رو نمیدادید و بیشتر کاری که می خواستید بکنید رو کتابی وار میگفتید میرفتید جلو.

محمد نجاری

با سلام ممنون از نظر مثبتت احمد جان .من سعی داشتم به جز خود ویو مباحث پیرامونی مربوط به is هم در این دوره گفته بشه و متاسفانه تایم دوره اجازه نمیداد تا من برای هر مفهوم که بعضا مربوط به خود vue نیست زمان صرف کنم.سعی کردم مفهوم برسونم و بعد اگر دانشجو کنجکاو شد بره انتها موضوع رو خودش در بیاره.موفق باشی

hashem replyپاسخ

سلام آقای نجاری من انروز تا جلسه 15 رو مشاهده کردم و صرفا هرموردی رو میگین کاربردی نگفتین که ببینم چه کاربردی داره ایشالله که تو پروژه ها این طور نباشه بعد یک سوال دیگه هم داشتم آیا پروژه به صورت اس پی ای هم برگزار کردید؟

محمد نجاری

سلام و وقت بخیر هاشم عزیز،
تا مباحث پایه گفته نشود نمیتوان انتظار مسائله کاربردی رو داشت. به همین منظور تا قسمت 18 مباحث پایه گفته شده تا بتونم بعد از آن کاری کاربردی بکنیم. بله پروژه آخر و پروژه وبلاگ به صورت spa می باشند.

موفق و پایدار باشید.

امیر امینی replyپاسخ

سلام
من یه پروژه با لاروب و یوو انجام دادم تو هاست اپلود کردم کامپوننت ها رو نمیشناسه تو لوکال کار میکنه. باید تنظیمات خاصی نجام بدم ؟

محمد نجاری

نباید چنین مشکلی باشه.احتمالا npm را install نکردید در سرورتون. و یا npm run production را اجرا نکردید

Tabesh Rouhani replyپاسخ

شما vuex را هم گفتید توی این دوره ؟

محمد نجاری

خیر

Reza Jashnsaz replyپاسخ

سلام ببخشید پروژه پایانی این دوره چی هست ؟
فروشگاه یا سی ام اس یا … ؟

محمد نجاری

سلام و وقت بخیر
یک cms ساده میباشد.

Amin Alinejad replyپاسخ

با سلام خدمت شما مهندس گرامی من این دوره خریداری کردم میخواستم ببینم که طریقه وصل شدن به api هم به وسیله vue توضیح دادین؟؟

محمد نجاری

سلام ، بله گفته شده.

Mohammad Ali mohammadi replyپاسخ

اقای نجاری سلام
متاسفانه اموزشتون رضایت بخش نیست
یه متن رو میخوای بنویسی کیبردتون مشکل داره هی مینویسین هی پاک میکنین هی تایپ هی پاک
یه موضوع رو میخواین بگین یبار کامل میگین بعد کار نمیکنه دوباره پاک میکنین اصلاحش میکنین
منم قبول دارم یه جاهایی باید از عمد اشتباه رفت تا کاربر حین اموزش بتونه قبل از اینکه بین ارور رو حدث بزنه ولی اینقد این مورد زیاد بود که اموزش سرد شده بود و نمیدونستم این چیزی که دارین حالا قراره کار کنه یا نه
اون قسمت component یبار اومدین گفتین function() بعد پاکش کردین نوشتین data()
چی بگم والا
راضی نبودم در کل
اقای لقمان خیلی عالی تدریس میکنه

محمد نجاری

با سلام از اینکه مشکلاتی در ویدیو ها بوده که نتواسته ایم رضایت شما را بدست بیاوریم.پوزش میطلبم و همچنین در این شکی نیست که دکتر آوند بهترین هستند.

متین خلیلی replyپاسخ

سلام وقت بخیر
من یکسری دسته بندی دارم که هر کدوم شامل یکسری زیر مجموعه هستن، از سرور دریافتشون میکنم اما برای نمایششون در قالب یه select box مشکل دارم!
با خود سیستم blade لاراول میتونم نمایششون بدم اما وقتی میارم تو ویو به مشکل میخورم!( چون حلقه و if , else ی مقدار متفاوت هستش تو ویو برای همین!)
حقیقت جستجو هم کردم اما متاسفانه چیزی دستگیرم نشد.
شما پیشنهادی دارین برای حل این مسئله؟
ممنونم.

    <select class="select" name="category_id">
        @foreach($categories as $category)
        @if(count($category->ancestors->all()) == 0)
            <optgroup label="{{ $category->name }}">
        @else
            <option value="{{ $category->id }}">{{ $category->name }}</option>
        @endif
            </optgroup>
        @endforeach
    </select>
محمد نجاری

سلام و وقت بخیر .
اگه مدل معمول راحت نیستید از کامپوننت vue select هم میتونید استفاده کنید با امکان جستجو .
https://sagalbot.github.io/vue-select/

alireza hosseini replyپاسخ

سلام
من موقعی که npm run serve رو میزنم error میده بهم

Error: custom keyword definition is invalid: data.errors should be boolean
Error: custom keyword definition is invalid: data.errors should be boolean
at Ajv.addKeyword (c:\Users****\Desktop\New folder\vuejs\node_modules\ajv\lib\keyword.js:۶۵:۱۳)
at module.exports (c:\Users****\Desktop\New folder\vuejs\node_modules\ajv-errors\index.js:۱۰:۷)
at Object.<anonymous> (c:\Users****\Desktop\New folder\vuejs\node_modules\webpack-dev-server\node_modules\schema-utils\src\validateOptions.js:۲۲:۱)
at Module._compile (module.js:۶۵۲:۳۰)
at Object.Module._extensions..js (module.js:۶۶۳:۱۰)
at Module.load (module.js:۵۶۵:۳۲)
at tryModuleLoad (module.js:۵۰۵:۱۲)
at Function.Module._load (module.js:۴۹۷:۳)
at Module.require (module.js:۵۹۶:۱۷)
at require (internal/module.js:۱۱:۱۸)
npm ERR! code ELIFECYCLE
npm ERR! errno ۱
npm ERR! vuejs@0.1.0 serve: vue-cli-service serve
npm ERR! Exit status ۱
npm ERR!
npm ERR! Failed at the vuejs@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users****\AppData\Roaming\npm-cache_logs\۲۰۱۹-۰۲-۱۰T۰۳_۵۵_۵۹_۳۳۵Z-debug.log
محمد نجاری

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

npm uninstall ajv


npm install ajv@6.8.1

ساناز مرز replyپاسخ

لطفا توضیح می دید به چه صورت به ایندکس آرایه اضافه کنیم؟ من همه روش هارو امتحان کردم نشد

محمد نجاری

سلام و وقت به خیر .
سوالتان را متوجه نشدم . هدفی که دارید و کدی که زدید رو کامنت کنید.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3 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