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

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

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

1523

جلسه منتشر کرده

6

دوره دارد

788

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

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

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

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

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

ارسال نظر

آموزش پروژه محور ویو جی اس (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 ولی هر جند وقت یه بار عوضش میکنم که هم حوصله شما سر نره هم خودم

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

سلام وقت بخیر تو فصل دوم بعد از این که پوشه dist پروژه را روی github قرار دادیم اگر کسی بخواد اون را دانلود کنه و run بگیره ازش چطور میشه ؟ من نتونستم ازش run بگیرم.

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

سلام اگه منظورتون ران همون npm run serve یا dev هست که نمیشه تقریبا چون این کد کامپایل شده هست.

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

سلام این npm install -g @vue/cli دستور رو وارد میکنم برام نصب میشود وقتی میخوام ورژن ویو جی اس را مشاهده کنم این خطا رو میدهد؟ 'vue' is not recognized as an internal or external command, operable program or batch file.

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

سلام به این دلیل هست که ویندوز اون رو نمیشناسه و باید به environment variables اضافه ش کنید. کافیه همین چیزی که گفتم رو توی ستارت سرچ کنین مقالات هم زیاده که چجوری میشه اضافه ش کرد https://github.com/vuejs/vue-cli/issues/347#issuecomment-299522001 .

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

سلام و خسته نباشید قسمتی که در رابطه درخواست به سرور هست در دوره های مختلفی که دیدم به شدت نافهوم بود برام ولی شما عالی تدریس کردین این قسمت رو ۸۰ تا ۸۲ سپاس

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

خیلی ممنون از نظر خوبتون. به فصل api توجه ویژه ای کردیم هم درخواست براش زیاد بود هم مبحث مهمی هست.

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

سلام و وقت بخیر مباحث تست ، مثل unit test رو اموزش نمیدید؟

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

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

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

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

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

سلام به جز فصل laravel-mix هیچی اونم با لاراول کار نکردیم فقط گفتیم چجوری در لاراول میشه با استفاده از mix میشه از vue.js استفاده کرد.

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

سلام خدمت شما استاد عزیز. یه تشکر ویژه دارم از شما بابت این دوره ی عالی تون اگه امکانش باشه pwa هم به دوره تون اضافه کنین با تشکر

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

سلام ممنون بابت نظر خوبتون اگه اپدیتی داشته باشیم حتما pwa رو پوشش میدیم.

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

سلام و خسته نباشید خدمت شما. ممنون بابت اموزش کاربردی و خوبتون. من یک مشکل بزرگ در رابطه با ناکست همراه ویوتیفای دارم. اینکه من یه پروژه با ناکست ساختم و ویوتیفای داخلش نصب شده از همون ابتدا. و بعد که فایلای پروژه ویویی رو داخلش انتقال دادم css های ویوتیفای رو نمیخونه. استایل اینلاین و فایل کاستوم رو اجرا میکنه اما کلاس های ویوتیفای رو اعمال نمیکنه. داخل اینسپکتور که چک میکنم مثلا تگ v-col رو نشون میده استایل هاش رو اما مثلا پدینگشو که برمیدارم هیچ تغییری نمیکنه. فایل vuetify.css رو نشون میده داخل اینسپکتور ولی هیچ استایلی رو اعمال نمیکنه. از ناکست ورژن 2.15 استفاده میکنم. ممنون میشم راهنمایی کنید 5 روزه درگیرشم :(

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

خیلی ممنون حل شد

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

سلام احتمالا ستایلای ویوتیفای رو لود نکردین که احتمالا با این vuetify/dist/vuetify.min.css میشه اوکی کرد. بهر حال اگه درست نشد باید کداتونو توی یه ریپازیتوری ببینم.

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

با سلام و تشکر از شما اقای توفیق حمزه ئی بابت دوره عالی و کاملی که برگذار کردین ، ببخشید من یه مشکلی تو اپلود پروژم تو گیت هاب داشتم و با این که Git رو نصب کردم ولی وقتی دستور git init رو میزدم یه همچین اروری میداد : 'git' is not recognized as an internal or external command, operable program or batch file. اولش از سایت stack over flow کمک گرفتم و توی system environment variables تغیرات اوردم که بعدش دوباره گیت رو زدم و به این ارور خوردم : Reinitialized existing Git repository in C:/learn-vue.js/Vite/app/dist/.git/ اگه میشه یه رهنمایی بکنید :)

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

سلام الان مشکلش چیه؟ کامیت و پوش کنین :)

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

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

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

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

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

سلام اگه میخاین لاراول کار کنید ویو مناسب تر به نظر میرسه اگر قصدتون فقط فرانت باشه به نظرم ری اکت گزینه بهتری هست از لحاظ فرصت های شغلی با این حال اگه هرکدوم از این دو رو شما به حد کافی بلد باشید و توش تسلط داشته باشید بی کار نمیمونید

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

مهندس سلام این دوره ورژن چند ویو تدرییس شده ؟

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

سلام ورژن 3 و برای ناکست و ویوتیفای مجبور شدیم از ورژن 2 استفاده کنیم ولی کلا به جز composition api فرق اساسی با هم دیگه ندارن. اما هم options api و composition api تدریس شده.

سون لرن

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

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

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

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

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