آموزش React.js: ساخت یک رابط

React.js: Building an Interface

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: React.js یک کتابخانه JavaScript برای ایجاد رابط های کاربری است که داده های پویا را نمایش می دهد. به دلیل اجزای قابل استفاده مجدد و رویکرد منحصر به فرد در ارائه داده ، رابط هایی که با React ایجاد می کنید انعطاف پذیر ، سریع و سبک هستند. برای انتخاب React به دلیل دیگری نیاز دارید؟ یادگیری آن نیز آسان است ، با این درس ها از نویسنده هیات علمی Ray Villalobos ارائه می شود. با یک پروژه نمونه واقع بینانه که نقاط قوت React را به نمایش می گذارد: یک ابزار برنامه ریزی قرار ملاقات آنلاین ، با ری در این دوره عملی و عملی همراه شوید. در این مسیر ، می توانید مهارت های اصلی React ، از جمله مدیریت رویدادها ، شکستن کد به زیرمجموعه های سفارشی ، مدیریت داده ها از طریق وسایل و تنظیم مرتب سازی و جستجو را بیاموزید.
موضوعات شامل:
  • ساختن یک برنامه اساسی با برنامه create-react-app
  • افزودن ماژول
  • ایجاد زیر ملفه ها
  • کار با حالتها و اصطلاحات
  • انتقال داده از طریق وسایل
  • استفاده از م componentsلفه های شخص ثالث
  • مدیریت رویدادها از طریق وسایل
  • افزودن و ویرایش سوابق
  • جستجو و مرتب سازی

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

مقدمه Introduction

  • ایجاد رابط با React Creating interfaces with React

  • استفاده از تمرینات این دوره Using the exercises for this course

1. ساخت یک برنامه اصلی 1. Building a Basic App

  • با استفاده از ایجاد-واکنش-برنامه Using create-react-app

  • درک نصب Understanding the installation

  • کاوش در یک برنامه اصلی React Exploring a basic React app

  • اضافه کردن ماژول های خود را Adding your own modules

  • سازماندهی پروژه ها Organizing projects

2. کار با مؤلفه ها 2. Working with Components

  • ایجاد قطعات فرعی Creating subcomponents

  • مبانی اصولی و بیان State and expression basics

  • استفاده از واکشی به روش چرخه عمر Using fetch in a lifecycle method

  • کار با داده های پیچیده Working with complex data

  • انتقال داده از طریق غرفه Passing data through props

  • با استفاده از یک عبارت قالب رندر Using a render template expression

  • تزریق یک فهرست Injecting an index

  • با استفاده از مؤلفه های شخص ثالث Using third-party components

3. رسیدگی به رویدادها و افزودن سوابق 3. Handling Events and Adding Records

  • رسیدگی به رویدادها از طریق غرفه ها Handling events through props

  • نمایش فرم ردیابی Tracking form display

  • دست زدن به ضامن Handling a toggle

  • مانیتور حالت فرم Monitor form state

  • پردازش فرم Processing the form

4- جستجو و مرتب سازی 4. Searching and Sorting

  • تهیه بخش جستجوی ما Preparing our search component

  • مدیریت صفحه نمایش کشویی Managing drop-down display

  • مرتب سازی سوابق موجود Sorting existing records

  • ساختن جستجو Building the search

  • ورودی را فعال کنید Activating inputs

  • ثبت سوابق Modifying records

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

آموزش React.js: ساخت یک رابط
جزییات دوره
2h 17m
27
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
47,183
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ray Villalobos Ray Villalobos

مربی کارکنان ارشد در LinkedIn Learning

Ray Villalobos یک معلم طراحی/توسعه کامل و مدرس کارکنان ارشد در LinkedIn Learning است.

دوره های آموزشی او در قسمت جلو متمرکز شده است. -پایان موضوعات طراحی و توسعه مانند جاوا اسکریپت، AngularJS، React و Sass، به علاوه فریمورک هایی مانند Bootstrap و ابزارهایی که می توانند شما را به یک توسعه دهنده سریعتر و کارآمدتر تبدیل کنند. او سبک تدریس واضح و عملی دارد و به شما کمک می کند تا مهارت های خود را از طریق تمرین ها و پروژه های واقعی بهبود بخشید.

پیش از این، ری به عنوان مدیر چندرسانه ای برای Entravision Communications، شبکه ای از وب سایت های ایستگاه های رادیویی و تلویزیونی را مدیریت می کرد. در ساحل شرقی او همچنین سایت‌های روزنامه‌ای بزرگ را طراحی کرد و پروژه‌ها/بازی‌های تعاملی را برای شبکه روزنامه‌های تریبون ایجاد کرد. می‌توانید در LinkedIn یا از طریق سایر شبکه‌های اجتماعی @planetoftheweb با او تماس بگیرید. وبلاگ شخصی او را در https://raybo.org/ بررسی کنید.