آموزش vue JS : جلسه 36 - پروژه SPA - ( لاراول + vuejs)

دسته بندی: آموزش
زمان مطالعه: 1 دقیقه
۲۹ مهر ۱۳۹۷

در این قسمت به سراغ آخرین عملیات یعنی Delete کردن میریم و کلی موارد مهم که باید ببینید.این قسمت آخرین ویدیو این دوره می باشد. البته سعی داریم که آپدیتی هایی را هم برای این دوره داشته باشیم.خیلی خوشحال میشویم اگر فرم ارزشیابی که شامل سه سوال میباشد را پر کنید و به ما در تهیه هر چه بهتره دوره ها کمک کنید.

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

 

بعد از دانلود فایل جلسه برای اجرای پروژه ابتدا دستور :composer install و بعد از آن دستور npm install را در ترمینال وارد کنید.

:: توجه

این مطلب یک جلسه از آموزش حرفه ای vuejs می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش حرفه ای vuejs

نویسنده
کارشناس و فارغ التحصیل مهندسی نرم افزار،برنامه نویس BackEnd سون‌لرن،یک گیک، 5 سال سابقه برنامه‌نویسی فرانت اند و بک اند.مسلط به زبان های Ruby,php,java,javascript و ... . علاقه مند به Clean Code و مقیاس‌پذیری وب

جلسات دوره

نظرات کاربران

سید احمد واحدی

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

محمد نجاری

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

hashem

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

محمد نجاری

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

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

امیر امینی

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

محمد نجاری

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

Tabesh Rouhani

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

محمد نجاری

خیر

Reza Jashnsaz

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

محمد نجاری

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

Amin Alinejad

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

محمد نجاری

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

Mohammad Ali mohammadi

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

محمد نجاری

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

متین خلیلی

سلام وقت بخیر
من یکسری دسته بندی دارم که هر کدوم شامل یکسری زیر مجموعه هستن، از سرور دریافتشون میکنم اما برای نمایششون در قالب یه 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

سلام
من موقعی که 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

ساناز مرز

با سلام آموزش شامل پروژه و مثال در محیط لاراول هم می شود؟

کیوان علی محمدی

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

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

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

نیاز به لاگین

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