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

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

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

1427

دانشجو دارد

6

دوره دارد

788

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

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

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

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

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

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

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

سلام آیا امکان داره پروژه ای که ssr با nuxt پیاده شده فقط بخش پنل مدیریت رو spa بزنیم؟

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

سلام بله. دو روش کلی وجود داره یک با استفاده از میدلور ناکست ssr رو خاموش کنین. دو از کامپوننت client-only توی لایوت برای تبدیل به spa استفاده کنین.

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

سلام استاد وقتی تمرین آخر فیلم شماره 36 رو با دستور npx mix watch اجرا می کنم به مشکل می خورم لطفا کمک کنید وقتی در فایل webpack.mix.js کد .vue({version: 3}); اضافه می کنم به این مشکل برمی خورم . سورس پروژه را اینجا قرار دادم . https://github.com/fallah-rasool/Practice-4 λ npx mix watch [webpack-cli] Error: Cannot find module 'webpack/lib/rules/DescriptionDataMatcherRulePlugin' Require stack: - F:\webamooz\Vuejs\Practice\4\test\node_modules\vue-loader\dist\pluginWebpack5.js - F:\webamooz\Vuejs\Practice\4\test\node_modules\vue-loader\dist\plugin.js - F:\webamooz\Vuejs\Practice\4\test\node_modules\vue-loader\dist\index.js - F:\webamooz\Vuejs\Practice\4\test\node_modules\laravel-mix\src\components\Vue.js - F:\webamooz\Vuejs\Practice\4\test\node_modules\laravel-mix\src\components\ComponentRegistrar.js - F:\webamooz\Vuejs\Practice\4\test\node_modules\laravel-mix\src\Mix.js - F:\webamooz\Vuejs\Practice\4\test\node_modules\laravel-mix\setup\webpack.config.js - F:\webamooz\Vuejs\Practice\4\test\node_modules\webpack-cli\lib\webpack-cli.js - F:\webamooz\Vuejs\Practice\4\test\node_modules\webpack-cli\lib\bootstrap.js - F:\webamooz\Vuejs\Practice\4\test\node_modules\webpack-cli\bin\cli.js - F:\webamooz\Vuejs\Practice\4\test\node_modules\webpack\bin\webpack.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Module.require (node:internal/modules/cjs/loader:1005:19) at require (node:internal/modules/cjs/helpers:102:18) at Object. (F:\webamooz\Vuejs\Practice\4\test\node_modules\vue-loader\dist\pluginWebpack5.js:9:42) at Module._compile (node:internal/modules/cjs/loader:1103:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1155:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) at Module.require (node:internal/modules/cjs/loader:1005:19) { code: 'MODULE_NOT_FOUND', requireStack: [ 'F:\\webamooz\\Vuejs\\Practice\\4\\test\\node_modules\\vue-loader\\dist\\pluginWebpack5.js', 'F:\\webamooz\\Vuejs\\Practice\\4\\test\\node_modules\\vue-loader\\dist\\plugin.js', 'F:\\webamooz\\Vuejs\\Practice\\4\\test\\node_modules\\vue-loader\\dist\\index.js', 'F:\\webamooz\\Vuejs\\Practice\\4\\test\\node_modules\\laravel-mix\\src\\components\\Vue.js', 'F:\\webamooz\\Vuejs\\Practice\\4\\test\\node_modules\\laravel-mix\\src\\components\\ComponentRegistrar.js', 'F:\\webamooz\\Vuejs\\Practice\\4\\test\\node_modules\\laravel-mix\\src\\Mix.js', 'F:\\webamooz\\Vuejs\\Practice\\4\\test\\node_modules\\laravel-mix\\setup\\webpack.config.js', 'F:\\webamooz\\Vuejs\\Practice\\4\\test\\node_modules\\webpack-cli\\lib\\webpack-cli.js', 'F:\\webamooz\\Vuejs\\Practice\\4\\test\\node_modules\\webpack-cli\\lib\\bootstrap.js', 'F:\\webamooz\\Vuejs\\Practice\\4\\test\\node_modules\\webpack-cli\\bin\\cli.js', 'F:\\webamooz\\Vuejs\\Practice\\4\\test\\node_modules\\webpack\\bin\\webpack.js'

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

سلام دوبار متد vue رو نوشتین

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

سلام وقت بخیر خواستم تشکر کنم از دوره خوبتون یک خواهشی داشتم میشه برای این دوره یک آپدیت بدین و موارد زیر رو هم آموزش بدید؟ directive mixin unit test

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

سلام دوست عزیز ما توی این دوره میکسین رو به دلیل انتی پترن بودنش و دایرکتیو رو به به دلیل حذف شدنش از ورژن جدید پوشش ندادیم اما اگه توی اپدیت جدید قصد تست نویسی رو داشته باشیم حتما موارد لازم پوشش میدیم.

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

سلام بی صبرانه منتظر دوره nuxt شما هستیم

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

سلام و خسته نباشید از اونجایی که هم در فرانت و هم در بک اند ما میدلور داریم وقتی سایت ssr باشه میدلور ها در فرانت (با nuxt) نوشته میشه درسته؟

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

سلام، دوست عزیز ssr شامل دو بخش سرور و فرانت میشه پس برای بار اول که وارد میشین میدلور در بخش سرور ناکست اجرا میشه اگه صفحه لود نشده باشه توی همون فرانت میدلور اجرا میشه

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

سلام و وقت بخیر ، توی nuxt اگر فرم ورک css رو از طریق npm نصب کنیم مثلا نصب بوت استرپ یا اینکه فایل های استایل رو در پوشه assets قرار بدیم همگی کامپایل میشه و توی سورس مقدار زیادی کد های استایل ایجاد میشه . اما اگر به صورت استاتیک ازشون استفاده کنیم و فایل ها رو داخل پوشه static بگذاریم و ادرسشون رو لینک کنیم . دیگه این حجم از کد توی سورس نمایش داده نمیشه ، کدوم روش بهتره ؟ ممنون

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

این بستگی به خودتون داره اگه از متغییر های sccs بوتسترپ استفاده میکنین که قاعدتا باید بره به assets اما اگه فقط میخاین لود بشه شاید خوب باشه ببرین توی استاتیک چون نیازی نیست که هر بار کامپایل بشه

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

سلام وقت بخیر لطف کنید یک پروژه حرفه ای رو از 0 تا 100 با vue یا nuxt بزنید

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

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

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

سلام خسته نباشید من با لاراول کار می کنم چند تا کامپونت ساده ویو در لاراول استفاده کردم موقع استفاده از لاراول میکس فقط فایل app.js شده 2mb بدون این که کد زیادی نوشته باشم .. می خواستم راهی که کد ها خیلی کم حجم تر بشه؟ ممنون میشم راهنمایی کنید.

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

سلام بله اولا کامپوننت هاتونو باید lazy load کنین و دوما پکیجهایی که استفاده میکنین و احتمالا تغییر نمیکنن رو میتونین ببریت تو یه فایل جدا که راحت تر لود بشن

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

سلام ببخشید اگر nuxt 3 بیاد این دوره آپدیت میشه؟ و چقدر تفاوت بین nuxt 2 و 3 هست ایا منتظر ورژن 3 بمونیم یا تفاوت کمه ؟ ممنون

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

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

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

با سلام با توجه به تغییراتی که در vue3 ایجاد شده آیا کماکان این دوره میتونه قابل استفاده باشه ؟

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

سلام دوست عزیز فصل 17 در مورد تغییرات جزئی هست که ویو داشته و همچنان دوره قابل دیدن هست

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

زمانی که عکس ها در assets هستن نمی تونم به این روش background بدم اصلا عکس رو نمیاره ولی در public باشه میاره

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

سلام و احترام . وقتی که از composition api استفاده میکنیم ، و بخوایم داده ای رو توی تمپلیت نمایش بدیم، مثلا یک داده ری اکتیو یا رف ، اول باید اون ها رو از ویو ایمپورت کنیم بعد متغییر رو تعریف کنیم ، بعد در قسمت return اسم اون ها رو بنویسیم تا بتونیم از اون ها توی تمپلیت استفاده کنیم ، حالا اگر این داده رو فقط و توی return قرار بدیم بدونه اینکه کاره های بالا رو براش انجام بدیم باز هم توی تمپلیت قابل استفاده است ، میشه کمی مفهوم این قسمت رو توضیح بدید که چطوری این کار امکان پذیره ؟

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

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

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

سلام در پروژه موزیک پلیر زمانی که background-image رو به صورت inline css وارد میکنیم عکس رو پیدا نمیکنه چون من عکس رو توی فایل assets گذاشتم ولی وقتی داخل public باشه پیدا میکنه (در هردو ادرس به درستی بوده) دلیل این اختلاف چیه؟ و در کل فایل public برای بارگذاری عکس های وبسایت مناسبه یا assets؟

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

سلام دوست عزیز اگه میشه توضیح بدین چجوری عکس رو لود کردین.

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

سلام خسته نباشید از composition-api برای چه مواردی استفاده میشه؟

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

سلام توی پایین توضیح دادم.

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

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

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

برای استفاده از composition-api و اینکه منطق یا همون لاجیک کامپوننت رو به فایل های مختلف ببریم.

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

سلام اگر از cms وردپرس استفاده کنیم و بخوایم داده ها رو بگیریم و نمایش بدیم . به صورت رندر شده هستند یعنی همراه با تگ و استایل ها ، اون ها رو ارسال میکنه و باید از v-html استفاده کنم تا درست نمایش داده بشن . آیا این کار درستی هست ؟

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

سلام، تا جایی که من از وردپرس میدونم یک api از نوع headless بهت میده یعنی از نوع json و نه html و میتونین ازش استفاده کنین. درکل با استفاده از v-html محدود باشه و فقط جاهایی که لازم هست ازش استفاده کنین.

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

سلام و خسته نباشید . آیا وقتی از nuxt چه به صورت ssr یا ssg مثلا برای یه پروژه فروشگاهی بزرگ استفاده میکنیم که صفحات زیادی لود اولیه صفحه خیلی طولانی نمیشه یا nuxt راه حلی براش داره؟ ممنون

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

اولا دوست عزیز SSG برای سایت فروشگاهی بزرگ نمیشه بیشتر برای سایت فروشگاهیی که محصولاتش استاتیک هستن به درد میخوره. اما برای لود سریع کافیه بزنین nuxt performance کلی مقاله وجود داره

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

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

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

یه دیتایی هست بر اساس یه منطق که توی computed مینویسم محاسبه و برگشت داده میشه و درنهایت کش میشه تا وقتی که یکی از دپندنسی هاش تغییر کنه و دوباره دیتا محاسبه میشه.

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

سلام وقت به خیر من تو پروژه م دارم از composition-api استفاده می کنم یه ماژول برای بیزنسی نوشتم حالا می خوام از متد های اون ماژول تو قسمت script یک کامپوننت استفاده کنم متاسفانه درست کار نمی کنه و استیت های ماژول آپدیت نمی شند ممنون میشم راهنمایی بفرمایید

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

سلام دوست عزیز اگه از ref استفاده کردین دوباره کدتون رو ریویو کنین که به درستی از value. استفاده کرده باشین وگرنه باید کدتونو ببینم

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

سون لرن

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

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

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

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

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