توضیحات

آموزش کاربردی و ساخت پروژه با Vue js 3

نام دوره : Vue js 3 Practical Guide w/ Composition API, Router (2022)

پیش نیاز:

• دانش اولیه توسعه وب (HTML، Javascript، CSS) مورد نیاز است
• دانش پایه جاوا اسکریپت ES6+، Vue js توصیه می شود

توضیحات:

Vue js 3 یک چارچوب جاوا اسکریپت برای ساخت رابط کاربری است.

این یک دوره آموزشی پروژه محور برای یادگیری Vue js است. من به شما یاد خواهم داد که چگونه با Vue چند پروژه از پروژه های ساده تا پیچیده بسازید.

پروژه اول: ورودی برچسب ها

ما با ساختن یک ورودی Tags ساده شروع می کنیم، یک سیستم برچسب گذاری مبتنی بر Vue js که به طور خودکار مقادیری را که کاربران در ورودی وارد می کنند به برچسب های محدود شده تبدیل می کند.

در حالی که ما در حال ساخت این پروژه هستیم، برخی از مفاهیم اساسی Vue js مانند:

• Interpolation
• Directives
• Attribute bindings
• Conditional rendering,
• List rendering
• Class and style bindings
• Handling events
• Two-way bindings with v-model
• Methods
• Computed properties
• Watcher

را می آموزیم

پروژه دوم: Toast Notification

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

پروژه سوم: Carousel Image slider

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

پروژه چهارم: Vue Drive (پروژه اصلی)

پروژه اصلی ما ساخت Vue Drive است، یک برنامه Vue Single Page Application (SPA) که از Google Drive الهام گرفته شده است، جایی که می‌توانیم برخی از فایل‌ها را با قابلیت کشیدن و رها کردن آپلود کنیم و آنها را در پوشه‌ها مدیریت کنیم.

در دوره آموزش کاربردی و ساخت پروژه با Vue js 3 با برخی از این موضوعات آشنا خواهید شد:

• Composition API
• توابع قابل ترکیب
• ساخت اپلیکیشن تک صفحه ای با روتر Vue
• ایجاد دستورالعمل های سفارشی
• کار با کتابخانه HTTP Axios
• چگونه از برنامه خود به یک سرور باطن متصل شوید
• استفاده از async/wait
• سازماندهی نقاط پایانی API
• نحوه نوشتن کد تمیز
• در حال آپلود فایل به Backend API
• کار با Teleport
• پیاده سازی احراز هویت در برنامه Vue js

علاوه بر سخنرانی‌ها، من همچنین کد منبع کامل را در GitHub ارائه می‌دهم که در آن می‌توانید تمام تغییراتی که برای هر سخنرانی ایجاد کردم را مشاهده کنید تا همیشه بتوانید به پایگاه کد کامل برنامه دسترسی داشته باشید.

قبل از گذراندن این دوره، باید درک اولیه ای از ویژگی های جاوا اسکریپت مدرن مانند توابع پیکان، عملگرهای تخریب ساختار، پارامترهای استراحت، و Spread Syntax داشته باشید. همچنین باید اصول Vue js را بدانید.

در پایان دوره آموزش کاربردی و ساخت پروژه با Vue js 3 ، درک بسیار خوبی از Vue خواهید داشت و می توانید در پروژه های Vue خود غوطه ور شوید.

دوره آموزش کاربردی و ساخت پروژه با Vue js 3 برای چه کسانی است:

• توسعه دهندگان Frontend که می خواهند از Vue js 3 برای ساخت برنامه های وب مدرن استفاده کنند
• توسعه دهندگان Vue js که می خواهند Composition API را در ساخت پروژه دنیای واقعی یاد بگیرند
• همه علاقه مندان به یادگیری نحوه ساخت برنامه های وب ظاهری با Vue js
• توسعه دهندگان جاوا اسکریپت که می خواهند Vue js را برای ساختن رابط های کاربری بررسی کنند

بخشی از دوره :