سیلابس (سرفصل دوره) (Syllabus)
سیلابس ری اکت مثل نقشه راه درس ریاضی مدرسه است؛ با این تفاوت که این بار به جای فرمول، قدم به قدم دنیای کامپوننت ها، هوک ها و رابط کاربری را یاد می گیری.
سیلابس ری اکت دقیقا چه می گوید؟
در منبع، سیلابس ری اکت توضیح می دهد این دوره برای چه کسی مناسب است. دوره برای مبتدیان طراحی شده؛ اما نیاز به جاوااسکریپت متوسط دارد.
محتوا تکه تکه، ساده و کوتاه نوشته شده تا شبیه لقمه های کوچک باشد. ترتیب فصل ها هم طوری چیده شده که از مبانی تا امکانات پیشرفته، مرحله به مرحله جلو بروی.
خروجی یادگیری از این سیلابس چیست؟
در بخش Learning Outcomes منبع، چند هدف مهم نوشته شده است. مثلا مسلط شدن به امکانات ES6 مثل کلاس ها، تابع های پیکانی، ساختار شکست دادن و ماژول ها.
همچنین ساخت و رندر کردن کامپوننت های ری اکت با نحو JSX، کار با کامپوننت های کلاسی و تابعی، مدیریت props و state، رویدادها، رندر شرطی و فرم ها را تمرین می کنی.
در ادامه، با React Router برای ناوبری، هوک ها مثل useState و useEffect، بهینه سازی با React Memo و استایل دهی با CSS و Sass آشنا می شوی. در نهایت هم سراغ ساخت هوک های سفارشی می روی.
سیلابس ری اکت به چه موضوعاتی می خورد؟
در منبع توضیح داده شده که ری اکت فقط برای یک درس نیست. برای توسعه وب، توسعه فرانت اند و ساخت Single Page Application کاملا کاربردی است.
همچنین برای طراحی رابط کاربری، اپلیکیشن های وب تعاملی و حتی توسعه موبایل با React Native استفاده می شود. خلاصه هرجا رابط کاربری مدرن لازم باشد، این سیلابس کمک می کند.
فعالیت ها در این دوره ری اکت
در منبع چند نوع فعالیت برای یادگیری رایگان ری اکت پیشنهاد شده است. سه مورد اصلی این ها هستند:
- درس ها (Lessons) در بخش آموزش اصلی ری اکت.
- صفحه تمرین ها (Exercises) برای حل سؤال و تمرین.
- صفحه کوئیز (آزمون کوتاه) (Quiz) برای تست سریع دانش.
نکته: اگر دوست داری برنامه ات منظم باشد، می توانی از این سیلابس ری اکت به عنوان چک لیست شخصی استفاده کنی.
چطور پیشرفت خودت را دنبال کنی؟
در منبع پیشنهاد شده یک حساب کاربری رایگان بسازی. آنجا می توانی مسیرهای یادگیری، Sandbox و Lab، دستاوردها و امکانات بیشتر داشته باشی.
حساب کاربری به تو کمک می کند بدانی کدام فصل ها را گذرانده ای و چقدر از سیلابس ری اکت جلو رفته ای؛ شبیه دفتر نمره آنلاین.
نمای کلی ماژول های ری اکت
در منبع یک لیست بلند از لینک ها وجود دارد که همه فصل های دوره را نشان می دهد. این لیست از React Home و Intro شروع می شود و سپس به Get Started و Upgrade می رسد.
بعد سراغ بخش ES6 می رود؛ شامل ES6 Classes، Arrow Functions، Variables، Array Methods، Destructuring، Spread Operator، Modules و Ternary Operator.
سپس مباحث اصلی ری اکت هستند؛ مثل Render HTML، JSX، Components، Class، Props، Events، Conditionals، Lists، Forms، Router، Memo، CSS Styling و Sass Styling.
در ادامه هم وارد دنیای هوک ها می شوی؛ از «What is a Hook?» تا useState، useEffect، useContext، useRef، useReducer، useCallback، useMemo و Custom Hooks. این لیست در عمل همان نقشه کامل سیلابس ری اکت است.
محیط تمرین: Sandbox و Spaces
در منبع تاکید شده که بهترین راه یادگیری ری اکت، تمرین عملی است. یک مثال ساده Hello World با ری اکت آورده شده تا آن را در ادیتور اجرا کنی.
import React from 'react';
import ReactDOM from 'react-dom/client';
function Hello(props) {
return <h1>Hello World!</h1>;
}
const container = document.getElementById("root");
const root = ReactDOM.createRoot(container);
root.render(<Hello />);
علاوه بر این، در منبع از قابلیتی به نام Spaces صحبت شده است. Spaces یک محیط امن برای ساخت، تست و انتشار پروژه های استاتیک است که روی مرورگر اجرا می شود.
- 1) مثال بالا را در ادیتور اجرا کن.
- 2) متن سلام را عوض کن؛ مثلا بنویس Hello React.
- 3) بعد سعی کن یک کامپوننت دیگر بسازی و در همان رندر استفاده کنی.
گواهی نامه و آزمون پایانی سیلابس
در منبع توضیح داده شده که یک برنامه Certification هم وجود دارد. آزمون ری اکت بر اساس همین سیلابس طراحی شده است.
بعد از قبولی، مدرک «Certified React Developer» می گیری. دو نوع آزمون هست: Non-adaptive که فقط قبول یا مردودی است و Adaptive که نمره ات را در سطح های مختلف مثل intermediate، advanced یا professional نشان می دهد.
اگر معلم ری اکت هستی…
در انتهای منبع، بخش جداگانه ای برای معلم ها در نظر گرفته شده است. آنجا درباره W3Schools Academy حرف می زند که امکانات آموزشی مثل study plan آماده، مدیریت کلاس و ابزارهای دیگر دارد.
اگر مدرس هستی، می توانی از این سیلابس ری اکت برای چیدن جلسات کلاس استفاده کنی. بعد هم با ابزارهای آکادمی، تکلیف ها و پیشرفت دانش آموزها را بهتر مدیریت کنی.
جمع بندی سریع
- سیلابس ری اکت نقشه کامل مسیر یادگیری تو است.
- از ES6 شروع می کنی و به هوک ها و امکانات پیشرفته می رسی.
- درس ها، تمرین ها و کوئیزها کنار هم سیلابس را کامل می کنند.
- Sandbox و Spaces برای تمرین واقعی و تست کد استفاده می شوند.
- در پایان، می توانی با آزمون رسمی، مدرک ری اکت بگیری.