آموزش 0 تا 100 فریم ورک Vue.js 2.0 (شامل پروژه های کاربردی)

کد دوره:‌ 570344
پرفروش
فهرست و سرفصل ها
  • فصل 1: معرفی دوره و نرم افزار های SPA نمایش رایگان
    20:28
  • فصل 2: راه اندازی اولین نرم افزار با فریم ورک Vue.js نمایش رایگان
    23:59
  • فصل 3: معرفی کلاس Vue و دستورهای v-once، v-bind و v-html
    19:23
  • فصل 4: کار با رویدادها (Events) و شونده ها (Listener)
    21:31
  • فصل 5: معرفی Two-Way-Binding و ساختار Computed و Watch
    21:18
  • فصل 6: اعمال کلاس ها و استایل های پویا به نرم افزار و خلاصه نویسی
    22:01
  • فصل 7: دستورهای شرطی و کنترلی v-if و v-else و v-show و v-for
    25:43
  • فصل 8: پروژه شماره ۱: بازی نبرد تن به تن
    38:41
  • فصل 9: فایل پروژه بازی نبرد تن به تن
    -
  • فصل 10: بررسی کلاس Vuejs در سطح پیشرفته (قسمت اول)
    22:40
  • فصل 11: بررسی کلاس Vuejs در سطح پیشرفته (قسمت دوم)
    26:19
  • فصل 12: راه اندازی Vue Cli و شبیه سازی سرور
    24:22
  • فصل 13: سطح پیشرفته کامپوننت ها Components (قسمت اول)
    13:16
  • فصل 14: سطح پیشرفته کامپوننت ها Components (قسمت دوم)
    23:40
  • فصل 15: Property Binding - رابطه بین کامپوننت والد (Parent) با کامپوننت فرزند (Child)
    21:58
  • فصل 16: Event Binding - رابطه بین کامپوننت فرزند (Child) با کامپوننت والد (Parent)
    07:31
  • فصل 17: روابط بین کامپوننت های هم ردیف (Event Bus)
    20:50
  • فصل 18: معرفی slot در کامپوننت ها
    16:37
  • فصل 19: استفاده داینامیک از کامپوننت ها و دستور keep-alive
    11:54
  • فصل 20: پروژه شماره ۲: سیستم نمایش جملات بزرگان
    36:11
  • فصل 21: فرم ها در Vuejs و نحوه کار با v-model و کامپوننت ها
    34:38
  • فصل 22: دستورها (Directives) در Vuejs
    21:10
  • فصل 23: فیلترها و ترکیبات (Filters & Mixins) در Vuejs
    31:05
  • فصل 24: انیمیشن ها (Animations & Transitions) - قسمت اول
    21:05
  • فصل 25: انیمیشن ها (Animations & Transitions) - قسمت دوم
    30:42
  • فصل 26: درخواست های HTTP و کار با vue-resource
    49:44
  • فصل 27: مسیردهی (Routing) در Vuejs (قسمت اول)
    22:03
  • فصل 28: مسیردهی (Routing) در Vuejs (قسمت دوم)
    21:17
  • فصل 29: مسیردهی (Routing) در Vuejs (قسمت سوم)
    22:59
  • فصل 30: محافظت از مسیرها با Guard ها و Lazy Loading کامپوننت ها
    20:55
  • فصل 31: مدیریت داده ها و اطلاعات با Vuex (قسمت اول)
    26:36
  • فصل 32: مدیریت داده ها و اطلاعات با Vuex (قسمت دوم)
    20:40
  • فصل 33: مدیریت داده ها و اطلاعات با Vuex (قسمت سوم)
    16:24
  • فصل 34: پروژه فروشگاه اینترنتی (قسمت اول)
    02:15
  • فصل 35: پروژه فروشگاه اینترنتی (قسمت دوم)
    30:06
  • فصل 36: پروژه فروشگاه اینترنتی (قسمت سوم)
    34:35
  • فصل 37: پروژه فروشگاه اینترنتی (قسمت چهارم)
    22:07
  • فصل 38: پیاده سازی نرم افزار های Vuejs روی هاست یا سرور واقعی
    03:03
  • فصل 39: معرفی Axios و بهینه سازی پروژه ها با استفاده از آن
    30:49
  • فصل 40: تمام کدها و فایل های دوره آموزشی Vuejs
    -
توضیحات دوره

Vue Js با تلفظ (ویو جی اس) یک فریم ورک شگفت انگیز جاوا اسکریپت است که برای ساخت نرم افزارهای تک صفحه (SPA) در سمت کاربر یا Frontend مورد استفاده قرار می گیرد. به عبارت دیگر می توان گفت Vue Js یک ترکیب فوق العاده بهینه شده از فریم ورک های Angular و React می باشد. با استفاده از فریم ورک های جاوا اسکریپت مانند Vue JS می توان رابط کاربری (UI) بسیار قدرتمندی را ایجاد کرد و با افزایش سطح تجربه کاربری (UX) جایگاه سایت را ارتقاء بخشید. هسته اصلی این فریم ورک روی ظاهر سایت تمرکز دارد و به سادگی با سایر کتابخانه ها هماهنگ می شود. از طرفی الگوی معماری Vue JS به صورت MVVM یا Model View View Model بوده و آنچه که اهمیت بسیار بالایی دارد تنها ظاهر سایت است.

فریم ورک Vue JS توسط آقای Evan You در سال ۲۰۱۴ میلادی (۱۳۹۳ شمسی) وارد دنیای برنامه نویسان شد. آقای You ابتدا عضو تیم برنامه نویسان ارشد شرکت گوگل بود و پس از دستیابی به ایرادهای فریم ورک انگولار جی اس (Angular JS)، رویای دیگری در سر پروراند. سپس از شرکت گوگل استفاء داد و فریم ورک شخصی خود را تحت عنوان Vue Js 0.11 ایجاد کرد. با روند توسعه و جذب اسپانسرهای متنوع و ارتقاء فریم ورک خود، توانست فریم ورک Vue JS را در مدت زمان کوتاهی، جزو سه فریم ورک برتر جاوا اسکریپت کند. بگونه ای که در حال حاضر Vue JS 2.5 که آخرین نسخه ی آن است، در کشور چین جزو پرکاربردترین فریم ورک ها می باشد. قدرتمندترین اسپانسر فریم ورک Vue JS، فریم ورک قدرتمند لاراول (Laravel) می باشد که در حال حاضر اکثر بخش های وب سایت های زیرمجموعه خود را با این فریم ورک پیاده سازی کرده است. البته این فریم ورک در سایر کشورها مانند ایران نیز محبوبیت بالایی پیدا کرده است. در ایران وب سایت هایی مانند دیجی کالا، زرین پال و ... از این فریم ورک بهره برده اند.

vuejs2_thumb.jpg

مخاطب اصلی این دوره چه کسانی هستند؟

  • افرادی که علاقه به یادگیری تولید نرم افزارهای تک صفحه ای یا SPA دارند
  • افرادی که دوست دارند به عنوان Frontend کار یا توسعه دهنده وب در سمت کاربر، وارد بازار کار شوند
  • افرادی که قصد دارند وب سایت خود را ارتقاء داده و با تجربه کاربری بالا (UX) کاربران بیشتری را جذب کنند
  • افرادی که به دنبال ساده ترین راه برای ساخت نرم افزار های تک صفحه ای هستند!
  • اگر از انگولار یا ری اکت خوشتان نمی آید، تنها انتخاب شما می تواند Vue.js باشد.

پیش نیازها

  • دانش مقدماتی درباره زبان برنامه نویسی جاوا اسکریپت Javascript
  • دانش مقدماتی درباره HTML‌ و CSS 

سرفصل های دوره

مقدمه و معرفی

  • معرفی مدرس
  • معرفی فریم ورک Vue JS 2.0
  • تفاوت بین Frontend (سمت کاربر) و Backend (سمت سرور)
  • معرفی ویرایشگر برای کار با Vue JS
  • نصب و راه اندازی Vue JS با استفاده از CDN و به صورت دستی
  • ساخت اولین نرم افزار با فریم ورک Vue JS

استفاده از Vue JS جهت تعامل با DOM

  • معرفی قالب های VueJS
  • آموزش نحوه کار کردن نمونه ها در VueJS
  • معرفی سینتکس قالب های VueJS
  • دسترسی به داده ها در نمونه‌های Vue
  • اتصال داده ها به صفات
  • درک مفاهیم دستورات یا Directives
  • غیر فعال کردن Re-Rendering با استفاده از دستور v-once
  • دستیابی به خروجی خالص (raw) داده های HTML
  • کار کردن با رویدادها و گوش کردن به آنها (Listening to Event)
  • دریافت داده های Event از طریق شیء Event
  • ارسال آرگومن های دلخواه با استفاده از Event
  • تصحیح Event با استفاده از Event Modifiers
  • گوش دادن به رویدادهای صفحه کلید
  • نوشتن کدهای جاوا اسکریپت درون قالب
  • استفاده از اتصال داده ای دو طرفه یا Two-way-Binding
  • معرفی و استفاده از ویژگی Computed
  • معرفی کدهای کوتاه جهت صرفه جویی در زمان کدنویسی
  • قرار دادن استایل های CSS پویا با استفاده از کلاس ها
  • قرار دادن استایل های CSS پویا با استفاده از اشیاء
  • استایل دهی کردن به المان ها با استفاده از سینتکس آرایه ها

دستورهای شرطی و لیست های رندر شده

  • معرفی و کار با دستورهای شرطی v-if و v-else-if
  • استفاده از صفت v-if
  • معرفی و استفاده از دستور v-show
  • نمایش لیستی با استفاده از دستور حلقه v-for
  • دستیابی به ایندکس فعلی در حلقه v-for
  • استفاده از صفت v-for
  • ایجاد حلقه هایی از جنس اشیاء (Objects)
  • ایجاد حلقه هایی از جنس عدد

اولین پروژه - ایجاد یک بازی نبرد تن به تن با Vuejs

  • معرفی بازی و چالش ها
  • راه اندازی پروژه بازی از صفر
  • ایجاد نمونه Vue و استایل دهی
  • نمایش بازیکن ها با شرایط کنترلی
  • پیاده سازی یک متن به نام Start Game
  • پیاده سازی یک متد به نام Attack
  • بهینه سازی کدنویسی با استفاده از Refactoring
  • پیاده سازی یک متد جهت حمله بازیکن ها
  • پیاده سازی متد Heal
  • اعمال دکمه ی پایان بازی
  • ساخت یک Action Log
  • نمایش Log در یک حلقه با استفاده از v-for
  • استایل دادن به Log های نمایشی

معرفی و استفاده از نمونه ی VueJs

  • معرفی کلی درباره نمونه ی VueJS
  • استفاده از چندین نمونه ی VueJS
  • دستیابی به نمونه های VueJS در کلاس های خارجی
  • چگونگی مدیریت داده ها و متدها در نمونه ی VueJS
  • نگاه عمیق تر به el و data در نمونه ی VueJS
  • استفاده از refs در قالب ها 
  • آشنایی با Vue API ها 
  • فراخوانی یک قالب (Mounting a Template)
  • استفاده از کامپوننت ها
  • محدود کردن برخی قالب ها
  • بروزرسانی DOM با استفاده از VueJS
  • معرفی چرخه حیات فریم ورک یا VueJS Lifecycle

پیاده سازی یک محیط واقعی با Webpack و ابزار Vue CLI

  • پاسخ به این سوال که چرا یک سرور توسعه نیاز داریم؟
  • منظور از محیط توسعه چیست؟
  • استفاده از ابزار Vue CLI جهت ساخت پروژه
  • نصب Vue CLI و ساخت اولین پروژه
  • معرفی یک چشم انداز از قالب Webpack و ساختار پوشه ها
  • معرفی فایل هایی با پسوند vue.
  • معرفی شیء در فایل های Vue
  • آموزش یادگیری ساخت نرم افزار برای نسخه production

معرفی کامپوننت ها (Components) و کار با آنها

  • معرفی کامپوننت ها
  • ذخیره سازی داده ها درون کامپوننت ها با استفاده از روش داده ها
  • ثبت کامپوننت ها به صورت Locally و Globally
  • معرفی کامپوننت Root در فایل App.vue
  • ساخت یک کامپوننت
  • استفاده از کامپوننت ها
  • انتقال فایل ها به پوشه های مشخص جهت سهولت در کار
  • تغییر نام کامپوننت ها به تگ های دلخواه (سلکتورهای دلخواه)
  • محدود کردن استایل هر کامپوننت به المان های درون آن کامپوننت

ارتباط بین کامپوننت ها

  • معرفی انواع ارتباط ها بین کامپوننت ها
  • استفاده از Props برای برقراری رابطه بین کامپوننت پدر و فرزند (Parent to Child)
  • نام گذاری props
  • استفاده از props ها در کامپوننت فرزند
  • اعتبار سنجی props
  • استفاده از Event ها برای برقراری رابطه بین کامپوننت فرزند و پدر (Child to Parent)
  • درک مفاهیم داده های یک طرفه
  • برقراری ارتباط با استفاده از توابع کال بک (callback)
  • آموزش برقراری ارتباط بین دو کامپوننت یک رده (Sibling component)
  • استفاده از Event Bus برای برقراری ارتباط

استفاده حرفه ای و پیشرفته از کامپوننت ها

  • راه اندازی ماژول پروژه
  • ارسال مطالب به کامپوننت
  • ارسال مطالب با استفاده از Slots 
  • نحوه ی دریافت مطالب و استایل دهی کردن آنها
  • استفاده از چندین Slot

پروژه دوم - لیست جملات

  • معرفی و راه اندازی اولیه پروژه
  • ساخت کامپوننت های نرم افزار
  • ارسال داده ها با استفاده از Props و Slots
  • به کاربران اجازه ساخت جملات جدید را می دهیم
  • اضافه کردن جملات با استفاده از Custom Event
  • افزودن یک جعبه ی info
  • اجازه حذف جملات
  • کنترل کردن جملات با استفاده از Progress Bar

کنترل کردن ورودی های کاربران با استفاده از فرم ها 

  • معرفی اتصالات در تگ input
  • گروه بندی کردن داده ها برای ورودهای منتخب
  • اصلاح ورودی های کاربران با استفاده از Input Modifiers
  • معرفی اتصالات در تگ textarea
  • معرفی و استفاده از Checkboxes با ذخیره داده ها درون یک آرایه
  • استفاده از دکمه های رادیویی
  • کنترل کردن Dropdown ها با استفاده از تگ های select و option
  • معرفی v-model و ساخت یک کنترلر دلخواه
  • ساخت ورودی های کنترلی دلخواه
  • ثبت یک فرم

معرفی و ساخت دستورها (Directives)

  • درک مفهوم دستور یا directive
  • توابع هوک Hook Functions چگونه کار می کنند؟
  • ساخت یک دستور ساده
  • ارسال مقادیر به یک دستور دلخواه
  • ارسال آرگومان ها به دستورهای دلخواه
  • اصلاح یک دستور با استفاده از Modifiers ها
  • ثبت دستورها به صورت Locally
  • استفاده از چندین اصلاح کننده یا Modifiers به صورت همزمان
  • ارسال مقادیر پیچیده به دستورها

بهبود نرم افزار با استفاده از Filter ها و Mixin ها

  • ساخت یک فیلتر داخلی یا Local
  • معرفی فیلترهای Global و اتصال چندین فیلتر به یکدیگر
  • درک مفهوم Mixin ها 
  • چگونگی ادغام کردن Mixin ها
  • ساخت یک Mixin جهانی یا Global
  • Mixin ها و Scope ها

افزودن انیمیشن ها و حرکات

  • درک مفاهیم Transition ها
  • آماده سازی کدهای مربوط به Transition ها
  • راه اندازی اولین Transition
  • اختصاص دادن یک کلاس CSS به Transition ها
  • ساخت یک Transition به صورت Fade با استفاده از CSS
  • ساخت یک Transition به صورت Slide با استفاده از CSS
  • ترکیب کردن Transition و ویژگی های انیمیشن
  • متحرک سازی دستورهای v-if و v-show
  • ساخت یک انیمیشن دلخواه
  • استفاده کلاس های CSS متنوع
  • استفاده از اسامی متغییر و صفات
  • انتقال حرکت بین چندین المان
  • معرفی رویداد هوک ها
  • معرفی مفاهیم انیمیشن سازی در جاوا اسکریپت
  • استخراج CSS از یک انیمیشن
  • ساخت یک انیمیشن جاوا اسکریپتی
  • انیمیشن سازی کامپوننت ها
  • انیمیشن سازی با استفاده از transition-group

معرفی API ها و اتصال به سرور با استفاده از vue-resource

  • دستیابی به پروتکل Http با استفاده از vue-resource
  • ساخت یک نرم افزار جهت کار با پروتکل Http
  • نمایش ارسال داده با استفاده از متد POST
  • نمایش دریافت داده با استفاده از متد GET
  • پیکره بندی vue-resource به صورت جهانی یا Globally
  • بررسی درخواست های متقابل
  • بررسی پاسخ های متقابل
  • ساخت یک منبع دلخواه (Custom Resource)
  • تفاوت بین درخواست های عادی و منابع
  • درک آدرس های قالب یا Template URL‌ها

مسیردهی در یک نرم افزار VueJS

  • راه اندازی مسیردهی در VueJS با استفاده از vue-router
  • آموزش حالت های مسیردهی (Hash‌ و History)
  • ناوبری (Navigating) با استفاده از Router Link‌ ها
  • استایل دهی کردن به لینک های فعال یا «شما اینجا هستید»
  • راه اندازی پارامترهای مسیردهی Route Parameters
  • بازیابی اطلاعات و استفاده از Route Parameters‌ ها
  • راه اندازی مسیردهی های فرزند Child Routes (مسیرهای تو در تو)
  • ناوبری (Navigating) به مسیرهای تو در تو
  • پویا کردن مسیردهی ها برای هر Router Link
  • دستیابی به یک راه بهتر برای لینک دادن به مسیرها
  • استفاده از Query Parameters ها
  • آموزش Redirecting یا انتقال کاربران به صفحات دیگر
  • راه اندازی مسیرهای دیگر با استفاده از Wildcard ها
  • انیمیشن سازی مسیرها با استفاده از Transition‌ها
  • ارسال فرگمنت ها به مسیرها
  • کنترل کردن رفتار Scroll
  • محافظت از مسیرها با استفاده از Guard ها
  • استفاده از متد beforeEnter در Guard ها
  • استفاده از متد beforeLeave در Guard ها
  • بارگذاری مسیرها به صورت Lazy Loading

مدیریت بهتر وضعیت با استفاده از Vuex 

  • چرا به یک سیستم مدیریت وضعیت متفاوت احتیاج داریم؟
  • درک مفاهیم Centralized State
  • استفاده از Centralized State
  • درک مفاهیم Getters
  • استفاده از Getters
  • مپ کردن Getters‌ ها به ویژگی ها
  • درک مفاهیم Mutation ها
  • استفاده از Mutation ها
  • پاسخ به سوال اینکه چرا Mutation ها به صورت سنکرون و همزمان اجرا می شوند.
  • چگونه اکشن ها Mutation ها را بهبود می بخشند؟
  • استفاده از اکشن ها
  • تبدیل کردن اکشن ها به متدها
  • معرفی Two-Way-Binding یا v-model در Vuex
  • بهینه سازی ساختار پوشه های پروژه
  • ماژولار کردن سیستم مدیریت وضعیت
  • استفاده از فایل های جداگانه

پروژه نهایی - سایت فروشگاهی

  • معرفی و راه اندازی اولیه پروژه
  • ساخت اولین کامپوننت ها
  • راه اندازی مسیرها یا Routes
  • اضافه کردن هدر و منو
  • ساخت کامپوننت Stocks
  • افزودن دکمه خرید
  • راه اندازی سیستم مدیریت وضعیت Vuex
  • افزودن یک ماژول نمونه کار به Vuex
  • کار کردن با نمونه کارهای Stocks
  • اتصال نمونه کارها به Vuex
  • برطرف کردن خطاهای احتمالی
  • نمایش سبد خرید فروشگاه
  • نمایش لیست سفارش ها
  • نمایش بهتر محصولات با فیلتر
  • انیمیشن سازی مسیرها
  • ذخیره و بارگذاری داده ها با استفاده از یک منو آبشاری
  • راه اندازی vue-resource
  • ذخیره داده ها با استفاده از متد PUT
  • دریافت و بارگذاری داده ها با استفاده از متد GET
  • تست نرم افزار و رفع خطاها

استفاده از Axios به جای vue-resource

  • راه اندازی یک پروژه
  • نصب Axios برای کار با API ها
  • ارسال درخواست POST
  • ارسال درخواست GET
  • دسترسی به پاسخ ها
  • راه اندازی یک درخواست Global
  • استفاده از اینترسپتور ها یا پیش پردازش های Http
  • ایجاد نمونه های دلخواه Axios

احراز هویت کاربران (Authentication) در نرم افزار های VueJs

  • توضیح احراز هویت در نرم افزارهای SPA
  • راه اندازی پروژه
  • افزودن فرم ثبت نام کاربران
  • افزودن فرم ورود کاربران
  • استفاده از Vuex برای ارسال درخواست های Auth یا احراز هویت
  • ذخیره سازی داده های احراز هویت Auth در Vuex
  • دستیابی به سایر منابع از طریق Vuex
  • ارسال توکن به Backend‌ مجازی
  • محافظت از مسیرها با استفاده از Auth Guard
  • بروزرسانی وضعیت UI برا اساس وضعیت Authentication کاربر
  • افزودن گزینه خروج برای کاربران
  • افزودن قابلیت خروج خودکار
  • افزودن قابلیت ورود خودکار
دیگر دوره های این کاربر
نظرات (39)
نظر شما
بازیابی
سایر نظرات
omid
9 روز پیش
0
0

سلام وقت بخیر

یک سوال مهم داشتم زمانی که ما سایت رو بای ویو یا فریمورک های دیگه زدیم گوگل رباتش قابلیت این رو داره که کد های جاوا اسکریپت رو بخونه؟!

دیگه نیازی نیست Server Side Rendering رو انجام بدیم؟!

واز Nuxt.js استفاده کنیم

    تیم مدیریت روکسو
    8 روز پیش
    0
    0

    سلام وقت شما بخیر

    گوگل در سال ۲۰۰۸ طی اطلاعیه اعلام کرد که ربات ها قابلیت خواندن فایل های js را دارند. اما نکته ضروری اینجاست که این موضوع در وب فارسی فعلا جایگاه مشخصی ندارد. با توجه به تست هایی که تیم سئو روکسو انجام داده است. در برخی موارد سایت هایی پیدا می شوند که علی رغم وجود کدهای جاوا اسکریپت در آنها به راحتی ایندکس می شوند ولی تعداد آنها بسیار محدود است.

    بنابراین یک راه مطمئن برای سئو فریم ورک های ویو جی اس، انگولار یا ری اکت بهینه سازی و سئو در سمت سرور یا Server Side Rendering‌ است. این کار ریسک سئو سایت را بسیار پایین آورده و باعث می شود ربات ها به راحتی مطالب شما را ایندکس کنند.

      omid
      8 روز پیش
      0
      0

      سلام

      یعنی شما میفرمایید که به صورت صد در صد برای سئو باید این کار انجام بشه دیگه درسته؟

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

        تیم مدیریت روکسو
        8 روز پیش
        0
        0

        بله. با تحقیقاتی که تیم سئو روکسو انجام داده است باید برای فریم ورک ویو جی اس، انگولار و ری اکت حتما از روش Server Side Rendering یا SSR جهت سئو استفاده شود.

          omid
          8 روز پیش
          0
          0

          بعد برای این کار حتما باید از vps استفاده کرد؟

            تیم مدیریت روکسو
            7 روز پیش
            0
            0

            درود بر شما

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

            با تشکر

امیر رضا ارجمندی
1 ماه پیش
0
0

استاد عزیز سلام

من مقدار کمی با vue اشنا هستم 

سوالی از حضور شما داشتم 

ما معمولا url ها را اول خورد می کنیم و به controller می رویم اطلاعات را توسط modal می گیریم و در انتها توست view رندر می کنیم حال اگر بخواهیم از vue router استفاده کنیم صورت مسئله بر عکس می شود یعنی اول وارد view می شویم و بعد به controller و .... ایا این مبحث درست است ؟ 

ایا در آموزش های بحث router همراه با backend گفته شده است ؟؟؟

    تیم مدیریت روکسو
    1 ماه پیش
    0
    0

    سلام وقت شما بخیر

    وقتی شما از Vue-Router در Vuejs استفاده می کنید طبیعتا ساختار مدل ویو کنترلر را همچنان خواهید داشت. اینکه اول کدام بخش تعریف می شود یک رفتار کاملا تجربی است. در این دوره به صورت کامل نحوه تعریف یک مسیر به همراه کامپوننت ها ارائه شده است. از طرفی درباره Backend از یک سایت که خروجی json در اختیار ما قرار می دهد استفاده می کنیم. این دوره به آموزش Vuejs می پردازد و مباحث مربوط به Backend (با توجه به اینکه هر زبانی می تواند به عنوان بک اند انتخاب شود) پوشش داده نمی شود.

omid rezazdeh
1 ماه پیش
0
0

سلام  میشه  فایل های   اموزشی   بزارین    

 

rezaatashpeykar
2 ماه پیش
0
0

سلام خسته نباشید واسه ویو لازمه اینکه لاراول بلد باشیم؟

    تیم مدیریت روکسو
    2 ماه پیش
    0
    0

    سلام وقت شما بخیر

    برای یادگیری فریم ورک ویو جی اس (Vuejs 2.0) هیچ احتیاجی به فریم ورک لاراول نیست و این دو فریم ورک کاملا مستقل از هم عمل می کنند. در واقع شما با استفاده از Vuejs سمت کاربر (فرانتند) سایت را پیاده سازی می کنید.

alireza hosseini
2 ماه پیش
0
1

  سلام خسته نباشید
ممنون از دوره خوب و کاربردیتون
یه خواهشی داشتم میتونین استفاده از پلاگین های مختلف و نحوه use کردنشون رو  آموزش بدین؟
مخصوصا پلاگین هایی که حالت انیمیشنیه قشنگی دارن.
با تشکر :)

salman t
3 ماه پیش
0
0

با عرض سلام
این دوره کی کامل میشه؟ مدتی هست قسمت جدید نیومده

    تیم مدیریت روکسو
    3 ماه پیش
    0
    0

    سلام وقت شما بخیر

    ۹۵ درصد مفاهیم دوره تدریس شده اند و با این دانش شما می توانید هر پروژه ای که مد نظرتان هست پیاده سازی کنید. دو فصل دیگر که به معرفی پلاگین Axios می پردازه، باقی مانده که طی هفته های آینده به سایت اضافه می شود.

محمد
3 ماه پیش
0
0

سلام

لطفا یک دوره آموزشی Asp.net Core 2 به همراه پیاده سازی Vue js یا Angular رو آموزش بدین

 

mahdi developer
3 ماه پیش
0
0

با سلام خدمت استاد گرامی

خواستم بپرسم شما تو این دوره پلاگین نویسی با استفاده از VUEJS رو هم توضیح می دید؟؟

    تیم مدیریت روکسو
    3 ماه پیش
    0
    0

    سلام وقت شما بخیر

    در این دوره از پلاگین های مختلف استفاده می کنیم و نحوه use کردن آنها را آموزش می دهیم. توجه داشته باشید که شما با درک مفاهیم دوره و انجام تمام مثال ها به راحتی می توانید برای خودتان پلاگین های منحصر به فردی ایجاد نمایید.

mahdi developer
4 ماه پیش
0
0

با سلام اگه امکانش هست توی یکی از قسمت های آموزشی نحوه قرار دادن تیکت تو قسمت پشتیبانی رو توضیح بدید یک قسمت هست به نام بستن تیکت اون رو هم توضیح بدید ممنون میشم

    تیم مدیریت روکسو
    3 ماه پیش
    0
    0

    سلام وقت بخیر

    جهت ارسال تیکت پشتیبانی روی عکس پروفایل کاربری خودتان کلیک کنید که بالای سایت قرار گرفته است (در صورتیکه تصویری آپلود نکرده باشید عکس یک آدمک به عنوان پروفایل کاربری شما معرفی می شود) سپس عبارت «پیشخوان» را بفشارید و در نهایت از منوی سمت راست روی گزینه «تیکت پشتیبانی» کلیک نمایید و سوالات خود را از مدرس دوره بپرسید.

امیر ماهانی
4 ماه پیش
0
0

سلام وقت بخیر 

سوال من از شما این است که ایا به نظر شما منطقی است که در یک صفحه هم از JQ و هم از VUE.JS و یا شاید دیگر فریم ورک ها استفاده کرد؟

    تیم مدیریت روکسو
    4 ماه پیش
    0
    0

    سلام و عرض ادب

    در حالت منطقی اگر بخواهید از کتابخانه jQuery و فریم ورک Vuejs استفاده کنید باید ابتدا منابع سرور قدرتمندی در اختیار داشته باشید. زیرا حجم برنامه و نرم افزار شما بالا می رود. اما ترجیحا سعی کنید از یک فریم ورک مشخص مانند Vuejs یا Angular یا Reactjs بهره ببرید. این فریم ورک تمام امکانات و ویژگی های jQuery را به ساده ترین شکل ممکن در اختیار شما قرار می دهند.

      mahdi developer
      3 ماه پیش
      0
      0

      منظور شما این هستش که با استفاده از فریمورک های جاوااسکریپت سمت کاربر مثل vue یا angular دیگر هیچ گونه نیازی به jquery  نمی شود و تمام کارهایی که با ستفاده از jquery می توان انجام داد با این فریمورک ها قابل انجام است؟؟

      سوال دوم در مورد اینکه گفتین حجم نرم افزار افزایش پیدا می کند پس چرا در سایت wrapbootstrap.com تو قسمت ادمین پنل اومدن اومدن یه سری ادمین پنل طراحی کردن و به صورت SPA از انگولار یا ویو استفاده کردن در حالی که با استفاده از بوت استرپ طراحی شدن و بوت استرپ هم از JQUERY  استفاده کرده و طبق گفته خود شما حجم نرم افزار افزایش پیدا میکنه؟؟

       

        تیم مدیریت روکسو
        3 ماه پیش
        0
        0

        سلام وقت شما بخیر

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

ali
4 ماه پیش
0
0

سلام 
دورتون خیلی خیلی عالیه اما برا ما دانشجو ها تخفیف نداره ؟ :(

    تیم مدیریت روکسو
    4 ماه پیش
    0
    0

    مرسی از همراهیتون. به مناسبت عید فطر 25 درصد تخفیفِ سه روزه برای همه‌ی دوره‌های آموزشی قرار داده بودیم. متاسفانه در حال حاضر هیچ طرح تخفیفی برای دوره‌های آموزشی نداریم. 

رضا رستمی
4 ماه پیش
0
1

سلام 

شما توی این دوره از آخرین نسخه ویو استفاده میکنین ؟ نسخه 2.5 ؟

و اینکه میشه توی یه فصل طریقه کار کردن node js رو با ویو جی اس رو آموزش کاربردی بدین 

ممنون 

    تیم مدیریت روکسو
    4 ماه پیش
    0
    2

    سلام

    بله در این دوره آخرین نسخه vuejs یعنی ۲.۵.۱۶ ارائه خواهد شد و البته با آمدن نسخه جدید vue، دوره مجددا آپدیت خواهد شد. یعنی اگر شما یکبار دوره را خریداری کنید به تمام آپدیت های بعدی این دوره دسترسی خواهید داشت. 

    خیر در این دوره به آموزش nodejs نمی پردازیم و یک دوره مجزا برای آن در نظر گرفته ایم.

عباد
4 ماه پیش
0
0

استاد گرامی اینطور که به نظر می آید و آنگونه که من در سوالات پایین جواب گرفتم شاید بتوان گفت Vue بهتر از angular است .

برای بحث backend به نظر شما angular بهتر است یا Vue؟

و از طرفی آیا Vue کار Ajax رو انجام میده یعنی بتونیم با این فریم ورک صفحه بدون لود کامل بخشی ازش لود شود؟

و سوال دیگر آیا Vue پلاگین دارد و شما آموزش میدهیم پلاگین ها را ...؟

وآخرین سوال آموزش pagination در Vue در آموزش شما هست ؟

 

    تیم مدیریت روکسو
    4 ماه پیش
    0
    2

    سلام و عرض ادب

    برای backend از زبان های سمت سرور مانند php یا asp.net یا python و java و ruby و ... استفاده می شود و نیازی به فریم ورک های جاوا اسکریپت نیست ولی اگر ظاهر صفحه مدیریت مد نظر شماست، باید گفت بله کاملا امکان پذیره که در ظاهر صفحه مدیریت از فریم ورک های جاوا اسکریپت استفاده کنید. 

    در پاسخ به سوال شما در ارتباط با AJAX:‌ تمام فریم ورک های سطح بالای جاوا اسکریپت (شامل انگولار، ویو و ری اکت) از قابلیت AJAX یا بهتره بگوییم درخواست های همزمان و غیر همزمان پشتیبانی می کنند.

    پلاگین های زیادی برای vuejs نوشته شده است و برای استفاده از آنها کافیست مانند یک کامپوننت روی پروژه خود بارگذاری کنید. از آنجا که تعداد بسیار زیادی از این پکیج ها موجود هست امکان آموزش آنها وجود ندارد و چون دوره مدام در حال بروزرسانی است، ممکن است برخی از پلاگین ها آپدیت نشوند و روند آموزش را با اختلال روبه رو کنند.

    برای بحث pagination در vue نیز پلاگین های منحصر به فرد و قدرتمندی وجود دارند که امکان استفاده از آنها وجود دارد.

فروغی
4 ماه پیش
0
0

با سلام

مدت کل دوره چه مقدار است یعنی این دوره چه مدت زمان طول می کشد که کامل شود.

    تیم مدیریت روکسو
    4 ماه پیش
    0
    1

    با سلام

    دوره آموزش Vuejs 2.0 به تعداد ۵۰ فصل تخمین زده شده است و شامل ۳ پروژه کاربردی است. روزانه ۱ الی ۲ فصل به دوره اضافه خواهد شد تا دانشجویان همراه با مدرس به آموزش مفاهیم بپردازند. همچنین با خرید این دوره به مدت ۶ ماه پشتیبانی رایگان (شامل سوال و جواب با مدرس از طریق بخش تیکت پشتیبانی) بهره مند می شوید.

امیر ماهانی
4 ماه پیش
0
0

سلام وقت بخیر

ما بین angular 5 و vue شما کدام یک را توصیه می کنید.

چون تا جایی که من در سایت شما متوجه شد , شما vue را نصبت به angular توصیه کردین.

ممنون از پشتیبانی و پاسخ دهی خوب شما

    تیم مدیریت روکسو
    4 ماه پیش
    0
    0

    درود بر شما

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

danial
4 ماه پیش
0
0

درود بر شما

مهندس فیلم ها معمولا چند وقت یکبار منتشر میشن؟ میتونید تخمین بزنید چه زمانی دوره تکمیل میشه؟

چون لازم دارم Mutation و ...

و قسمت سوم پروژه ، axios ، Authentication و ...

رو یاد بگیرم، اگه یه زمان بگین ممنون میشم

    تیم مدیریت روکسو
    4 ماه پیش
    0
    0

    سلام وقت شما بخیر

    روزانه بین ۱ الی ۲ فصل به مجموعه آموزشی ویو جی اس ۲ اضافه خواهد شد. 

mahdi
5 ماه پیش
0
1

با سلام خدمت مهندس گرامی

سوالی برای من پیش اومده تو قسمت نصب vuejs اومده که برای ساخت SPAباید از vue-cli استفاده کنی خواستم بپرسم تنها راهش همینه ؟؟؟

اصلا این vue-cli چی هستش؟؟

چون من یک سری ویدیو دیدم میومدن از vue-cli برای ساخت SPA استفاده می کردند

وسوال دیگه اینکه من یک admin theme دانلود کردم که با vuejs نوشته شده  بود برای اجرای این admin theme باید npm install رو نصب کنی مشکل من اینجاست که با نصب npm حجم فایل بسیار افزایش پیدا میکنه وچیزی حدود 150مگابایت دانلود میشه و اینکار حجم فایل رو بسیار افزایش میده با اینکه خود فایل admin theme چیزی در حدود 8 مگابایت هستش

خواستم بپرسم راه حلی هستش برای اینکار؟؟؟

    تیم مدیریت روکسو
    5 ماه پیش
    0
    1

    سلام وقت بخیر

    vue-cli در واقع یک ابزار برای مدیریت پکیج نرم افزاری است که با فریم ورک Vue.js نوشته شده است. در فصل های اولیه این دوره، جهت آشنایی دانشجویان با ساختار فریم ورک vuejs ابتدا پروژه را به صورت خام (یعنی از صفر) ایجاد کرده ایم. ولی در فصل های آینده وارد مباحث Vue CLI خواهیم شد و پروژه را با این ابزار قدرتمند مدیریت خواهیم کرد.

    در ارتباط با npm یا node_modules، باید خدمت شما عرض کنم با بهینه سازی و نحوه استخراج کدها در فریم ورک vue.js می توان تنها ماژول هایی که در قالب مدیریت شما استفاده شده اند، فشرده سازی کرد و در این حالت حجم پروژه شما کمتر از  ۲ الی ۳ مگابایت خواهد شد. به عبارت دیگر تنها فایل هایی از نود ماژول فشرده می شوند که در پروژه قالب مدیریت شما استفاده شده اند.

      mahdi
      5 ماه پیش
      0
      0

      با سلام

      مهندس جان اینجا که گفتید میشه فشرده سازی کرد منظورتون با استفاده از webpack یا grunt یاgulp هستش یا اینکه دستوری هست که بشه باهاش اینکارو انجام داد؟؟ یا اینکه کدنویسی باید انجام داد؟؟

      مورد دیگه اینکه تو فایل package.json  دو قسمت داره به نام های dependencies و devdependencies خواستم بپرسم تفاوت این دو چیه ؟؟ با استفاده از npm install نام پکیج هایی که توی این دو قسمت نوشته شده اند نصب میشه دیگه درسته؟؟

      ممنون از پاسخگویی

        تیم مدیریت روکسو
        5 ماه پیش
        0
        0

        برای فشرده سازی کافیه از ابزار Vue CLI استفاده کنید.

        نسخه هایی که در Package.json هستند برای حالت توسعه وب و پروداکشن می باشند.

این دوره کامل شده است
۱۰۵۰۰۰ تومان
شش ماه پشتیبانی بیشتر (65000 تومان)
توضیحات پشتیبانی
گزارش تخلفات
با دریافت این دوره از مزایای زیر بهره مند می شوید:
  • ارتباط مستقیم با مدرس
  • ۶ ماه پشتیبانی رایگان
  • ۷ روز ضمانت بازگشت وجه
  • دسترسی دائمی به فایل ویدیو دوره
تیم مدیریت روکسو
27 نفر این محصول را خریده اند
39 نفر به این دوره نظر داده اند
این دوره در روکسو یک دوره ویژه است
امتیاز این دوره
4.2 از 28 رأی (*) (*) (*) (*) (*)
تاریخ انتشار: 1397/3/9
تاریخ بروزرسانی: 1397/7/26
اصالت و صحت اطلاعات این دوره مورد تایید روکسو است.
سازگاری با فریم ورک Javascript
برچسب ها