آموزش برای مبتدیان واکنش نشان دهید: یک اپلیکیشن بسازید و اصول را یاد بگیرید
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
آموزش متحرک سازی یک تصویر برش کاغذ
Animating a Paper Cut-Out Illustration
در این کلاس Skillshare، شما یک تصویر برش کاغذی که من ارائه کرده‌ام را می‌گیرید و آن را به یک انیمیشن تبدیل میکنید. ما یاد خواهیم گرفت که چگونه آثار هنری را برداریم. ..
آموزش مهارت های هوش هیجانی برای رهبران
Emotional Intelligence Skills for Leaders
"آیا به دنبال تبدیل شدن به یک رهبر موثر هستید؟ بیایید و سس مخفی پیشرفت در رهبری را بیاموزید - هوش عاطفی. هوش عاطفی همان چیزی است که ...."
آموزش رمزگشایی از پالت های رنگی قدیمی
Demystifying Vintage Color Palettes
به پالت‌های رنگی «Demystifying Vintage Color» خوش آمدید. با گذراندن این دوره، دانش عملی در مورد چگونگی ایجاد پالت های رنگی با رنگ های قدیمی را از دست خواهید داد. ..
آموزش الگوی گل آبرنگ لایه لایه ساده
simple layered watercolour floral pattern
"در این کلاس شما یاد می گیرید که چگونه الگوهای گل های سرگرم کننده ای را نقاشی کنید که آرامش بخش هستند و به راحتی ایجاد می شوند! با استفاده از رنگ های آبرنگ، تکنیک مرطوب را روی خیس اعمال خواهید کرد..."
Ryan Johnson
Full-Stack Developer, React, Node.js
سلام، من رایان هستم. من یک مشاور و برنامه نویس Full-Stack هستم که در جاوا اسکریپت تخصص دارم، با تاکید بر React و Node.js.
به‌عنوان یک توسعه‌دهنده مستقل، فرصت منحصربه‌فردی برای ارائه خدمات برای استارت‌آپ‌ها، بانک‌ها، شرکت‌های مشاوره، آژانس‌های بازاریابی، و بسیاری دیگر به من داده شده است.
من عاشق توسعه دهنده بودن هستم و یادگیری مداوم همیشه بخش مهمی از این نقش خواهد بود. اگر دیگران با مهربانی دانش خود را به اشتراک نمی‌گذاشتند، امروز اینجا نبودم، و به همین دلیل تلاش می‌کنم همین کار را از طریق نوشتن، متن باز و تدریس انجام دهم.
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.