React یکی از محبوب ترین فریم ورک های JavaScript frontend است.

ما به تازگی دوره ای را در کانال YouTube freeCodeCamp.org ارسال کردیم که به شما یاد می دهد چگونه با استفاده از React بیست و پنج پروژه مختلف بسازید. هر پروژه برای به چالش کشیدن و افزایش درک شما از قابلیت های React طراحی شده است. سنگام موکرجی این دوره را توسعه داد.

چرا واکنش نشان دهیم؟

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

درباره دوره

چه مبتدی در React باشید و چه یک توسعه دهنده متوسط ​​که به دنبال تعمیق دانش خود در React است، این دوره چیزی ارزشمند برای همه ارائه می دهد. در اینجا پروژه هایی وجود دارد که خواهید ساخت:

آکاردئون : ایجاد پنل های محتوای تاشو تعاملی را یاد بگیرید.

مولد رنگ تصادفی : در تولید رنگ های پویا غوطه ور شوید و در مورد مدیریت وضعیت بیاموزید.

رتبه بندی ستاره ها : یک سیستم رتبه بندی کاربر پسند را پیاده سازی کنید.

نوار لغزنده تصویر : یک روش بصری جذاب برای مرور تصاویر ایجاد کنید.

دکمه بارگذاری بیشتر : با بارگذاری تدریجی محتوا، تجربه کاربر را افزایش دهید.

نمای درختی / رابط کاربری منو / منوی پیمایش بازگشتی : اجزای بازگشتی اصلی برای منوهای تودرتو.

تولیدکننده کد QR : برای به اشتراک گذاری سریع اطلاعات، به تولید کدهای QR بپردازید.

حالت روشن و تاریک / سوئیچ تم : سفارشی‌سازی تم را برای ترجیح کاربر پیاده‌سازی کنید.

Scroll Indicator : برای پیشرفت پیمایش در صفحات وب، نشانه های بصری اضافه کنید.

زبانه ها : یاد بگیرید که رابط های زبانه ای برای سازماندهی بهتر محتوا ایجاد کنید.

Modal Popup : دیالوگ های پاپ آپ جذاب را طراحی کنید.

GitHub Profile Finder : API GitHub را برای جستجو و نمایش پروفایل های کاربر ادغام کنید.

جستجوی تکمیل خودکار با پیاده سازی API : عملکرد جستجو را با پیشنهادات تکمیل خودکار افزایش دهید.

Tic Tac Toe : بازی کلاسیک را با چرخش React بسازید.

پیاده سازی پرچم ویژگی : یاد بگیرید که از پرچم های ویژگی برای کنترل عرضه ویژگی استفاده کنید.

useFetch Custom Hook : واکشی داده ها را با یک قلاب React سفارشی ساده کنید.

useOnclickOutside Custom Hook : کلیک‌های خارج از یک عنصر مشخص را شناسایی کرده و به آنها پاسخ دهید.

useWindowResize / useResponsive قلاب سفارشی : طرح‌های واکنش‌گرا را با قلاب‌های سفارشی ایجاد کنید.

اسکرول به بالا و پایین : پیمایش را با دکمه های اسکرول بهبود دهید.

اسکرول به بخش خاص : با پیمایش به بخش‌های محتوای خاص، UX را تقویت کنید.

برنامه آب و هوا : برنامه ای بسازید که داده های آب و هوا را واکشی و نمایش می دهد.

برنامه دستور غذا : برنامه ای برای مرور و نمایش دستور العمل ها ایجاد کنید.

برنامه سبد خرید : یک سبد خرید اولیه را برای تجربیات تجارت الکترونیک پیاده سازی کنید.

برنامه Expense Tracker : برنامه ای برای پیگیری و مدیریت هزینه ها ایجاد کنید.

برنامه MERN Stack Blog : React را با MongoDB، Express.js و Node.js ترکیب کنید تا یک برنامه بلاگ تمام پشته بسازید.

در پایان این سفر، مجموعه‌ای پر از پروژه‌هایی خواهید داشت که مهارت‌های شما و درک عمیقی از اصول و بهترین شیوه‌های React را نشان می‌دهند. دوره کامل را در کانال YouTube freeCodeCamp.org (تماشای 10 ساعته) تماشا کنید.

خبرکاو