حراج!
آموزش vue.js

Complete Vue Mastery 2022 (Pinia, Composition API, Vitest) | دوره آموزش کامل Vue.js 3

(دیدگاه 3 کاربر)

200,000

  • 28 ساعت ویدیو با زیرنویس انگلیسی و کیفیت 1080
  • به روز رسانی 8/2022 تهیه شده رسمی یودمی ایران
  • مدرس: ZeroToMastery
  • حجم: 10GB (ترافیک داخلی قابل دانلود تنها از داخل ایران)

توضیحات

 

آموزش vue.js

نام دوره: Complete Vue Mastery 2022 (Pinia, Composition API, Vitest) 

دوره در تاریخ 8/2022 به روز رسانی شد و به کیفیت 1080 ارتقا یافت

محتوای دوره دچار تغییرات زیادی شده

پیش نیاز:

توضیحات:

ما به شما تضمین می دهیم که این جامع ترین و به روزترین دوره آموزشی.vue.js+  است که می توانید پیدا کنید. شما Vue را از ابتدا یاد خواهید گرفت. (شامل همه ویژگی های جدید Vue 3) ، برنامه های حرفه ای Vue.js خود را بسازید و در سال 2021 به عنوان توسعه دهنده Vue.js استخدام شوید!

این دوره Vue بر کارایی متمرکز است. دیگر هرگز وقت خود را صرف آموزشهای گیج کننده ، قدیمی و ناقص نکنید و در عوض ، ساخت برنامه های حرفه ای و مدرن را با استفاده از Vue 3 بیاموزید.

فارغ التحصیلان Zero To Mastery اکنون در Google ، Tesla ، Amazon ، Apple ، IBM ، JP Morgan ، Facebook ، Shopify + سایر شرکت های برتر فناوری مشغول به کار هستند.

این دوره مبتنی بر پروژه شما را با کلیه ابزارهای نوین توسعه دهنده Vue JS در سال 2021 آشنا می کند. در این راه ، شما یک برنامه کاملاً پشته کامل Music Player مشابه Spotify با استفاده از Vue ، Vuex ، Vue Router ، Composition API ، ایجاد خواهید کرد. Firebase ، Jest ، Sass + موارد دیگر.

تمام کد ها مرحله به مرحله ارائه می شوند و حتی اگر دوست ندارید کدگذاری کنید ، به کد کامل پروژه اصلی دسترسی خواهید داشت.

ما شما را از ابتدا تا انتهای انتشار یک پروژه حرفه ای Vue تا پایان تولید راهنمایی می کنیم.

با این حال ، ما از همان ابتدا با آموزش اصول و اصول Vue به شما شروع خواهیم کرد. سپس ما به مباحث پیشرفته می پردازیم تا بتوانید در مورد هر یک از پروژه های آینده Vue.js در مورد معماری و ابزار تصمیم گیری خوبی بگیرید.

اگر تازه وارد چارچوب های front end باشید یا حتی اگر از پس زمینه React یا Angular آمده اید ، Vue را دوست خواهید داشت!

در اینجا مواردی است که دوره آموزش vue.js برای انتقال شما از صفر به صد پوشش می دهد:

1. FUNDAMENTALS

در این بخش ، شما با اصول Vue مانند خصوصیات محاسبه شده ، روش ها  خواهید شد. فقط با اصول اساسی ، ما قادر خواهیم بود سند را با رویدادها ، ارائه الزام آور و ارائه مشروط دستکاری کنیم. همچنین یاد خواهید گرفت که چگونه یک برنامه را با ابزارهای رسمی Vue Developer اشکال زدایی کنید.

2. PROJECT: PERSPECTIVE PLAYGROUND

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

3. بعد از مبانی

در این بخش ، شما به کارهای داخلی چارچوب Vue می پردازید. چارچوب های جاوا اسکریپت چگونه واکنش را اضافه می کنند؟ چگونه Vue الگوها را در اشیا virtual مجازی DOM کامپایل می کند؟ این به شما می آموزد که Vue چگونه می تواند چارچوبی برای برنامه های مدرن ارائه دهد. ما همچنین در مورد قلاب و اجزای چرخه عمر صحبت خواهیم کرد.

4. یادگیری درباره ابزارها

در این بخش ، ما یک گام به عقب درباره Vue برمی داریم تا درباره برخی از ابزارهای توسعه برنامه ها صحبت کنیم. در طول حرفه خود ، باید با ابزاری که به ما در توسعه برنامه ها (به عنوان مثال ، Webpack ، Sass ، PostCSS ، ESLint) کمک می کند ، کنار بیایید. ما در مورد نحوه پیکربندی این ابزارها و دلیل ضروری بودن آنها صحبت خواهیم کرد.

5- اجزای پیشرفته

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

6. TRANSITIONS & ANIMATIONS –

در این بخش ، شما می آموزید که چگونه با اضافه کردن انتقال و انیمیشن ، برخی از پیتزا ها را به یک برنامه اضافه کنید. انیمیشن ها می توانند در هر کاربردی نفس بکشند. آنها همچنین می توانند با دادن بازخورد به کاربر درباره عملکرد خود ، تجربه کاربر را بهبود بخشند. ما در مورد چگونگی دستیابی به انیمیشن ها با CSS و JavaScript بحث خواهیم کرد. هر دو در Vue پشتیبانی می شوند. ما حتی در مورد آخرین API انیمیشن های وب صحبت خواهیم کرد.

7. PROJECT: QUIZ APP

در این بخش ، شما می خواهید تمام آنچه را که تاکنون آموخته اید برای تهیه یک برنامه مسابقه استفاده کنید. آزمونها راهی عالی برای جذب کاربران تقریباً در هر صنعت است.

8. MASTER PROJECT:

مقدمه ای برای VUEX – در این بخش ، شما کار روی پروژه اصلی این دوره Vue را که یک برنامه موسیقی است آغاز خواهید کرد! بدون وقفه موسیقی را بارگذاری ، مدیریت و گوش دهید. ما از TailwindCC برای طراحی یک برنامه مدرن زیبا استفاده خواهیم کرد. این بچه جدید در بلوک است که توسط جامعه توسعه دهنده جلویی پذیرفته می شود. پس از آن ، ما با استفاده از کتابخانه رسمی به نام Vuex ، در مورد مدیریت یاد خواهیم گرفت.

9. پروژه اصلی:

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

10. پروژه اصلی:

اعتبار سنجی – در این بخش ، احراز هویت و ثبت نام را شروع می کنید. کاربران می توانند بلافاصله پس از ثبت نام برای یک حساب کاربری وارد سیستم شوند. ما از Firebase به عنوان یک راه حل باطن برای مدیریت و تأیید کاربران استفاده خواهیم کرد.

11. MASTER PROJECT: ROUTING

در این بخش ، می خواهید مسیریابی را با کتابخانه Vue Router انجام دهید. در زیر ، کتابخانه روتر از API تاریخچه برای مدیریت پیمایش استفاده می کند. به ما امکان می دهد بدون تازه سازی بین صفحات جابجا شویم. بررسی خواهیم کرد که چگونه می توانیم از این کتابخانه برای محافظت از مسیرها ، افزودن فیلدهای متا و سفارشی سازی ظاهر سایت خود بر اساس مسیر فعلی استفاده کنیم.

12. MASTER PROJECT: UPLOADING FILES

در این بخش ، شما بارگذاری پرونده ها را در Firebase شروع می کنید. بسیار مهم است که ما پرونده ها را با Firebase تأیید کنیم. ما نمی خواهیم کاربران هنگام گوش دادن به موسیقی ، پرونده ای مخرب را به طور تصادفی بارگیری کنند. ما نحوه اجرای اعتبار سنجی را با قوانین Firebase توضیح خواهیم داد. پس از انجام این کار ، اطلاعات اضافی را در یک پایگاه داده ذخیره خواهیم کرد. حتی در صورت عدم دسترسی به drag n drop ، نحوه اجرای یک راه حل برگشتی را نیز بیان خواهیم کرد.

13. MASTER PROJECT:

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

14. پروژه اصلی:

دستورالعمل ها – در این بخش ، به طور خلاصه درباره نوشتن دستورالعمل های سفارشی خواهید آموخت. رهنمودها صفاتی هستند که می توانند عنصری را با خصوصیات و روشهای اضافی گسترش دهند. ما اصول را پوشش خواهیم داد و مفاهیم پیشرفته مانند اصلاح کننده ها و استدلال ها را بررسی خواهیم کرد.

15. MASTER PROJECT: INTERNATIONALIZATION

در این بخش از آموزش vue.js ، شما برای ترجمه یک پروژه به چندین زبان بین المللی سازی را به یک پروژه اضافه خواهید کرد. روش های مختلفی برای ترجمه پیام وجود دارد. برخی از پیام ها نیاز به قالب بندی یا تکثر دارند. همچنین می توانیم اعداد (یعنی ارزها) را ترجمه کنیم. ما نحوه تغییر بین زبانها را با چند خط کد بررسی خواهیم کرد.

16. MASTER PROJECT: PWA

وب به رویکرد همراه اول تغییر کرده است. در این بخش ، ویژگی های PWA (Progressive Web App) را اضافه می کنید تا با استفاده از Workbox برای ذخیره سازی پرونده ها و ادامه داده ها با Firebase ، برنامه شما سازگار با تلفن همراه باشد.

17. پروژه اصلی آموزش vue.js:

بهینه سازی ها – در این بخش ، قبل از ارسال برنامه برای تولید ، برخی از بهینه سازی های نهایی را انجام می دهید. تکنیک ها و ابزارهای مختلفی وجود دارد که ما به آنها کمک می کنیم تا برنامه خود را دقیق تنظیم کنیم. ما می توانیم برای بسته بندی پرونده ها و ثبت خودکار م componentsلفه ها از Webpack استفاده کنیم. ما برای کمک به کاربر در درک اینکه برنامه در حال پردازش درخواستی برای تجربه کاربر پسند است ، برخی از ویژگی ها را اضافه خواهیم کرد.

18. MASTER PROJECT: DEPLOYMENT

در این بخش ، برنامه خود را با یک دستور در Vercel مستقر می کنید! سریع و آسان.

19. MASTER PROJECT: TESTING

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

20. COMPOSITION API

در این بخش از آموزش vue.js ، ما در مورد آخرین ویژگی معرفی شده در Vue به نام ترکیب API بحث خواهیم کرد. این روش متفاوتی برای ساخت اجزا است. در حالی که Vue یک API ساده برای نوشتن م componentsلفه ها ارائه می دهد ، اما کاستی هایی وجود دارد. API ترکیبی این مشکلات را برطرف می کند. ما درمورد اینکه چرا می خواهید از API ترکیب استفاده کنید و دلیل معرفی آن را خواهیم فهمید.

 

دوره آموزش vue.js برای چه کسانی است؟

  • دانشجویانی که علاقه مندند از یک آموزش عادی “مبتدی” فراتر روند
  • برنامه نویسان که می خواهند یکی از پر تقاضایترین مهارت های یک توسعه دهنده وب را بیاموزند
  • توسعه دهندگانی که می خواهند در 10٪ برتر توسعه دهندگان Vue قرار بگیرند
  • دانشجویانی که می خواهند تجربه کار در یک برنامه بزرگ و قابل مقیاس را کسب کنند
  • فارغ التحصیلان Bootcamp یا آموزش آنلاین که می خواهند فراتر از اصول اولیه عمل کنند
  • هرکسی که می خواهد به عنوان توسعه دهنده Vue استخدام شود

 

بخشی از دوره:


3 دیدگاه برای Complete Vue Mastery 2022 (Pinia, Composition API, Vitest) | دوره آموزش کامل Vue.js 3

  1. یودمی ایران

    دوره در خواستی خود را در انجمن مطرح کنید

  2. amir

    سلام
    آموزش خیلی خوبیه …. اگه تو زبان ضعف دارین مشکلی نیست چون از روی کدهای برنامه هم همیشه مباحث رو یاد گرفت….
    لطفا آموزش لاراول و vue رو هم قرار بدین
    ممنون از شما

    • یودمی ایران

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

  3. امیرحسین

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

    • یودمی ایران

      ممنون از اطلاع رسانیتون قسمت های اضافه شده تا فردا اضافه می شه

دیدگاه خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.