توضیحات

ساخت Frontend (فرانت اند) حرفه ای با React (ری اکت)

نام دوره : Hands-On React. Build advanced React JS Frontend with expert 

پیش نیاز:

• اصول JavaScript + HTML + CSS مورد نیاز است
• مهارت های برنامه نویسی اولیه مورد نیاز است
• دانش ES6+ JavaScript خوب است اما ضروری نیست

توضیحات:

React محبوب ترین کتابخانه برای ساخت ظاهر برنامه های وب است . گام به گام با غواصی در تمام اصول، شما را با مفاهیم پیشرفته آشنا می کنم.

ما در ساخت Frontend (فرانت اند) حرفه ای با React (ری اکت) برنامه Minesweeper را از ابتدا می سازیم:

• راه اندازی محیط توسعه
• پیکربندی برنامه React JS
• الگوریتم های اساسی Minesweeper
• گام به گام بازی Minesweeper را می سازیم. در طول دوره، مهم ترین موضوعات را پوشش خواهیم داد .

1. ابتدا پیکربندی برنامه ReactJS با Typescript و با استفاده از ابزارهای ساخت Webpack+Babel را انجام می دهیم.
2. دوم، رویکردهای TDD یا TLD ارائه شده است که سعی خواهم کرد در جلسات کدنویسی با شما تمرین کنم.

احتمالاً تجربه کافی در مورد تست ها ندارید، اما اشکالی ندارد، هنوز یک راه خوب برای یادگیری آن در دوره وجود دارد.

هنگامی که با کد کار می کنید و آن را با موارد تست امتحان می کنید . به شما تضمین می دهد که کد شما همانطور که انتظار داشتید کار می کند. هدف و فایده آزمون ها همین است.

ابزارهای تست:  Jest، Stryker، React Testing Library

همچنین، من سعی خواهم کرد مفاهیم پایه Typescript را پوشش دهم و راهی برای بهبود این مهارت ها به شما نشان دهم.

در طول جلسات کدنویسی، تکنیک های پیشرفته جاوا اسکریپت را برای درک ویژگی های رایج JS پوشش خواهیم داد.

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

به این رویکرد، Components Driven Development گفته می شود.

CSS–IN-JS، emotion و Styled-Components ابزار بسیار قدرتمندی برای ساخت اجزای رابط کاربری هستند. حتی سبک های اجزای بسیار پیچیده را می توان به راحتی توسط آن تولید و پشتیبانی کرد.

ما شما را با React Hooks آشنا می کنیم – این راه اصلی برای ایجاد رابط کاربری پویا برای برنامه ها است.

و در آخر اما نه کم اهمیت، Redux است. Redux یک راه زیبا برای مدیریت وضعیت برنامه است. ما از کتابخانه Redux-Toolkit استفاده خواهیم کرد – کار با Redux را ساده می کند.

دوره ساخت Frontend (فرانت اند) حرفه ای با React (ری اکت) برای چه کسانی است:

• دانش آموزانی که می خواهند یاد بگیرند که چگونه برنامه وب پیچیده بسازند
• هر کسی که می خواهد React by Hands-On را بر اساس مثال های خوب یاد بگیرد
• دانش آموزانی که می خواهند مهارت های توسعه را به سطح بعدی برسانند

بخشی از دوره :