Hello React - آموزش React برای مبتدیان جاوا اسکریپت

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

React Environment React Environment

• شروع از صفر Getting Started From Scratch

• کد دوره Course Code

• چالش - استفاده از JSX Challenge - Using JSX

• Refactor کد Code Refactor

• از جهنم آموزشی خارج شوید Get Out of Tutorial Hell

• رندر کردن یک عنصر Rendering One Element

• خروجی چند عنصر Outputting Multiple Elements

• بابل و واکنش نشان دهید Babel and React

• چگونه اولین شغل توسعه دهنده خود را پیدا کنید How to Land Your First Developer Job

کامپوننت ها در React Components in React

• ایجاد مولفه های کاربردی بدون تابعیت Creating Stateless Functional Components

• تمرین اجزای عملکردی بدون تابعیت Stateless Functional Components Practice

• ایجاد اجزای کلاس Creating Class Components

• تمرین اجزای کلاس Class Components Practice

• مقابله با مدیریت زمان و سندروم Impostor Dealing with Time Management and Impostor Syndrome

استایل سازی در React Styling in React

• طراحی اجزای عملکردی بدون حالت Styling Stateless Functional Components

• یک ظاهر طراحی شده در کامپوننت Styling within Component

• اجزای کلاس استایلینگ Styling Class Components

پروژه Capstone - FriendLy Capstone Project - FriendLy

• ساختن اولین جزء پیچیده شما Building Your First Complex Component

• راه اندازی پروژه Setting Up the Project

• ساخت اجزای ما Building Our Components

• سبک دادن به اجزای ما قسمت اول Styling Our Components Part One

• سبک دادن به اجزای ما قسمت دوم Styling Our Components Part Two

بررسی جاوا اسکریپت - اشیاء JavaScript Review - Objects

• نماد لغوی شی Object Literal Notation

• آزمایشگاه نمادگذاری تحت اللفظی شی Object Literal Notation Lab

• دسترسی به مقادیر با علامت گذاری نقطه و براکت Accessing Values with Dot and Bracket Notation

• دسترسی به مقادیر با Dot and Bracket Notation Lab Accessing Values with Dot and Bracket Notation Lab

بخش 5: لوازم Section 5: Props

• لوازم بخش 1 - جزء عملکردی بدون تابعیت Props part 1 - Stateless Functional Component

• لوازم قسمت 2 - اجزای کلاس Props part 2 - Class Components

• Props part 3 - Color Spectrum Refactor Props part 3 - Color Spectrum Refactor

• چالش های کدپن Codepen Challenges

• چالش کدپن 1 Codepen challenge 1

• چالش کدپن 2 Codepen challenge 2

• چالش کدپن 3 Codepen challenge 3

• چالش کدپن 4 Codepen challenge 4

• چالش کدپن 5 Codepen challenge 5

• پروژه Capstone - پیوندهای تصویر Capstone Project - Image Links

• پروژه Props Props Project

برنامه نویسی تابعی Functional Programming

• برنامه نویسی تابعی - فیلتر Functional Programming - Filter

• آزمایشگاه فیلتر Filter Lab

• نقشه Map

• آزمایشگاه نقشه Map Lab

تکرار از طریق فهرست ها Iterating Through Lists

• تکرار از طریق فهرست ها Iterating Through Lists

• تکرار از طریق فهرست ها قسمت 2 Iterating Through Lists part 2

• روش فیلتر و نقشه روی یک آرایه Filter and Map Method on an Array

• ارائه دو لیست فیلتر شده و تبدیل شده به DOM Rendering Two Filtered and Transformed Lists to the DOM

• چالش کدپن 1 Codepen challenge 1

• چالش کدپن 1 Codepen challenge 1

• چالش کدپن 2 Codepen challenge 2

• چالش کدپن 2 Codepen challenge 2

• Refactor طیف رنگ Color Spectrum Refactor

Capstone Project One - Refactor Capstone Project One - Refactor

• FriendLy App Refactor با روش نقشه FriendLy App Refactor with Map Method

• FriendLy - فیلتر و نقشه دو لیست به DOM FriendLy - Filter and Map Two Lists to the DOM

جایزه Bonus

• React Learning بیشتر Further React Learning

واکنش به رویدادها React Events

• یادداشت‌گیر بی‌فایده - معرفی رویدادهای واکنش Useless Note Taker - Intro to React Events

• رویدادها قسمت 2 Events Part 2

این و پیوند This & Bind

• این & Bind سخنرانی This & Bind Lecture

• This & Bind Lab This & Bind Lab

حالت State

• سن من را حدس بزنید - مقدمه ای برای React State Guess My Age - Intro to React State

• رای دهنده غذا Meal Voter

• React Forms React Forms

درخواست های آژاکس و روش های چرخه زندگی Ajax Requests and Lifecycle Methods

• درخواست های Ajax و Fetch API Ajax Requests and the Fetch API

جایزه BONUS

• محتوای جایزه Bonus Content