واکنش برای طراحان وب

مدرس Joe Chellman

انتشار 2019/06/05

مدت زمان 2h 53m

سطح متوسط

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

آموزش React for Web Designers

لازم نیست با React از صفر شروع کنید. این چارچوب جاوا اسکریپت فوق‌العاده محبوب می‌تواند وب‌سایت‌ها و برنامه‌های موجود شما را حتی با هزینه بسیار کمی بهتر کند. در این دوره، روش های عملی برای گنجاندن React در طراحی های وب دنیای واقعی را بیاموزید. مربی جو چلمن سه پروژه کوچک را معرفی می کند که از React سود می برند: یک مدیر محصول که وضعیت، وسایل و رویدادهای React را به نمایش می گذارد. یک فهرست کارمند؛ و یک تابلوی وضعیت که از React برای برقراری تماس های API خارجی استفاده می کند. هر پروژه نشان می دهد که چه چیزی React را برای طراحان وب جالب و مفید می کند و راه حل هایی برای مقابله با چند چالش منحصر به فرد ارائه می دهد.

JavaScript React.js Web Design

Introduction

Add React to your web designer toolbox ()

What you should know ()

Using the exercise files ()

1. Introducing React

What is React and what is it good for? ()

React Toolbox: ES6, JSX, and more ()

React concepts and jargon ()

Everything is components and elements ()

Our React build process ()

React and CSS: A special relationship ()

Installing React Developer Tools ()

2. First Project: Customizer

Installing React on an existing site ()

Identifying your components and data ()

Set up first simple component ()

Start using JSX with the help of Babel ()

Attaching a data source ()

Create a new component with array data ()

Implement props ()

Implement state with the useState hook ()

Add the color selector component ()

Change options, see reactions ()

Challenge: Activate the color selector ()

Solution ()

3. Second Project: Directory Browser

Use the mockup, make a plan ()

Challenge: Better usability and animation ()

Solution: Better usability and animation ()

Use the mockup, make a plan ()

Scaffold initial components ()

Functional components ()

Build the filters form ()

Forms in React: Controlled or not ()

Wire up the filters form ()

Respond to filter form updates ()

Animating with ReactTransitionGroup ()

4. Third Project: Status Updater

Use live data from a RESTful API ()

Inspecting your starting React code ()

First API call with useEffect hook ()

Using conditional rendering ()

Bring form fields under control ()

Let form post to the API ()

Lifting state for data visibility ()

Completing the status updater ()

Conclusion

Next steps: React, React Native, and JS ()

Ex_Files_React_Web_Designers.zip (21.4 MB)

دانلود فایل فشرده

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

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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