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

دسته بندی: طراحی و برنامه نویسی وب
آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی
4.8 از 25 رای
  • تعداد شرکت کننده گان: 105 نفر
  • جلسات منتشر شده: 223 جلسه
  • مدت زمان دوره: 68:14:00
  • قیمت دوره: 249000 تومان
  • وضعیت دوره: در حال برگزاری
  • درصد تکمیل شده: 95%
95%
توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

955

دانشجو دارد

6

دوره دارد

747

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

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

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

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

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

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

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

سلام وقتتون بخیر لطفا اموزش tailwindcss رو هم با تدریس اقای حمزه ئی در سایت قرار بدید .

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

سلام ایشالله به شکل پروژه ای خواهیم داشت.

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

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

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

سلام ممنون بابت نظر و پیشنهاد خوبتون این موارد رو حتما بررسی خواهیم کرد :))

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

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

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

خیلی ممنون دوست عزیز نظر لطفتون باعث دلگرمی من میشه.

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

سلام سوالی که دارم ممکنه سوال خیلی های دیگه هم باشه اینه که بعد از اینکه این دوره رو تموم کردیم چیکار کنیم که برنامه نویسی front-end ما بهتر بشه ؟ بعضی ها میگن برید پروژه های که هستن و سورس کدشون رو گذاشتن از روی اونا تمرین کنید شما همچین وبساتی میشناسید؟ اگر نه خودتون یه مسیری رو برای بعد این دوره معرفی کنید چون واقعا مهمه ولی خواهشا دقیق و با منبع بگید چون همه گنگ راهنمایی میکنن. ممنون

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

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

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

من هدفم fullstack شدنه (البته با جنگو) . منظورم این نبود که چه پروژه ای بلکه میگم با تقلید از کسان دیگه ای که پروژه خودشو همراه کدهاش گذاشته چیزای جدید تر یادبگیریم که برای اینکار یه منبع میخواستم و آیا اصلا اینکار درسته یا نه؟

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

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

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

سلام یه سوالی دارم اینکه devDependencies با dependencies دقیقا چه فرقی داره و در هنگام نصب پکیج در چه صورتی در کدام بخش نصب کنیم؟؟

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

فرق در اینه devDependenciesفقط در لوکال به دردتون میخوره و بیشتر برای اینه اپلیکیشنو راحتر و بهتر بسازین اما dependencies وقتی از اپلیکیشن بیلد میگیریم و اپلودش میکنیم در سرور هم بهش نیاز داریم.

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

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

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

سلام اقای ابراهیم خانی عزیز، خیلی ممنون بابت نظرتون و منم حتما بقیه قسمت هارو ادامه میدم :))

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

سلام، وقت بخیر، از نظر من طراحی سکشن های بعدی با Tailwind رو ادامه بدید، چون این فریمورک یکی از بهترین هاست، باتشکر

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

اوکی ضیا عزیز، منم با شما موافقم اگه نگیم بهترینه حتما از بهترین هاست

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

سلام ببخشید یه سوال وقتی درون یه فایل sfc درون export default یک name رو تعیرف کنیم دقیقا کاربردش چیه چون وقتی حذف هم میشه هنوز کامپوننت کار میکنه؟؟!!

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

یونیک بودن اسم کامپوننت خیلی مهم نیست، اگه به شکل recursively nesting باشه اسم دو کامپوننت نباید یکی باشه. منظور اینه که به شکل اتوماتیک فرزندهاشو لود کنه چون تعداد کامپوننت های فرزند به شکل داینامیک هستش.

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

یعنی نباید دوجا name با یک اسم داشته باشیم و همیشه باید مقدارش یونیک باشه؟!

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

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

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

سلام. درباره nuxt همین سر فصل هایی که نوشتین هست یا قراره اضافه بشه و پروژه باهاش راه اندازی کنید؟

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

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

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

میشه لطفا مینی پروژه ای که براش در نظر گرفتین استفاده کردن از api ها برای data table ها مثل نمایش لیست داخل جدول و مثلا ساخت یک فیلد و ویرایش و حذف فیلد داخل جدول باشه. که اکثر پروژه های واقعی به این شکل هستند که تا حالا هیچ آموزشی بهش نپرداخته. با توجه به اینکه Nuxt.js در اینده نزدیک بسیار بیشتر و پرکاربردتر از Vue.js خواهد بود. طوری که الان داخل گوگل ترند از بین تمام فریم فورک ها اگر جهانی بهش نگاه کنیم رتبه اول فریم ورک هارو به خودش اختصاص داده. معمولا اکثر مینی پروزه هایی که با ناکست در نظر گرفته شده داخل وب سایت ها ساختن یک بلاگ ساده بوده و صدا زدن یک api برای گرفتن لیست پست ها و کارهای پیچیده دیگری باهاش انجام نشده. اگر این قسمت هارو لحاظ کنید ممنون میشم ازتون و پیشاپیش بابت اموزش خوبتون که اولین وب سایت ایرانی هستین که درباره Nuxt و Vue انقدر کامل توضیح دادین تشکر میکنم.

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

سلام تقریبا همه فصل ها یا پروژه دارن یا کل فصل یه پروژه بوده. ناکست هم به همین شکلی هستش و مینی پروژه براش در نظر دارم.

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

سلام آقای مهندس شما که زحمت کشیدید کل ویو رو تدریس کردید لطفا pwa رو هم اضافه کنید ممنون

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

در حال حاضر pwa جزو برنامه این دوره نیست، اما حتما نیم نگاهی داریم بهش اگه اپدیتی داشتیم ایشالله اضافه میشه.

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

با سلام و احترام ، یک سر فصل با عنوان طراحی چند زبانه با کتابخانه vue-i18n قبلا داشتیم ، الان نیست . امکانش هست این مورد رو هم آموزش بدید . چون اکثر پروژه ها ازش استفاده میکنن . ممنون

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

سلام دوست عزیز، ممنون از نظر خوبتون به دلایلی مجبور بودم اونو حذفش کنم. ۱- ما در این دوره پکیج های اصلی که خود تیم اصلی سازنده بوده پوشش دادیم میخاستم این پکیج رو به عنوان یک مینی پروژه که به چه شکل میشه از یک پکیج third party استفاده کرد اضافه کنم اما در فصل های قبلش همچین مینی پروژه هایی داشتیم پس میشه گفت اضافه بود. 2- ترتیب فصل ها از اسون و مقدماتی به سخت و پیشرفته باید باشه که این فصل اصلا جای مناسبی نبود به دلیل اینکه اگه شما بلد باشین داکیومنت مربوطه رو بخونین این پکیج خیلی خیلی اسونه استفاده ازش. ۳- خیلی از دوستان متاسفانه به دنبال اینن براشون ماهی بگیرن تا یاد بگیرن چجوری ماهیو گرفت. خیلی از دوستان هنوزم هر پکیجی که باهاش کار نکردن انتظار دارن بیاد توی این دوره اگه اینجوری باشه دوره تموم نمیشه و شما هم نه برنامه نویسی یاد میگیرین نه ویو. یکی از هدف های من در این دوره این بود که خواندن داکیومنت یاد بدم که بخش مهمی از برنامه نویسی هستش.

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

سلام، لطفا nuxt auth رو هم توضیح بدید

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

سلام ما در این دوره ناکست رو کانسپت هاشو پوشش میدیم چون ناکست خودش یک فریمورکه بهتره با یک پروژه کامل اینا رو پیش ببریم که همین قصد رو هم داریم ایشالله.

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

سلام توی ssr تو اون سرور node همه فایل های js تبدیل به html میشند ؟ مثلا با اولین ریکویست به هاست تمام فایل های js ایمپورت شده در index.html به html تبدیل میشند حتی اگه اون صفحه رو فراخوانی نکنیم ؟ اگر روت های ما lazy باشند چی اون موقع ssr چه طور عمل می کنه ؟

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

سلام همون جوری که ویو در براوزر المنت ها رو رندر میکنه و ما در DOM اونو میبینیم به همون شکل در نود چون از یک انجین (v8) استفاده میکنن در اونجا هم سورس قابل رندر هست ولی فقط سورس رو بهمون میده همین.

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

سلام ایا در مورد cookies در vue صحبت میکنید ؟ اگر نمیکنید مشه یه منبع بگید که خودمون یاد بگیریم؟!

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

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

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

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

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

ممنون دوست عزیز که با نظر خوبتون و لطفی که دارین باعث انگیزه من میشین :))

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

سلام وقت بخیر ایا nuxt میشه روی لاراول استفاده کرد اگه میشه میتونید آموزش رو بزارین

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

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

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

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

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

سلام دوست عزیز، حتما کانسپت هاشو سعی میکنم کامل کامل توضیح بدم. و مینی پروژه هم خواهیم داشت ولی بهتره یک پروژه کامل از صفر با ناکست داشته باشین و در اونجا با خیلی چیزا اشنا میشین.

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

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

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

سلام. من در نظرات به شکل کامل توضیح دادم چرا استفاده از spa اصولی تره و سخت تر هستش. شما با چیزایی که در فصل اول یاد گرفتید میتونید بسطش بدین به لاراول. همین جوری که در html از vue استفاده میکنیم در لاراولم به همون شکله و زیاد سخت نیست.

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

سلام، ممکنه تو همین پنل ادمین که دارید با ویوتیفای میزنید، راجع به role های مختلف هم توضیح بدید که چجوری ایجاد کنیم؟ مثل role ادمین که به همه چیز دسترسی داشته باشه role کاربر، ...

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

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

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

سلام ببخشید از اونجایی که Vuetify هنوز از vue v3 پشتیبانی نمیکنه وقتی که ورژن جدیدVuetify بیاد آیا دوره هم آپدیت میشه یا یک دوره دیگه براش برگزار میکنید؟

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

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

سون لرن

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

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

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

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

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