آموزش React Project for Beginners: Building a Todo List App

React Project for Beginners: Building a Todo List App

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

این دوره عالی برای مبتدیان برای React است! یاد بگیرید که چگونه مفاهیم React را در یک پروژه دنیای واقعی به کار ببرید، در حالی که یک برنامه لیست کارها را می سازید.

این دوره شما را راهنمایی می کند که چگونه یک پروژه React را از ابتدا شروع کنید. ما همه چیز را از برنامه ریزی و طراحی پروژه گرفته تا کدنویسی آن با استفاده از HTML، CSS و React از ابتدا پوشش خواهیم داد.

هنگام تهیه لیست کارهای خود، موضوعات زیر را پوشش خواهیم داد:

  1. CodeSandbox
  2. ساختار یک پروژه React
  3. اجزای عملکردی
  4. حالت با استفاده از useState
  5. لوازم جانبی و ارسال غرفه‌ها در سطوح مختلف
  6. استفاده مجدد از اجزا
  7. اجزای تودرتو

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

HTML، CSS و JS پیش نیاز این دوره است. دانش در مورد اصول اولیه React ترجیح داده می شود، اما نگران نباشید، ما همه چیز را اصلاح خواهیم کرد.

برای پروژه کلاس، ویژگی های بیشتری را به برنامه لیست کارهای ما اضافه خواهید کرد. چند ایده که می توانید امتحان کنید:

  1. به جای حذف کارهای تکمیل شده، فقط با خط کشیدن، خاکستری کردن و غیره آنها را به صورت انجام شده نشان دهید.
  2. یک دکمه پاک کردن همه برای حذف همه کارها اضافه کنید
  3. یک دکمه کامل همه اضافه کنید تا همه را به عنوان کامل علامت گذاری کنید

و هر چیز دیگری که فکرش را بکنید!

اگر نسخه کاملی از پروژه ندارید، می توانید آن را از .

جدا کنید.

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

درس ها Lessons

  • مقدمه Introduction

  • اضافه کردن حالت به فرم ما Adding state to our form

  • نگاشت وضعیت به اجزا Mapping state to components

  • پروژه The Project

  • فهرست UI با استفاده از اجزای قابل استفاده مجدد List UI using reusable components

  • محیط توسعه ما Our development environment

  • برنامه ریزی اجزا و حالات ما Planning our components and states

  • افزودن ویژگی حذف وظیفه Adding the delete task feature

  • راه اندازی و ساختار فایل Setting up and file structure

  • اضافه کردن حالت به برنامه ما و استفاده از props Adding state to our app and using props

  • نتیجه Conclusion

  • اولین جزء ما - فرم Our first component - The Form

نمایش نظرات

آموزش React Project for Beginners: Building a Todo List App
جزییات دوره
34m
12
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
44
4 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Laksh Dwivedee Laksh Dwivedee

مهندس نرم افزار

سلام! من لاکش هستم من یک مهندس نرم افزار با 4 سال تجربه در توسعه فول استک در فناوری هایی مانند React، Node.js، Python و بسیاری دیگر هستم.

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

من عاشق کدنویسی هستم و تقریباً در 10 سال گذشته برنامه نویسی کرده ام. تصمیم گرفتم برای انتقال دانشی که در سفر برنامه نویسی به دست آورده ام، درس هایی بسازم.