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

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

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

1523

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

6

دوره دارد

788

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

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

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

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

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

ارسال نظر

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

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

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

سلام بله این دوره هم مفاهیم و اصول اموزش داده میشه هم پروژه محوره

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

سلام استاد من این چند روزی هر وقت می خواستم یک پروژه vue‌ با دستور vue create project-name‌ بسازم به مشکل بر خوردم . می خواستم بدون مشکل از نت ایران هستش آیا ؟ پروژه هایی که از قبل ساختم رو میتونم run کنم . آخرین باری که اقدام به نصب کردم به این ارور ها خوردم . npm ERR! code FETCH_ERROR npm ERR! errno FETCH_ERROR npm ERR! invalid json response body at https://registry.npmjs.org/mz reason: Invalid response body while trying to fetch https://registry.npmjs.org/mz: Socket timeout npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Alborz Pardazesh\AppData\Local\npm-cache\_logs\2022-10-13T17_22_55_476Z-debug-0.log ERROR Error: command failed: npm install --loglevel error --legacy-peer-deps Error: command failed: npm install --loglevel error --legacy-peer-deps at ChildProcess. (C:\Users\Alborz Pardazesh\AppData\Roaming\npm\node_modules\@vue\cli\lib\util\executeCommand.js:138:16) at ChildProcess.emit (node:events:513:28) at ChildProcess.cp.emit (C:\Users\Alborz Pardazesh\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\cross-spawn\lib\enoent.js:34:29) at maybeClose (node:internal/child_process:1093:16) at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5) PS D:\vue-projects> npm install --loglevel error --legacy-peer-deps npm ERR! code ENOENT npm ERR! syscall open npm ERR! path D:\vue-projects/package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'D:\vue-projects\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Alborz Pardazesh\AppData\Local\npm-cache\_logs\2022-10-13T17_38_25_854Z-debug-0.log

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

توی تلگرام درارتباط باشید مشکلتوتو حل کنیم @nikoo_mohammad

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

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

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

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

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

سلام وقت بخیر تو دوره اموزش پروژه محور vue js ایا کدام ورژن nuxt رو اموزش دادین؟ و ایا دوره اپدیت هم میشه؟ با تشکر

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

سلام لطفا ای دی تلگرام توفیق حمزه‌ ئی را بهم بدید سوال داشتم از استاد ممنون

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

تو تل در ارتباط باشید لطفا @nikoo_mohammad

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

سلام فرق این دو روش وsetup() در compostion api چیه

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

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

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

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

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

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

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

سلام استاد . من هر وقت از setup() است می کنم ( جلسات 82 و 83 و 84 و 85 ) و یک دخواست را ارسال می کنم این درخواست به درستی ارسال می شود ولی در صفحه وبسایت چیزی نمایش داده نمی شود ولی اگر از setup() استفاده نکنم مشکلی پیش نمی آید و همچنین وقتی از setup()‌ استفاده می کنم نمی توانم data ها و methods‌ خودم را در devtools ببینم . اگه امکان دارد راهنمایی کنید .

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

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

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

سلام استاد من از نسخه Strapi نسخه 4 استفاده می کنم وقتی درخواست get رو به سمت سرور می فرستم با توجه به اموزش قسمت 102 چیزی که به من برگشت داده میشه یک آرایه نیست که با for حلقه بزنم شما data داخل state.posts قرار دادید و حلقه زدید ولی من اینجا یک ابجکت دارم این رو چه باید کنم ؟ axios.get('http://localhost:1337/api/posts') .then(({data})=>{ console.log(data) }) {data: Array(7), meta: {…}} data: (7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}] meta: {pagination: {…}} [[Prototype]]: Object

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

سلام دوست عزیز، اگه به شما یک ابجکت بر میگردونه میتونین با Object.keys روی اون حلقه بزنین. تا جایی که من خبر دارم strapi برای ورژن جدیدش تغییراتی داشته که متاسفانه من دقیق از اونا اطلاعی ندارم.

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

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

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

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

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

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

salam

') به صورت json فرستادم و این الان به str هستش و اگر هم به صورت v-html در فرانت اند رندرش کنیم خب باگ امنیتی xss پیش میاد الان باید چیکار کرد؟ ممنون

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

سلام در قسمت 13 فصل یک اخرای کلیپ یک اشاره ای کردن استاد دراین مورد

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

شما باید توی بک اند هر input که از دریافت میکنین رو sanitize کنین. توی ویو چون که بیشتر اپلیکیشن ها spa هستن این کار سخته. اگه خواستین میتونین در مورد csp مطالعه کنین اما از بحث فرانت کاملا جداس و مربوط میشه به سرور.

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

سون لرن

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

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

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

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

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