آموزش برای مبتدیان واکنش نشان دهید: یک اپلیکیشن بسازید و اصول را یاد بگیرید
React for Beginners: Build an App, and Learn the Fundamentals
بیاموزید که بدون همه حواس پرتی واکنش نشان دهید. این دوره به اصول اولیه پایبند است و شما را در ایجاد اولین برنامه خود راهنمایی می کند.
بسیاری از تازه‌واردهای React تمایل دارند به وابستگی‌های خارجی مانند webpack و redux وابسته شوند. در حالی که ابزارهایی مانند این عالی هستند، هنگام شروع به پیچیدگی بیشتری اضافه می کنند.
در این درس‌ها، از همه این حواس‌پرتی‌ها اجتناب می‌کنم، به اصول React پایبند می‌مانم و شما را در ایجاد اولین برنامه خود راهنمایی می‌کنم.
برخی از موضوعات تحت پوشش عبارتند از:
- عناصر و اجزاء
- کار با JSX
- وضعیت و چرخه حیات
- کار با فرم ها
- ایجاد اجزای گنگ/بی حالت
- ساختن اولین برنامه شما
علاوه بر موارد فوق، دو ویدیوی جایزه در رندر React و به‌روزرسانی‌ها نیز گنجانده‌ام. اگر تا به حال می‌خواهید درباره نحوه عملکرد React در زیر سرپوش اطلاعاتی کسب کنید، این موارد برای شما مناسب است.
پس از گذراندن این دوره، پایه محکمی در اصول React خواهید داشت و به اندازه کافی اعتماد به نفس خواهید داشت که به موضوعات پیشرفته تری بروید، که امیدوارم در دوره های بعدی به آنها بپردازم.
چه ابزارهای دانشی مورد نیاز است؟
- اصول جاوا اسکریپت، HTML و CSS مورد نیاز است
- لازم نیست، اما تجربه با JavaScript ES6+ مفید است
- هیچ تجربه قبلی با React لازم نیست
منابع اضافی
این پروژه شامل جدا کردن یک کپی از نسخه اصلی برای برنامه جستجوی شوخی‌های پدر است که در درس‌ها ساخته شده بود، و افزودن پیشرفت‌های زیر:
- فهرست نتایج جستجوی جوک را به فایل مؤلفه خود منتقل کنید.
- اضافه کردن "نتیجه ای یافت نشد!" هنگامی که جستجو بدون شوخی برمی گردد پیام دهید.
- دکمه ای اضافه کنید که نتایج جستجو و عبارت جستجو را پاک می کند.
- یک ورودی انتخابی اضافه کنید که به کاربر امکان می‌دهد تعداد جوک‌های برگردانده شده از جستجو را انتخاب کند.
- جایزه: ورودی جستجو را به‌روزرسانی کنید تا نتایج با تایپ شما به‌روزرسانی شوند.
*دستورالعمل‌هایی در مورد نحوه تقسیم پروژه کدهای جعبه ایمنی را می‌توانید در ویدیوی تکمیلی پیدا کنید.
درس ها Lessons
-
مبانی: JSX Fundamentals: JSX
-
مبانی: اجزاء Fundamentals: Components
-
ساخت اپلیکیشن: بازسازی و پاکسازی Build an App: Refactoring and Clean Up
-
ساخت برنامه: جستجوی جستجو را ذخیره کنید Build an App: Save Search Query
-
ساخت اپلیکیشن: حالت جزء Build an App: Component State
-
معرفی Codesandbox Introducing Codesandbox
-
چگونه کار می کند: رندر در DOM How it Works: Rendering into the DOM
-
چگونه کار می کند: رندر به روز رسانی How it Works: Rendering Updates
-
ساخت اپلیکیشن: مقدمه Build an App: Introduction
-
ساخت اپلیکیشن: اضافه کردن سبک ها Build an App: Adding Styles
-
ساخت اپلیکیشن: نتایج جستجو را رندر کنید Build an App: Render Search Results
-
ساخت اپلیکیشن: روش‌های چرخه زندگی Build an App: Lifecycle Methods
-
معرفی Introduction
-
نتیجه گیری: جمع بندی Conclusion: Wrapping Up
-
ساخت اپلیکیشن: فرم جستجو را اضافه کنید Build an App: Add Search Form
-
ساخت اپلیکیشن: SearchForm Component Build an App: SearchForm Component
-
ساخت اپلیکیشن: Serach را ارسال کنید Build an App: Submit Serach
-
ساخت اپلیکیشن: من احساس خنده‌داری می‌کنم Build an App: I'm Feeling Funny
https://donyad.com/d/efc042
Ryan Johnson
Full-Stack Developer, React, Node.js
سلام، من رایان هستم. من یک مشاور و برنامه نویس Full-Stack هستم که در جاوا اسکریپت تخصص دارم، با تاکید بر React و Node.js.
به‌عنوان یک توسعه‌دهنده مستقل، فرصت منحصربه‌فردی برای ارائه خدمات برای استارت‌آپ‌ها، بانک‌ها، شرکت‌های مشاوره، آژانس‌های بازاریابی، و بسیاری دیگر به من داده شده است.
من عاشق توسعه دهنده بودن هستم و یادگیری مداوم همیشه بخش مهمی از این نقش خواهد بود. اگر دیگران با مهربانی دانش خود را به اشتراک نمی‌گذاشتند، امروز اینجا نبودم، و به همین دلیل تلاش می‌کنم همین کار را از طریق نوشتن، متن باز و تدریس انجام دهم.
نمایش نظرات