دسترسی سریع:

مسیر:

صفحه اصلی

لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در کانال تلگرام عضو شوید.

آموزش React Crash Course شامل React Hooks

React Crash Course Including React Hooks

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: یک شروع سریع برای توسعه دهندگان موجود که تازه به React JS می پردازند. مفاهیم اصلی React از جمله قلاب های React را بیاموزید. ایجاد یک برنامه React از ابتدا استفاده از دستور JSX React ایجاد مؤلفه های React برقراری ارتباط بین مؤلفه ها مؤلفه های Style React با CSS در JS، کلاس های CSS، ماژول های CSS و SASS نمایش تصاویر در مؤلفه های React پیوند به داده ها در مؤلفه های React مدیریت ورودی کاربر با رویدادها مدیریت مؤلفه وضعیت با قلاب useState() دسترسی به داده های API با قلاب useEffect() استفاده از React Router برای تعریف مسیرها و صفحات (URL) پیوند به مسیرها/صفحات دسترسی به URL query/جستجو پارامترهای تعریف و استفاده از پارامترهای مسیر پیش نیازها: دانش کاری درباره HTML و جاوا اسکریپت به شدت توصیه می شود. درک اولیه CSS توصیه می شود اما لازم نیست. درک ویژگی های خاص جاوا اسکریپت از جمله: توابع پیکان، آرایه ها و توابع آرایه مانند map() و filter(). برای شرکت در این دوره لازم نیست که یک متخصص جاوا اسکریپت، HTML یا CSS باشید.

به دوره آموزشی React Crash من شامل React Hooks، راهنمای شروع سریع شما در مورد نحوه ایجاد برنامه های React خوش آمدید.

نام من جیم کوپر است و من یک نویسنده دوره ویدیویی با تجربه با بیش از 25 سال تجربه مهندسی نرم افزار و 10 سال تجربه در ایجاد محتوای آموزشی توسعه فنی و پیشرفته هستم. در این دوره آموزشی، شما را با ساختن یک برنامه React از ابتدا راهنمایی می کنم.

در پایان این دوره، می‌توانید با استفاده از create-react-app یک برنامه React جدید از ابتدا ایجاد کنید و اصطلاحات کلیدی React JS از جمله ReactDOM و React JSX را درک کنید.

این دوره از مقدمه‌ها و خلاصه‌های خسته‌کننده می‌گذرد و به سرعت نحوه ایجاد برنامه‌های React را با کد نشان می‌دهد. این قالب مخصوصاً برای توسعه دهندگان با تجربه ای که می خواهند React را یاد بگیرند مفید است.

این دوره آموزشی خرابی React با آموزش نحوه ایجاد یک برنامه جدید React از ابتدا با استفاده از create-react-app، از جمله مقدمه ای در مورد نحوه راه اندازی یک برنامه React آغاز می شود. شما یاد خواهید گرفت که react چیست، چگونه از ReactDOM برای ارائه کارآمد محتوا استفاده می‌کند و بخش‌های مهم نحو منحصربه‌فرد JSX React.

علاوه بر این، یاد خواهید گرفت که چگونه:

اجزای React JS خود را ایجاد کنید
کامپوننت‌های React خود را با css، ماژول‌های css و SASS استایل دهید
داده ها و تصاویر را در اجزای React خود نمایش دهید
به اشتراک گذاری داده ها در اجزای React
وضعیت مؤلفه React (داده‌هایی که در طول زمان تغییر می‌کنند) را با قلاب useState() React مدیریت کنید
به رویدادهای کاربر از جمله کلیک ماوس پاسخ دهید
نشانی وب، مسیرها و صفحات را تعریف کرده و به آنها پیوند دهید
از پارامترهای کوئری URL و مسیر استفاده کنید
اشتراک گذاری وضعیت (داده) در چندین مؤلفه React
دسترسی به داده های API با fetch() و useEffect() React hook

در این دوره آموزشی React Crash با ساختن یک وب سایت تجارت الکترونیک که هم جالب و هم مرتبط با توسعه وب مدرن است، همه اینها و بیشتر را یاد خواهید گرفت. برنامه ساخته شده در Github قابل دسترسی است و مخزن Github حاوی یک نقطه بازرسی برای هر ویدیو در دوره است، بنابراین می توانید به راحتی برنامه را در هر نقطه مشخصی از دوره بررسی کنید.

می‌توانید دانشی را که در این دوره می‌آموزید، در حرفه خود به‌عنوان یک توسعه‌دهنده React JS به کار ببرید تا مهارت‌های خود را تقویت کنید و در بازار کار رقابتی امروز برجسته شوید.

با در نظر گرفتن همه اینها، امیدوارم شما را در داخل ببینم!

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

شروع با React Getting Started With React

معرفی دوره Course Introduction
ReactJS چیست؟ What is ReactJS?
با React شروع کنید Get Started With React
کاوش در فرآیند راه اندازی React App Exploring the React App Startup Process
کاوش ReactDOM در React Exploring ReactDOM in React
کاوش JSX Syntax در React Exploring JSX Syntax in React
یادگیری خود را ارزیابی کنید Assess Your learning

React Components و Styling React Components and Styling

React Component Basics: راهنمای مبتدیان React Component Basics: A Guide for beginners
Styling React Components Styling React Components
نحوه استفاده از ماژول‌های CSS با React برای استایل‌سازی بهتر کامپوننت How to Use CSS Modules with React for Better Component Styling
Styling React با SAAS Styling React With SAAS
نمایش تصاویر در React Displaying Images In React
اتصال به داده در React Binding To Data In React
نحوه انتقال داده به اجزای واکنش با Props How to Pass Data to React Components with Props
مدیریت رویدادها در React Handling Events in React
مدیریت وضعیت در React با useState Hook Handling State in React with the useState Hook
رندر شرطی در React Conditional Rendering In React
یادگیری خود را ارزیابی کنید Assess Your Learning

مسیریابی و ناوبری با روتر React Routing and Navigation with React Router

React Routing و Navigation React Routing and Navigation
نحوه پیوند دادن به مسیرها: روتر React برای مبتدیان How To Link To Routes: React Router For Beginners
نحوه دسترسی به پارامترهای Query با React Router How to Access Query Parameters with React Router
نحوه استفاده از پارامترهای مسیر در روتر React How to Use Route Parameters in React Router
یادگیری خود را ارزیابی کنید Assess Your Learning

اشتراک گذاری وضعیت و دسترسی به API های سرور Sharing State and Accessing Server APIs

نحوه اشتراک گذاری Component State در React How to Share Component State in React
دسترسی به داده های API با استفاده از هوک useEffect Accessing API Data With The useEffect Hook
یادگیری خود را ارزیابی کنید Assess Your Learning

برای ارسال نظر ثبت نام کنید.

نمایش نظرات

آموزش React Crash Course شامل React Hooks

جزییات دوره

زمان دوره: 1 hour

تعداد ویدیو ها: 22

شرکت: Udemy (یودمی)

تاریخ انتشار مرجع: (آخرین آپدیت)

ثبت نام مرجع : 1,143

امتیاز مرجع: 3.8 از 5

فایل تمرین: ندارد

زیرنویس زبان اصلی: دارد

زیرنویس فارسی: (توسط هوش مصنوعی) دارد

مدرس: Jim Cooper

لینک کوتاه این دوره

https://donyad.com/d/ce065c

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

نرم افزارهای مورد نیاز

دنیاد

آموزش React Crash Course شامل React Hooks

React Crash Course Including React Hooks

شروع با React Getting Started With React

معرفی دوره Course Introduction

ReactJS چیست؟ What is ReactJS?

با React شروع کنید Get Started With React

کاوش در فرآیند راه اندازی React App Exploring the React App Startup Process

کاوش ReactDOM در React Exploring ReactDOM in React

کاوش JSX Syntax در React Exploring JSX Syntax in React

یادگیری خود را ارزیابی کنید Assess Your learning

React Components و Styling React Components and Styling

React Component Basics: راهنمای مبتدیان React Component Basics: A Guide for beginners

Styling React Components Styling React Components

نحوه استفاده از ماژول‌های CSS با React برای استایل‌سازی بهتر کامپوننت How to Use CSS Modules with React for Better Component Styling

Styling React با SAAS Styling React With SAAS

نمایش تصاویر در React Displaying Images In React

اتصال به داده در React Binding To Data In React

نحوه انتقال داده به اجزای واکنش با Props How to Pass Data to React Components with Props

مدیریت رویدادها در React Handling Events in React

مدیریت وضعیت در React با useState Hook Handling State in React with the useState Hook

رندر شرطی در React Conditional Rendering In React

یادگیری خود را ارزیابی کنید Assess Your Learning

مسیریابی و ناوبری با روتر React Routing and Navigation with React Router

React Routing و Navigation React Routing and Navigation

نحوه پیوند دادن به مسیرها: روتر React برای مبتدیان How To Link To Routes: React Router For Beginners

نحوه دسترسی به پارامترهای Query با React Router How to Access Query Parameters with React Router

نحوه استفاده از پارامترهای مسیر در روتر React How to Use Route Parameters in React Router

یادگیری خود را ارزیابی کنید Assess Your Learning

اشتراک گذاری وضعیت و دسترسی به API های سرور Sharing State and Accessing Server APIs

نحوه اشتراک گذاری Component State در React How to Share Component State in React

دسترسی به داده های API با استفاده از هوک useEffect Accessing API Data With The useEffect Hook

یادگیری خود را ارزیابی کنید Assess Your Learning

نمایش نظرات

https://donyad.com/d/ce065c