×
ribbon

ساخت وب اپلیکیشن Notes با استفاده از Vue.js

مدرس:

سروش محمدی زاده

آیا می خواهید یاد بگیرید چگونه یک وب اپلیکیشن واقعی و قابل انتشار بسازید؟ در این دوره، قدم... بیشتر
گواهی‌نامه
3.7 (3)
1 دیدگاه
238دانشجو
4ساعت
سرفصل‌ها
پیشرفته سطح دوره
بروزرسانیشهریور ۱۴۰۴

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

آنچه در این دوره می‌آموزید

یادگیری ساخت یک پروژه واقعی با Vue 3 و Composition API

تسلط بر ابزارهای مدرن توسعه فرانت‌اند

آشنایی با فرایند پیکربندی و راه‌اندازی پروژه با Vite

مدیریت استیت و سازمان‌دهی کد در پروژه‌های متوسط تا بزرگ

این دوره شامل:

4 ساعت ویدئو

گواهینامه مکتب‌خونه

دسترسی مادام‌العمر به محتوای دوره

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

6 فصل48 جلسه4 ساعت ویدیو
آشنایی با پروژه
  آشنایی با پروژه
01:21
  معرفی ابزارهای مورد استفاده
02:34
کانفیگ و راه اندازی
  نصب ابزارها و آماده سازی پروژه
08:51
  پاکسازی فولدر پروژه
05:37
اتومیک دیزاین
  توضیح مفهوم اتومیک دیزاین
01:22
  ایجاد ساختار اتومیک دیزاین
00:58
طراحی و توسعه تمپلت صفحه مدیریت یاددداشت ها
  تفکیک کامپوننت ها و اجزا در صفحه یادداشت ها
02:16
  ایجاد کامپوننت pageTitleBar
02:38
  ایجاد کامپوننت NavMenu
05:33
  ایجاد کامپوننت SearchBox
05:48
  ایجاد کامپوننت noteItem
03:52
  ایجاد کامپوننت noteItemsWrapper
02:39
  تعریف آرایه یادداشت ها و انقال آنها به کامپوننت noteItemsWrapper
02:17
  اصلاح کامپوننت noteItem
00:26
  ایجاد کامپوننت appfooter
06:37
توسعه تمپلت صفحه مدیریت تسک ها
  تفکیک کامپوننت های صفحه مدیریت تسک ها
01:03
  رندر کردن کامپوننت pageTitleBar به صورت شرطی
02:30
  ایجاد کامپوننت taskItemsWrapper بخش اول
08:56
  ایجاد کامپوننت taskItemsWrapper بخش دوم
07:04
  تعریف تسک های انجام شده یا ناتمام در کامپوننت مرتبط
02:51
  ایجاد کامپوننت addButton
00:48
  توسعه کامپوننت های newTaskPage , newNotePage
11:49
  اصلاح برخی استایل ها
00:47
  توسعه newTaskPage و استفاده از teleport
03:03
  کامپوننت newTaskPage بخش 2
15:22
  نصب کامپوننت vue3datepicker
01:11
  ایجاد کامپوننت datePicker
15:33
  توسعه کامپوننت NewNotePage
13:05
توسعه عملکردها و فیچرهای مختلف برنامه
  استفاده از pinia برای تعریف notes استور
06:40
  تعریف فانکشن های مرتبط با جستجوی یادداشت ها
13:10
  اصلاح کامپوننت NoteItem
00:48
  تعریف مسیر برای یادداشت ها
05:22
  نوشتن کدهای جاوااسکریپت صفحه NewNotePage بخش 1
20:43
  نوشتن کدهای صفحه newNotePage بخش 2
16:49
  تعریف کاستوم ایونت برای taskItem
02:34
  استفاده از pinia برای ایجاد تسک استور
01:46
  انتقال فانکشن های تعریف شده به صورت لوکال به تسک استور
02:04
  ادامه توسعه کامپوننت NewTaskPage
01:42
  توسعه کامپوننت NewTaskPage
11:30
  ادامه توسعه کامپوننت NewTaskPage
09:00
  ادامه توسعه NewTaskPage
08:48
  ادامه توسعه NewTaskPage
06:43
  ادامه توسعه NewTaskPage
04:47
  تغییر وضعیت تسک ها به صورت آنی
04:36
  عملکرد جستجو برای صفحه مدیریت تسک ها
03:44
  عملکرد جستجو برای صفحه مدیریت تسک ها بخش 2
01:56
  عملکرد جستجو برای صفحه مدیریت تسک ها بخش 3
04:00
  رفع برخی اشکالات و خطاها
01:33

پیش‌نیاز‌ها

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

برای شرکت در این دوره، داشتن دانش و تجربه اولیه زیر ضروری است:

HTML و CSS پایه – توانایی ساخت صفحات وب ساده و آشنایی با ساختار عناصر HTML و CSS.
جاوااسکریپت پایه تا متوسط – متغیرها، توابع، آرایه‌ها، حلقه‌ها و مدیریت DOM.
آشنایی با مفاهیم SPA (Single Page Application) – درک اولیه از نحوه عملکرد اپلیکیشن‌های تک‌صفحه‌ای.
آشنایی اولیه با Vue پایه – توانایی کار با کامپوننت‌ها، directives و مفاهیم پایه Vue.

 
 

توضیحات دوره

آیا می‌خواهید یاد بگیرید چگونه یک وب‌اپلیکیشن واقعی و قابل انتشار بسازید؟ در این دوره، قدم‌به‌قدم با Vue 3 (Composition API) و ابزارهای مدرن مانند Vite، TailwindCSS، Pinia و Iconify آشنا می‌شوید و یک پروژه عملی و کاربردی را از صفر تا صد پیاده‌سازی خواهید کرد.

در طول دوره، خواهید آموخت:

راه‌اندازی و پیکربندی پروژه با Vite و آماده‌سازی یک محیط توسعه حرفه‌ای
مدیریت استیت با Pinia برای ساخت اپلیکیشن‌های مقیاس‌پذیر
استفاده بهینه از آیکون‌ها با Iconify در پروژه‌های Vue
در پایان دوره، قادر خواهید بود پروژه‌های شخصی یا تجاری خود را با ساختاری حرفه‌ای، سریع و مدرن پیاده‌سازی کنید و تجربه‌ای عملی از توسعه وب مدرن به دست آورید.

دیدگاه کاربران

3.7

بر اساس امتیاز 3 دانشجو

1
2
3
4
5

پرهام رمضانی

8 ماه پیش

5

مدرس بسیار مسلط و با بیان خیلی خوبی، یک پروژه واقعی رو از یک اپلیکیشن کاربردی پیاده کردن

گواهینامه اختصاصی دو زبانه

پس از گذراندن دوره به صورت آنلاین در سایت مکتب‌خونه، گواهی‌نامه رسمی پایان دوره به زبان فارسی و انگلیسی، توسط مکتب‌خونه به اسم شما صادر شده و در اختیار شما قرار می‌گیرد.

امکان اشتراک گذاری در لینکدین
دو زبانه
2دوره
257دانشجو
3نظر و امتیاز

من یک توسعه‌دهنده فرانت‌اند با بیش از 7 سال تجربه در طراحی و پیاده‌سازی رابط‌های کاربری مدرن هستم. تخصص اصلی من کار با  React.js ,Vue.js و فریم‌ورک‌های مرتبط مانند Nuxt.js, Next.js است و در توسعه اپلیکیشن‌های تحت وب مقیاس‌پذیر و مدیریت وضعیت با  Redux, Zustand ,Vuex و Pinia   تجربه دارم. در طول فعالیتم روی پروژه‌های متنوعی مثل فروشگاه‌های آنلاین، پلتفرم‌های کاریابی و سیستم‌های سفارش کار کرده‌ام.

مهارت‌هایی که می‌آموزید

دوره‌های مشابه