قیمت این دوره: رایگانــ
  • مدرس دوره : محمد رنجبر
  • تعداد ویدیوها : 12 ویدیو
  • مدت زمان دوره : 3:52:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1402/11/07
آموزش مقدماتی Vuejs 3 با Typescript

آموزش مقدماتی Vuejs 3 با Typescript

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

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

معرفی و هدف دوره

معرفی ویو جی اس

معرفی تایپ اسکریپت و مزایای آن

ساخت پروژه با ویو ۳ و تایپ اسکریپت

آشنایی با ساختار پروژه های ویو جی اسی

بررسی ایونت ها و رویداد های کاربر

بررسی two-way binding و مقدار دهی اینپوت ها

آشنایی با مفاهیم Directive, Composable, plugin

آشنایی با v-if, v-else, v-else-if, v-show ( شرط ها)

کار با v-for, ke

آشنایی با Component, Prop, Emit

آشنایی با مفاهیم State, Mutation, Action

آشنایی با Watch, Computed



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

  1. HTML,CSS,JS,

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

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

1
  • معرفی Vuejs 3 و مفهوم فرانت اند

00:06:00

سلام دوستان عزیز! در این ویدیو قصد داریم به شما دوره‌ی آموزشی Vue.js 3 را معرفی کنیم. اگر شما هم علاقه‌مند به یادگیری یکی از قوی‌ترین فریمورک‌های جاوااسکریپت برای ایجاد رابط کاربری پویا و پاسخگو هستید، حتماً این دوره را از دست ندهید! در ابتدا، با مفهومی مهم در توسعه وب به نام «فرانت‌اند» آشنا خواهیم شد. فرانت‌اند به بخشی از توسعه وب اطلاق می‌شود که به بهینه‌سازی و بهبود رابط کاربری و تجربه کاربر می‌پردازد. در این دوره، به شما خواهیم آموخت که چگونه با استفاده از Vue.js 3، فرانت‌اند واقعاً پویا و جذاب را پیاده‌سازی کنید. سپس، ویژگی‌های برجسته‌ی Vue.js را به شما توضیح خواهیم داد. Vue.js با داشتن ساختاری ساده و انعطاف‌پذیر، امکانات بسیاری را در اختیار توسعه‌دهندگان قرار می‌دهد. در این دوره، شما با قابلیت‌هایی مانند راوتینگ، کامپوننت‌ها، دیتابایندینگ و بسیاری از ابزارهای دیگر Vue.js آشنا خواهید شد. بنابراین، اگر شما هم به دنبال یادگیری Vue.js 3 هستید و می‌خواهید توانایی ساخت رابط کاربری پویا و حرفه‌ای را کسب کنید، این دوره را از دست ندهید. فقط کافیست که ویدیو را تماشا کنید و با ما همراه باشید! لطفاً نظرات و سوالات خود را در قسمت نظرات با ما در میان بگذارید. همچنین، لایک و سابسکرایب کردن کانال ما را فراموش نکنید تا از دوره‌های آموزشی بیشتری مطلع شوید. با تشکر از شما و امیدواریم که از این ویدیو لذت ببرید!

2
  • معرفی تایپ اسکریپت و استفاده از آن در ویو جی اس

00:09:08

سلام دوستان! در این ویدیو، با معرفی تایپ‌اسکریپت و ارتباط آن با Vue.js 3 آشنا می‌شویم. تایپ‌اسکریپت به شما امکان می‌دهد کدهای جاوااسکریپتی خود را قدرتمندتر و ایمن‌تر کنید. همچنین، در این ویدیو به بحث درباره‌ی رابط‌ها در تایپ‌اسکریپت نیز می‌پردازیم. رابط‌ها به شما اجازه می‌دهند تا قراردادهایی برای ساختار داده‌ها تعریف کنید. برای کسب اطلاعات بیشتر، این ویدیو را از دست ندهید!

3
  • نصب ویو و ساخت پروژه جدید

00:10:37

سلام دوستان عزیز! در این ویدیو قصد داریم نحوه‌ی نصب Vue.js 3 با استفاده از npm را به شما آموزش دهیم. با استفاده از این روش ساده، شما به سرعت می‌توانید Vue.js 3 را در پروژه‌های خود مورد استفاده قرار دهید. همچنین، در این ویدیو به معرفی برخی از پلاگین‌های محبوب برای توسعه Vue.js در VScode نیز خواهیم پرداخت. با استفاده از این پلاگین‌ها، توسعه‌ی Vue.js را در محیطی راحت‌تر و حرفه‌ای‌تر انجام دهید. پس، این ویدیو را از دست ندهید و با ما همراه باشید!

4
  • پوشه بندی و ساختار فایل های ویو

00:22:58

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

5
  • بررسی ایونت ها در ویو

00:17:45

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

6
  • مقدار دهی به اینپوت ها

00:24:18

سلام دوستان! توی این اپیزود قرار هستش که مفهوم Reactivity رو بررسی کنیم مبحث Reactivity یکی از مهمترین بخش های ویو جی اس هستش که به ما کمک میکنه از طریق اون دیتایی که از کاربر میاد رو وارد کنیم, ذخیره کنیم و به بکند بفرستیم ممنون میشم نظرات خودتون رو برام بنویسید

7
  • مقدار دهی اینپوت ها قسمت ۲

00:24:35

سلام دوستان عزیز! توی این قسمت قراره بحث reactivity رو جلو ببریم و با مفاهیم watch و computed آشنا خواهیم شد

8
  • پلاگین, کامپوزبل و دایرکتیو ها در ویو

00:28:22

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

9
  • شرط ها در ویو

00:15:20

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

10
  • حلقه ها در ویو جی اس

00:14:20

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

11
  • بررسی کامپوننت ها و ویژگی های آنها

00:34:36

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

12
  • مدیریت استیت ها در کل اپلیکیشن

00:24:09

سلام دوستان عزیز! توی این قسمت قرار هستش که راجب یکی از بهترین استیت منیجر های ویو جی اس یعنی pinia صحبت کنیم که بهمون کمک میکنه فانکشن ها و متغیر هایی در کل اپلیکیشن داشته باشیم و از همه جا بهشون دسترسی داشته باشیم. این کار باعث میشه که به یک دیتای مشخص توی کل اپلیکیشن دسترسی داشته باشیم و از بروز کانفلیکت ها بسیار جلوگیری میکنه و باعث میشه قسمت بیزنس لاجیک اپلیکیشنمون رو به راحتی توسعه بدیم


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

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