- مدرس دوره : محمد رنجبر ( رزومه )
- تعداد ویدیوها : 12 ویدیو
- مدت زمان دوره : 3:52:00
- سطح دوره : مقدماتی
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1402/11/07
آموزش مقدماتی 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
پیش نیاز های دوره :
- HTML,CSS,JS,
فهرستـــ ویدیوها
مدت زمان دوره 3:52:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
معرفی Vuejs 3 و مفهوم فرانت اند
سلام دوستان عزیز! در این ویدیو قصد داریم به شما دورهی آموزشی Vue.js 3 را معرفی کنیم. اگر شما هم علاقهمند به یادگیری یکی از قویترین فریمورکهای جاوااسکریپت برای ایجاد رابط کاربری پویا و پاسخگو هستید، حتماً این دوره را از دست ندهید! در ابتدا، با مفهومی مهم در توسعه وب به نام «فرانتاند» آشنا خواهیم شد. فرانتاند به بخشی از توسعه وب اطلاق میشود که به بهینهسازی و بهبود رابط کاربری و تجربه کاربر میپردازد. در این دوره، به شما خواهیم آموخت که چگونه با استفاده از Vue.js 3، فرانتاند واقعاً پویا و جذاب را پیادهسازی کنید. سپس، ویژگیهای برجستهی Vue.js را به شما توضیح خواهیم داد. Vue.js با داشتن ساختاری ساده و انعطافپذیر، امکانات بسیاری را در اختیار توسعهدهندگان قرار میدهد. در این دوره، شما با قابلیتهایی مانند راوتینگ، کامپوننتها، دیتابایندینگ و بسیاری از ابزارهای دیگر Vue.js آشنا خواهید شد. بنابراین، اگر شما هم به دنبال یادگیری Vue.js 3 هستید و میخواهید توانایی ساخت رابط کاربری پویا و حرفهای را کسب کنید، این دوره را از دست ندهید. فقط کافیست که ویدیو را تماشا کنید و با ما همراه باشید! لطفاً نظرات و سوالات خود را در قسمت نظرات با ما در میان بگذارید. همچنین، لایک و سابسکرایب کردن کانال ما را فراموش نکنید تا از دورههای آموزشی بیشتری مطلع شوید. با تشکر از شما و امیدواریم که از این ویدیو لذت ببرید!
معرفی تایپ اسکریپت و استفاده از آن در ویو جی اس
سلام دوستان! در این ویدیو، با معرفی تایپاسکریپت و ارتباط آن با Vue.js 3 آشنا میشویم. تایپاسکریپت به شما امکان میدهد کدهای جاوااسکریپتی خود را قدرتمندتر و ایمنتر کنید. همچنین، در این ویدیو به بحث دربارهی رابطها در تایپاسکریپت نیز میپردازیم. رابطها به شما اجازه میدهند تا قراردادهایی برای ساختار دادهها تعریف کنید. برای کسب اطلاعات بیشتر، این ویدیو را از دست ندهید!
نصب ویو و ساخت پروژه جدید
سلام دوستان عزیز! در این ویدیو قصد داریم نحوهی نصب Vue.js 3 با استفاده از npm را به شما آموزش دهیم. با استفاده از این روش ساده، شما به سرعت میتوانید Vue.js 3 را در پروژههای خود مورد استفاده قرار دهید. همچنین، در این ویدیو به معرفی برخی از پلاگینهای محبوب برای توسعه Vue.js در VScode نیز خواهیم پرداخت. با استفاده از این پلاگینها، توسعهی Vue.js را در محیطی راحتتر و حرفهایتر انجام دهید. پس، این ویدیو را از دست ندهید و با ما همراه باشید!
پوشه بندی و ساختار فایل های ویو
سلام دوستان عزیز! در این قسمت فایل های موجود در اپلیکیشن ویو جی اس خودمون رو بررسی خواهیم کرد و با ویژگی های هر فایل و پوشه آشنا خواهیم شد پوشه بندی توی اپلیکیشن ها بسیار مهم هستند و این نکته حیاتی ست که پروژه شما را از سایر پروژه ها متمایز خواهد کرد ممنون میشم سوالات و نظرات خودتون رو برامون بنویسید
بررسی ایونت ها در ویو
سلام دوستان عزیز! توی این قسمت قراره که راجب ایونت ها و رویداد ها توی ویو صحبت کنیم و ازشون توی پروژمون استفاده کنیم برای داینامیک کردن فرم هایی که توی اپلیکیشن هستش باید از جاوا اسکریپت استفاده کنیم و مقدارهایی که توسط کاربر توی اینپوت ها وارد میشه باید از ایونت ها استفاده کنیم که توی این ویدیو راجب این موضوع صحبت کردیم ممنون میشم نظرات و پیشنهادات خودتون رو ارسال کنید
مقدار دهی به اینپوت ها
سلام دوستان! توی این اپیزود قرار هستش که مفهوم Reactivity رو بررسی کنیم مبحث Reactivity یکی از مهمترین بخش های ویو جی اس هستش که به ما کمک میکنه از طریق اون دیتایی که از کاربر میاد رو وارد کنیم, ذخیره کنیم و به بکند بفرستیم ممنون میشم نظرات خودتون رو برام بنویسید
مقدار دهی اینپوت ها قسمت ۲
سلام دوستان عزیز! توی این قسمت قراره بحث reactivity رو جلو ببریم و با مفاهیم watch و computed آشنا خواهیم شد
پلاگین, کامپوزبل و دایرکتیو ها در ویو
سلام دوستان عزیز! توی این قسمت قراره با سه تا از مهمترین بخش های ویو جی اس آشنا بشیم که به کمک اونها میتونیم اپلیکیشن های حرفه ای تر بنویسیم که قابلیت این رو داشته باشن تا روز به روز بزرگتر و پیچیده تر بشن ممنون میشم نظراتتون رو برام بنویسید
شرط ها در ویو
سلام دوستان عزیز! توی این قسمت قرار هستش راجب شرط ها در ویو جی اس صحبت کنیم و از اونها برای نشون دادن المان ها داخل html با استفاده از لاجیک خودمون استفاده کنیم ممنون میشم نظراتتون رو برام بنویسید
حلقه ها در ویو جی اس
سلام دوستان عزیز! توی این قسمت قراره که راجب حلقه ها توی ویو جی اس صحبت کنیم و یاد بگیریم چطوری میتونیم از این قابلیت قدرتمند استفاده کنیم و دیگه لازم نباشه نشون دادن آیتم های یک لیست اونهارو کپی پیست کنیم ممنون میشم سوالی داشتید برام بنویسید
بررسی کامپوننت ها و ویژگی های آنها
سلام دوستان عزیز! این قسمت یکی از مهمترین قسمت های این دوره هستش و یکی از مفاهیم کلیدی در فرانت اند به نام کامپوننت نویسی و ویژگی های اون توی این قسمت پوشش داده میشه کامپوننت های هسته ی اصلی برای رابط کاربری هر اپلیکیشنی هستند و برای نوشتن یک کامپوننت استاندارد و قابل استفاده مجدد در اپلیکیشن یک سری نکات باید رعایت بشه که توی این ویدیو راجبش صحبت خواهیم کرد ممنون میشم سوالات و نظرات خودتون رو برام بنویسید موفق باشید
مدیریت استیت ها در کل اپلیکیشن
سلام دوستان عزیز! توی این قسمت قرار هستش که راجب یکی از بهترین استیت منیجر های ویو جی اس یعنی pinia صحبت کنیم که بهمون کمک میکنه فانکشن ها و متغیر هایی در کل اپلیکیشن داشته باشیم و از همه جا بهشون دسترسی داشته باشیم. این کار باعث میشه که به یک دیتای مشخص توی کل اپلیکیشن دسترسی داشته باشیم و از بروز کانفلیکت ها بسیار جلوگیری میکنه و باعث میشه قسمت بیزنس لاجیک اپلیکیشنمون رو به راحتی توسعه بدیم
نظرات کاربران در رابطه با این دوره