آموزش جامع ساخت پورتفولیو با React JS سال 2026 - کارگاه عملی برای مبتدیان [ویدیو] - آخرین آپدیت

سرفصل ها و درس ها

آماده‌سازی ابزارها Preparing Tools

• مقدمه Introduction

• چه مواردی را پیاده‌سازی خواهیم کرد؟ What We Will Implement?

• ایجاد پروژه React Generating React Project

• آماده‌سازی فایل‌های مورد نیاز I Prepared Some Files

ایجاد اولین کامپوننت‌ها Creating Our First Components

• ایجاد کامپوننت‌های React Creating React Components

• رندر کردن ساختار کامپوننت‌ها Rendering React Components Markup

• بررسی React Strict Mode React Strict Mode

مدیریت وضعیت (State Management) State Management

• هوک useState useState Hook

• هوک useReducer useReducer Hook

• وضعیت سراسری (Global State) در React Global State in React

افزودن قابلیت‌های کاربردی Adding Functionality

• رندر کردن سوالات Rendering Questions

• دکمه بعدی (Next) Next Button

• صفحه نتایج Result Page

• رندر کردن پاسخ‌ها Rendering Answers

• هایلایت کردن پاسخ‌ها Highlighting Answers

کار با API واقعی Working with Real API

• دریافت سوالات به‌صورت Async با Trivia API Making Async Questions with Trivia API

• مدیریت خطاهای API Handling API Errors

استقرار و انتشار (Deployment) Deployment

• اجاره سرور Production برای استقرار React Renting a Production Server to Deploy React

• پیکربندی سرور Production Configuring Production Server to Deploy React

• آپلود پروژه React روی سرور Uploading React to Production

گام‌های بعدی چیست؟ What's Next?

• تکلیف منزل Homework