آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی -جلسه سرفصل های دوره

دسته بندی: طراحی و برنامه نویسی وب
آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی
4.5 از 38 رای
  • تعداد شرکت کننده گان: 191 نفر
  • جلسات منتشر شده: 236 جلسه
  • مدت زمان دوره: 70:39:00
  • قیمت دوره: 449000 تومان
  • وضعیت دوره: تکمیل شده
  • درصد تکمیل شده: 100%
100%
توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

توفیق حمزه‌ ئی

1429

دانشجو دارد

6

دوره دارد

788

جلسه منتشر کرده
دانلود این قسمت (قسمت 1 )

دوره پروژه محور  vue.js 3

برای مشاهده جلسات رایگان بیشتر وارد کانال https://t.me/vuedotjs شوید.

احتمال تغییرات در سرفصل های موجود هستش دوستان عزیز

هفته ای 5 الی 7 جلسه داخل سایت قرار میگیره

تا اکنون 389 دیدگاه ارسال شده است. شما نیز دیدگاه تان را بنویسید. ارسال دیدگاه

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - Ali
Ali

سلام توی قسمت ران کردن سرور strapi وقتی npm run develop رو میزنم این خطا رو میگیرم connect ECONNREFUSED 127.0.0.1:5432 سرچ هم که میکنم مشکل رو Couldn't run with db PostgreSQL نشون میده . ولی خب ما که با دیتا بیس اصلا کاری نداریم . شما اگر به این مشکل خوردید ممنون میشم راهنمایی کنید

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام اتفاقا برای strapi به دیتابیس نیاز داریم وگرنه اطلاعات رو از کجا میخاد بخونه؟ برای اینکار درایور دیتابیس postgres رو نصب کنین و اگه مشکلی داشتین میتونین خبر بدین.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

سلام و خسته نباشید . ببخشید که زیاد سوال میپرسم ولی دوره انقدر خفنه که سوال پیش میاد و داخل اینترنت هم جوابمو پیدا نکردم. طوری که من دیدم وقتی که از vue به تنها استفاده میکنیم(بدون router یا nuxt ) وقتی میخوایم در پروژه ای صفحات مختلف داشته باشیم نمیشه چون فقط یک app.vue هستش پس فقط یک صفحه رندر میشه نمیشه یه صفحه دیگه ساخت که بچه سوییچ کرد بهش چیکار میشه کرد ایا هر صفحه باید یه پروژه vue براش بسازیم ممنون؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

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

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام من که پیشنهاد میکنم حتما از روتر استفاده کنین اما در غیر این صورت کاملا ساختار پروژه به خودتون بستگی داره و معمولا از طرف سرور روت ها مشخص میکنن تو این نوع اپلیکیشن ها.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

واقعا ممنون که پاسخ دادید . ولی خوندم که فایل assets توسط webpack کامپایل میشه واسه همین فایلهای scss و css و img و ... داخلش میزارن ، مگه فایل های دیگه توسط webpack کامپایل نمیشه؟؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام چرا بقیه هم کامپایل میشه به جز اونایی که توی پابلیک هستن

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

توی قالب فروشگاهی گفتید استفاده از require برای ادرس دهی به عکس ها باعث میشه بعدا اگر از همون عکس با سایز دیگه ای از همون عکس استفاده کنیم از کش استفاده میکنه یا عکس رو دوباره لود میکنه من متوجه نشدم؟؟!! و یه سوال دیگه چرا بعضی وقتا عکس ها رو داخل پوشه public میزارید ولی وقتی که از vue-cli استفاده میکنید داخل assets هم میتونستید بزارید میشه توضیح بدید؟ ممنون

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام استفاده از require باعث میشه اگه یه فایل دیگخ با همون اسم دوباره اپلود و یا بیلد بشه چون تشخیص میده یه فایل دیگه از کش نمیخونه. در قالب های اماده چون یه تمپلیتی داریم که قبلا ازش بیلد گرفتن و عکسا قبل استفاده در پروژه وجود داشتن و توی css و بعضی جاهای دیگه ممکنه استفاده شده باشه، کمی کار سخت میشه وقتی بخایم از assets استفاده کنیم

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - Ali
Ali

سلام . توی قسمت 63 . که با کامپوزیشن api یک فانکشن تعریف میکنیم چرا count رو اگر بصورت مستقیم و بدون تابع توی event کلیک بنویسیم که با هر بار کلیک بعلاوه یک بشه نیازی به value. نداره ؟ و فقط داخل setup نیاز هست از value استفاده کنیم که به صورت count.value نوشته بشه و بتونه مقدار رو زیاد کنه ؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام به دلیل اینکه در تمپلیت خود ویو میاد این .value رو اضافه میکنه ولی خب طبیعتا در composition api لازمه چون اینجوری کار میکنه ولی قراره یه روش جدید اضافه بشه که نیازی به این value. نیست(البته در ورژن های بعدی ویو)

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

سلام و خسته نباشید . ایا جایگزینی برای cookie و localStorage هستش که بشه توکن رو در فرانت ذخیری کرد چون فک کنم هر دو کاملا روش های امنی نیستن. و یا کلا روش یا کاری میشه کرد برای بهتر شدن امنیت اینا، ممنون میشم یه توضیح کوتاه بدید.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام و خسته نباشید کلا با هر روشی سعی کنین توی فرانت توکن ذخیره کنین امن نیست. هرچند روش هایی وجود داره که میشه امنیتش رو بالا برد ولی بهر حال توصیه میشه این کارو توی بک اند انجام بدین.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - علیرضا
علیرضا

سلام وقت بخیر می خواستم نرم افزار موبایل بنویسم با Vue Native خوبه یا باید react native بنویسم

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام کامیونیتی vue-native نسبت به react-native خیلی خیلی کوچیکتره و من اصلا vue-native رو پیشنهاد نمیکنم اما یه فریمورک به اسم quasar داریم که نسبتا خوبه و حداقل چندتا دوره میتونین براش پیدا کنین و خوبیش این هرچیزی رو با این فریم ورک میتونین بسازین

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - امیر
امیر

سلام این که تو بخش پلاگین های nuxt فرمویدید ممکنه برای نصب پکیج های vue به مشکل بخوریم که وقتی mode رو بزاریم client مشکل حل میشه می خواستم بپرسم یعنی چی پکیج ما به سرور نیاز نداره و مخصوص کلاینته ؟ و اگه نیاز به سرور داشته باشه چی میشه ؟ این روی seo تاثیر میزاره ؟ ممنون

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام دوست عزیز به این دلیل هست که بعضی پلاگین ها فقط روی براوزر کار میکنن و نه توی سرور اگه داخل نود اجرا بشه به اررور میخوریم. این مسایل یه خورده سنگینه و برای همین تصمیم گرفتم که توی یه دوره جدا بیایم و از اول ssr نه با اناکست بلکه با ویو و نود خالی بسازیم و این مسائل رو بهتر درک کنیم. همچنین سیستم ریکتیویتی ویو رو هم از اول پیاده کردیم که باز هم باعث میشه دانشتون از ویو عمیق تر بشه. https://bicoo.ir/courses/vue-expert/view

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - مسعود انصاری
مسعود انصاری

سلام وقت بخیر من کد js رو داخل assets یا static هم قرار میدهم باز هم کار نمیکند(ناکست جی اس)

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - امیر
امیر

سلام تو بخش ناکست فرمودید محتویات فولدر assets توسط وب پک کامپایل میشه و بهتره جی اس ها و سی اس اس ها رو تو این مسیر قرار بدیم من هر کاری می کنم نمی تونم از این مسیر فایل ها رو بخونم و 404 دارم در واقع می خوام به صورت دینامیک در head یه سری فایل های css , js رو لود کنم . تو static که میزارم میخونه و لی از assets نه

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

سلام و ممنون بابت دوره عالی . میخواستم بپرسم چطور مثلا url مربوط به یک api رو بت chrome باز میکنید انگار hilight و syntax بهش اضافه میشه با چه پلاگینی اینکارو میکنید؟ ممنون.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام ممنون از نظر خوبتون، JSON Formatter ماله کروم

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - امیر
امیر

سلام اگه مقدوره pwa رو هم به عنوان آپدیت اضافه کنید ممنون

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام دوست عزیز اگه اپدیت داشته باشیم حتما فصل pwa رو اضافه خواهیم کرد

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - مسعود انصاری
مسعود انصاری

سلام داخل پروژه ای که میزنیم اگه فقط هدر یا فوتر صفحه اصلی با بقیه صفحه ها متفاوت بود اون رو چطوری باید مدیریت کرد؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - محسن
محسن

سلام وقت بخیر من طبق فیلم فصل rest-api مینی پروژه بلاگ به آدرس http://localhost:1337/posts درخواست میدم اما ارور 404 میده هر کار میکنم درست نمیشه بنظرتون مشکل از کجاست؟؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام، تا نحوه درخواست دادنتون رو نبینم نمیتونم دقیق بگم مشکل چیه

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - مسعود انصاری
مسعود انصاری

سلام مثل من یک قالب رو میزنم با استفاده از html , css , js خام میارم بالا چطوری باید در ویو و ناکست استفاده یا منتقلش کنم؟ زمانی که از ناکست استفاده میکنیم نیاز نیست که ویو رو نصب کنیم همان ناکست را نصب کنیم کافیه؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام توی ناکست کانفیگ میشه یه سری css و js رو به صورت لینک به پروژه اضافه کرد. پیشنهاد میکنم از قالب هایی که به شکل سنگین از جی اس استفاده کرده مخصوصا هایی که خیلی وابستگی دارن به جیکویری پرهیز کنید و خود قالب خام با css رو بیارین بالا. نه نیازی نیست ویو رو نصب کنین چون خود ناکست داره از اون استفاده میکنه.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - مسعود انصاری
مسعود انصاری

سلام شما در فصل nuxt بیشتر طراحی آموزش میدهید؟ و کد ویو و ناکست نزدید؟ مثل من یک قالب رو میزنم با استفاده از html , css , js خام میارم بالا چطوری باید در ویو و ناکست استفاده یا منتقلش کنم؟ زمانی که از ناکست استفاده میکنیم نیاز نیست که ویو رو نصب کنیم همان ناکست را نصب کنیم کافیه؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - مسعود انصاری
مسعود انصاری

سللام چرا بعضی از درس ها فایل کد ها رو نداره؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام دیگه از یه جایی به بعد گفتیم همه کدارو از گیت هاب میتونین پیدا کنین. https://github.com/Tefoh/vue.js

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - مسعود انصاری
مسعود انصاری

سلام الان از vite استفاده می شود در پروژه های واقعی یا nuxt چون یک فیلم دیدم از router , vuex و .... بیشتر استفاده میکرد

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام این دو هیچ ربطی به هم ندارن. vite یک ابزار برای کامپایل کدای ویو به جاوااسکریپت هست مثله vue-cli که با توجه به این که سازنده ویو تمرکزش رو روی vite گذاشته احتمالا در اینده فقط از این پشتیبانی میشه. دو نکته وجود داره یکی اینکه vite مختص ویو نیست و با خیلی از فریمورک های جی اس حتی جی اس خام کار میکنه و همچنین ازش توی ورژن جدید ناکست استفاده شده که سرعت رو خیلی بهتر کرده. در اون طرف ناکست یک فریمورکه برای وب اپ و سایت هایی هست که نیاز به SSR دارن. ناکست خودش به صورت پیش فرض به همراه vuex و vue-router میاد حداقل برای ورژن 2 ناکست اینجوریه

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - مژگان اکابری
مژگان اکابری

مدرس دوره یکم لهجه داره

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

میشه تم vscode خودتون رو بگید :)

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

همون material theme ولی هر جند وقت یه بار عوضش میکنم که هم حوصله شما سر نره هم خودم

سون لرن

سون لرن,چت مشهد,مشتی چت,شرق چت

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

سون لرن,دوره php,دوره ری اکت جی اس,دوره پروژه محور ری اکت

سون لرن,وب اموز,دوره php,دوره ری اکت جی اس,دوره پروژه php

کلمات سایتی : دیجی کالا , فرادرس , فرانش , تاپ لرن , ویرگول , کوئرا , کلیک سایت , سون لرن , ایران سرور