قیمت این دوره: رایگانــ
  • مدرس دوره : محمد رنجبر
  • تعداد ویدیوها : 9 ویدیو
  • مدت زمان دوره : 2:46:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1402/11/30
آموزش پروژه محور To Do List با استفاده از Vue 3 و Typescript

آموزش پروژه محور To Do List با استفاده از Vue 3 و Typescript

دوره آموزش مقدماتی فریمورک محبوب Vuejs 3 همراه با قدرت Typescript برای توسعه رابط های کاربری و پروژه های فرانت اند

 

سرفصل های دوره :

معرفی و هدف دوره
ساخت و آماده سازی پروژه و نصب پکیج ها
بررسی طراحی انجام شده در فیگما
معرفی Headless UI
معرفی Vueuse
آماده سازی کامپوننت های گلوبال
آماده سازی UI کلی
ساخت store با pinia
استفاده از بکند آماده و زدن API
اضافه کردن آیتم Create
خواندن آیتم ها Read
آپدیت کردن آیتم ها Update
حذف آیتم ها Delete
جمع بندی نهایی


پیش نیاز های دوره :

  1. HTML
  2. CSS
  3. JS
  4. Vue

فهرستـــ ویدیوها

مدت زمان دوره 2:46:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • ساخت پروژه و معرفی پکیج ها

00:15:32

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

2
  • بررسی طراحی در فیگما

00:06:14

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

3
  • کامپوننت اینپوت

00:27:40

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

4
  • کامپوننت دکمه

00:20:06

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

5
  • گرفتن لیست تودو ها از بکند

00:36:57

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

6
  • تغییر استایل آیتم ها

00:18:08

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

7
  • حذف کردن آیتم

00:13:20

سلام دوستان عزیز توی این قسمت قرار هستش قسمت حذف کردن آیتم هارو پیاده سازی کنیم و از متد Delete برای پاک کردن آیتم ها در بکند استفاده کنیم ممنون میشم نظرات و سوالات خودتون رو برام بنویسید

8
  • ریفکتور پروژه و بررسی معماری فایل ها

00:14:34

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

9
  • آپدیت آیتم ها و قسمت پایانی

00:13:53

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


نظرات کاربران در رابطه با این دوره

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