آموزش React 201: سطح متوسط ​​React.js

React 201: Intermediate level React.js

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

به React متوسط ​​خوش آمدید، جایی که همه چیز را در مورد React.js یاد می گیریم. در این دوره ما یک برنامه تک صفحه ای با استفاده از React ایجاد می کنیم که در آن از یک API برای جستجوی نتایج فیلم استفاده می کنیم.

ما تعدادی نما، مؤلفه و قلاب React نیز ایجاد خواهیم کرد. که یک نمای کلی بسیار گسترده است. اگر آنچه را که واقعاً یاد می‌گیرید بررسی کنیم، در مورد React state، props، مؤلفه‌های مبتنی بر عملکرد (ما در مورد مؤلفه‌های مبتنی بر کلاس در React 101 یاد گرفتیم)، روترهایی برای نمایش صفحات مختلف و درخواست‌های API خواهید آموخت. p>

ابتدا با یادگیری همه چیز در مورد اجزای عملکردی شروع می کنیم. سپس برخی از مؤلفه‌های خود را به فایل‌های خود تقسیم می‌کنیم و آنها را با استفاده از «راه جاوا اسکریپت برای وارد کردن» وارد می‌کنیم. سپس می خواهیم در مورد props بیاموزیم، یعنی نحوه انتقال داده ها از یک مؤلفه به مؤلفه دیگر (شامل متغیرها و توابع). پس از آن، با قلاب‌های حالت در React آشنا می‌شویم که دارای یک تابع جادویی برای تغییر مقدار متغیرها هستند، اما همچنین عملکرد دیگری به نام افکت را فعال می‌کنند که یک قلاب React دیگر است.

سپس می‌خواهیم تعدادی صفحه اضافه کنیم تا برنامه تک صفحه‌ای ما (SPA) در واقع بیش از یک صفحه، با بیش از یک URL داشته باشد.

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

در پایان این دوره شما به درخواست‌های جاوا اسکریپت، JSX، React و API مدرن مسلط خواهید بود و یک پروژه نمایشی سرگرم‌کننده و پیشرفته برای قرار دادن در نمونه کارها خواهید داشت.

اوه بله، ما همچنین قصد داریم این سایت را با استفاده از Bootstrap 5 پیاده سازی کنیم.

الزامات:

  • شما باید حداقل جاوا اسکریپت متوسط ​​را بدانید
  • باید Node.js را قبلاً روی رایانه خود نصب کرده باشید 
  • شما باید با خودتان صبور باشید زیرا React موضوع آسانی برای یادگیری نیست.

شما وب سایت زیر را با استفاده از React، React Router و اجزای عملکردی ایجاد خواهید کرد.


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

درس ها Lessons

  • با استفاده از جزء Browser Router Using the Browser Router component

  • افزودن کامپوننت درباره Adding an About component

  • اضافه کردن یک جزء جستجو Adding a search component

  • لوازم کامپوننت Component props

  • واکنش به تاریخچه مرورگر React browser history

  • اضافه کردن محتوای عمومی Adding generic content

  • نقشه برداری نتایج جستجو Mapping search results

  • جستجوی قطعات Search component props

  • وضعیت بارگیری Loading state

  • پاکسازی کد Code cleanup

  • نصب روتر React Installing a React router

  • React مبتنی بر درخواست های API React based API requests

  • نصب بوت استرپ 5 Installing Bootstrap 5

  • دریافت کلیدهای API Getting API keys

  • افزودن مولفه Navbar Adding a Navbar component

  • پیوندهای مبتنی بر واکنش React based links

  • به Intermediate React خوش آمدید Welcome to intermediate React

  • افزودن کامپوننت Home Adding a Home component

  • نتایج جستجوی Bootstrap 5 Bootstrap 5 search Results

  • ایجاد یک برنامه جدید React Creating a new React app

  • پروژه شما Your project

  • جزء جزئیات فیلم Movie detail component

  • جزء قهرمان The Hero component

  • رویدادهای کلیدی صحافی Binding keyup events

  • افزودن پس زمینه با استفاده از CSS Adding a backdrop using CSS

  • API مؤلفه فیلم Movie component API

نمایش نظرات

Skillshare (اسکیل شیر)

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

یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.

آموزش React 201: سطح متوسط ​​React.js
جزییات دوره
1h 57m
26
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
225
4 از 5
دارد
دارد
دارد
Kalob Taulien
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Kalob Taulien Kalob Taulien

معلم توسعه وب

سلام به همه! من Kalob Taulien هستم.

در اینجا نسخه TL;DR (کوتاه) درباره من است:

  • من از سال 1999 کدنویسی می کنم و از سال 2013 به مردم یاد می دهم که چگونه کدنویسی کنند
  • من بیش از 350000 دانشجوی توسعه وب در سراسر جهان دارم
  • من در تیم توسعه هسته Wagtail CMS هستم (Wagtail شماره 1 محبوب ترین سیستم ساخت وب سایت پایتون است)
  • من تمام تلاشم را می کنم که به هر سوالی که دانش آموزانم دارند پاسخ دهم
  • من عاشق تدریس هستم - این قطعاً یکی از استعدادهای طبیعی من است
  • همچنین من عاشق بز هستم! (اگر ملاقات حضوری داشته باشیم شروع کننده گفتگو با من عالی است)

در زیر می‌توانید تمام دوره‌های Skillshare من را پیدا کنید. دسته بندی ها از ساده ترین به سخت ترین، به جز موارد متفرقه، قرار می گیرند. دوره های کدنویسی در پایان.

اگر در زمینه کدنویسی کاملاً تازه کار هستید، با BEGINNERS WEB DEV شروع کنید. و سپس به سراغ HTML بروید.

اگر یک توسعه دهنده وب با تجربه هستید، می توانید از هر یک از بخش های زیر رد شوید.

اگر می‌خواهید یاد بگیرید که چگونه وب‌سایت‌ها را واقعاً زیبا جلوه دهید و خوب عمل کنید، می‌خواهید به HTML، CSS و جاوا اسکریپت نگاه کنید.

اگر می‌خواهید وب‌سایت‌هایی ایجاد کنید که کاربران بتوانند در آن وارد شوند، حساب کاربری داشته باشند و اطلاعات را ذخیره کنند، می‌خواهید به PHP، Python، Django یا Wagtail نگاه کنید.

آخرین اما نه کم اهمیت، همه باید Git و نحوه استفاده از GitHub را بدانند. این کاملاً حیاتی است که 100٪ همه توسعه دهندگان Git و GitHub را درک کنند. این زبان مخفی است که هر کارفرما به دنبال آن است. من نیز یک بخش کامل در مورد آن دارم.

فراموش نکنید که من را در Skillshare برای دوره های هفتگی جدید دنبال کنید!

کد نویسی مبارک!