آموزش React Project for Beginners: Building a Todo List App
React Project for Beginners: Building a Todo List App
این دوره عالی برای مبتدیان برای React است! یاد بگیرید که چگونه مفاهیم React را در یک پروژه دنیای واقعی به کار ببرید، در حالی که یک برنامه لیست کارها را می سازید.
این دوره شما را راهنمایی می کند که چگونه یک پروژه React را از ابتدا شروع کنید. ما همه چیز را از برنامه ریزی و طراحی پروژه گرفته تا کدنویسی آن با استفاده از HTML، CSS و React از ابتدا پوشش خواهیم داد.
هنگام تهیه لیست کارهای خود، موضوعات زیر را پوشش خواهیم داد:
- CodeSandbox
- ساختار یک پروژه React
- اجزای عملکردی
- حالت با استفاده از useState
- لوازم جانبی و ارسال غرفه‌ها در سطوح مختلف
- استفاده مجدد از اجزا
- اجزای تودرتو
پس از گذراندن این دوره، درک خوبی از نحوه ایجاد یک پروژه React از ابتدا و نحوه استفاده از مفاهیم مختلف React در پروژه های واقعی خواهید داشت. در پایان، شما همچنین یک برنامه فهرست کار خواهید داشت که می توانید آن را به دوستان خود نشان دهید!
HTML، CSS و JS پیش نیاز این دوره است. دانش در مورد اصول اولیه React ترجیح داده می شود، اما نگران نباشید، ما همه چیز را اصلاح خواهیم کرد.
برای پروژه کلاس، ویژگی های بیشتری را به برنامه لیست کارهای ما اضافه خواهید کرد. چند ایده که می توانید امتحان کنید:
- به جای حذف کارهای تکمیل شده، فقط با خط کشیدن، خاکستری کردن و غیره آنها را به صورت انجام شده نشان دهید.
- یک دکمه پاک کردن همه برای حذف همه کارها اضافه کنید
- یک دکمه کامل همه اضافه کنید تا همه را به عنوان کامل علامت گذاری کنید
و هر چیز دیگری که فکرش را بکنید!
اگر نسخه کاملی از پروژه ندارید، می توانید آن را از .
جدا کنید.درس ها 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
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.
https://donyad.com/d/2677
Laksh Dwivedee
مهندس نرم افزار
سلام! من لاکش هستم من یک مهندس نرم افزار با 4 سال تجربه در توسعه فول استک در فناوری هایی مانند React، Node.js، Python و بسیاری دیگر هستم.
من مدرک لیسانس خود را در رشته مهندسی کامپیوتر در NTU، سنگاپور گذرانده‌ام، جایی که این فرصت را داشتم که از طریق دوره‌های کارآموزی و برنامه‌هایم مانند GSoC روی بسیاری از پروژه‌های کامل کار کنم.
من عاشق کدنویسی هستم و تقریباً در 10 سال گذشته برنامه نویسی کرده ام. تصمیم گرفتم برای انتقال دانشی که در سفر برنامه نویسی به دست آورده ام، درس هایی بسازم.
نمایش نظرات