آموزش ساخت پروژه های مدرن با React (2020)

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

5. TypeScript6. Sass7 SPFx Dev EnvironmentConclusionIntroduction1 خود را تنظیم کنید. یک کلمه کوتاه در مورد Ambiguity2. Discovery of The Fuzzy Theory3 نظریه. برنامه های کاربردی تئوری مجموعه فازی بررسی اجمالی اکوسیستم NET2. پیاده سازی های مدرن .NET3. کتابخانه ها و بسته های 4 از .NET Standard Library5 استفاده کنید. .NET Standard Library6 را ایجاد کنید. با آنالیز قابلیت انتقال دات نت .ConclusionIntroduction1 مهاجرت کنید. Foundation and Theory2. شروع کار 3. مدیر Class4. TableView Testing5. Touch TouchConcludIntroduction1. اتوماسیون صنعتی 2. کنترل کننده های منطق قابل برنامه ریزی (PLC) 3. کنترل نظارت و به دست آوردن داده ها (SCADA) نتیجه گیری معرفی 1. ایجاد یک پروژه جدید GraphQL2. در معرض یک API3 جدید GraphQL. اجازه به روزرسانی از طریق Mutations4. فعال کردن مشتریان برای عضویت در اعلان هاConclusionIntroduction1. درک الگوهای طراحی: Review2. طراحی بهترین روشها3. الگوهای باند چهار (GoF) ، قسمت 14. الگوهای باند چهار (GoF) ، قسمت 2ConclusionIntroduction1. درباره Microservice2. میکروسرویس Core Concepts3. میکروسرویس پیشرفته Concepts4. ایجاد گزینه های معماریConcludIntroduction1. Background2. I / O3. Windows Forms4. Hard Multithreading5. کمتر سخت Multithreading6. async و await7. مجموعه های همزمان نتیجه گیریIntroduction1. برنامه ریزی 2 Design3 Development4. Testing5 ReleaseConclusionIntroduction1. Unity Scriptts2. ایجاد C # Scriptts3. معرفی به C # نتیجه گیری معرفی 1. آشنایی با نوت بوک Jupyter و Python2. لیست آرایه / پایتون Introduction

• واکنش: رفتن از خوب به عالی React: Going from good to great

• آنچه باید بدانید What you should know

• نصب نرم افزار لازم Installing necessary software

• فایل های تمرینی Exercise files

• آنچه این دوره را شامل می شود What this course covers

5. TypeScript6. Sass7 SPFx Dev EnvironmentConclusionIntroduction1 خود را تنظیم کنید. یک کلمه کوتاه در مورد Ambiguity2. Discovery of The Fuzzy Theory3 نظریه. برنامه های کاربردی تئوری مجموعه فازی بررسی اجمالی اکوسیستم NET2. پیاده سازی های مدرن .NET3. کتابخانه ها و بسته های 4 از .NET Standard Library5 استفاده کنید. .NET Standard Library6 را ایجاد کنید. با آنالیز قابلیت انتقال دات نت .ConclusionIntroduction1 مهاجرت کنید. Foundation and Theory2. شروع کار 3. مدیر Class4. TableView Testing5. Touch TouchConcludIntroduction1. اتوماسیون صنعتی 2. کنترل کننده های منطق قابل برنامه ریزی (PLC) 3. کنترل نظارت و به دست آوردن داده ها (SCADA) نتیجه گیری معرفی 1. ایجاد یک پروژه جدید GraphQL2. در معرض یک API3 جدید GraphQL. اجازه به روزرسانی از طریق Mutations4. فعال کردن مشتریان برای عضویت در اعلان هاConclusionIntroduction1. درک الگوهای طراحی: Review2. طراحی بهترین روشها3. الگوهای باند چهار (GoF) ، قسمت 14. الگوهای باند چهار (GoF) ، قسمت 2ConclusionIntroduction1. درباره Microservice2. میکروسرویس Core Concepts3. میکروسرویس پیشرفته Concepts4. ایجاد گزینه های معماریConcludIntroduction1. Background2. I / O3. Windows Forms4. Hard Multithreading5. کمتر سخت Multithreading6. async و await7. مجموعه های همزمان نتیجه گیریIntroduction1. برنامه ریزی 2 Design3 Development4. Testing5 ReleaseConclusionIntroduction1. Unity Scriptts2. ایجاد C # Scriptts3. معرفی به C # نتیجه گیری معرفی 1. آشنایی با نوت بوک Jupyter و Python2. لیست آرایه / پایتون 1. Project Overview

• چرا از اکوسیستم React استفاده می کنیم؟ Why use the React ecosystem?

• با ابزار اکوسیستم React ملاقات کنید Meet the React ecosystem tools

5. TypeScript6. Sass7 SPFx Dev EnvironmentConclusionIntroduction1 خود را تنظیم کنید. یک کلمه کوتاه در مورد Ambiguity2. Discovery of The Fuzzy Theory3 نظریه. برنامه های کاربردی تئوری مجموعه فازی بررسی اجمالی اکوسیستم NET2. پیاده سازی های مدرن .NET3. کتابخانه ها و بسته های 4 از .NET Standard Library5 استفاده کنید. .NET Standard Library6 را ایجاد کنید. با آنالیز قابلیت انتقال دات نت .ConclusionIntroduction1 مهاجرت کنید. Foundation and Theory2. شروع کار 3. مدیر Class4. TableView Testing5. Touch TouchConcludIntroduction1. اتوماسیون صنعتی 2. کنترل کننده های منطق قابل برنامه ریزی (PLC) 3. کنترل نظارت و به دست آوردن داده ها (SCADA) نتیجه گیری معرفی 1. ایجاد یک پروژه جدید GraphQL2. در معرض یک API3 جدید GraphQL. اجازه به روزرسانی از طریق Mutations4. فعال کردن مشتریان برای عضویت در اعلان هاConclusionIntroduction1. درک الگوهای طراحی: Review2. طراحی بهترین روشها3. الگوهای باند چهار (GoF) ، قسمت 14. الگوهای باند چهار (GoF) ، قسمت 2ConclusionIntroduction1. درباره Microservice2. میکروسرویس Core Concepts3. میکروسرویس پیشرفته Concepts4. ایجاد گزینه های معماریConcludIntroduction1. Background2. I / O3. Windows Forms4. Hard Multithreading5. کمتر سخت Multithreading6. async و await7. مجموعه های همزمان نتیجه گیریIntroduction1. برنامه ریزی 2 Design3 Development4. Testing5 ReleaseConclusionIntroduction1. Unity Scriptts2. ایجاد C # Scriptts3. معرفی به C # نتیجه گیری معرفی 1. آشنایی با نوت بوک Jupyter و Python2. لیست آرایه / پایتون 2. Creating Your Basic Project

• ساختن یک پروژه React از ابتدا Building a React project from scratch

• نقطه ورود React The React entry point

• پشتیبانی از ES6 Supporting ES6

• Index.js فی The Index.js file and app component

• ساخت و سرویس با صفحه وب Building and serving with webpack

• بارگیری مجدد با لودر واکنشی داغ Hot-reloading with react-hot-loader

• با برنامه نمونه ملاقات کنید Meet the sample app

• ایجاد مؤلفه todoList Creating the todoList component

• ایجاد مؤلفه todoListItem Creating the todoListItem component

• ایجاد مؤلفه newTodoForm Creating the newTodoForm component

• قرار دادن برنامه با هم Putting the app together

5. TypeScript6. Sass7 SPFx Dev EnvironmentConclusionIntroduction1 خود را تنظیم کنید. یک کلمه کوتاه در مورد Ambiguity2. Discovery of The Fuzzy Theory3 نظریه. برنامه های کاربردی تئوری مجموعه فازی بررسی اجمالی اکوسیستم NET2. پیاده سازی های مدرن .NET3. کتابخانه ها و بسته های 4 از .NET Standard Library5 استفاده کنید. .NET Standard Library6 را ایجاد کنید. با آنالیز قابلیت انتقال دات نت .ConclusionIntroduction1 مهاجرت کنید. Foundation and Theory2. شروع کار 3. مدیر Class4. TableView Testing5. Touch TouchConcludIntroduction1. اتوماسیون صنعتی 2. کنترل کننده های منطق قابل برنامه ریزی (PLC) 3. کنترل نظارت و به دست آوردن داده ها (SCADA) نتیجه گیری معرفی 1. ایجاد یک پروژه جدید GraphQL2. در معرض یک API3 جدید GraphQL. اجازه به روزرسانی از طریق Mutations4. فعال کردن مشتریان برای عضویت در اعلان هاConclusionIntroduction1. درک الگوهای طراحی: Review2. طراحی بهترین روشها3. الگوهای باند چهار (GoF) ، قسمت 14. الگوهای باند چهار (GoF) ، قسمت 2ConclusionIntroduction1. درباره Microservice2. میکروسرویس Core Concepts3. میکروسرویس پیشرفته Concepts4. ایجاد گزینه های معماریConcludIntroduction1. Background2. I / O3. Windows Forms4. Hard Multithreading5. کمتر سخت Multithreading6. async و await7. مجموعه های همزمان نتیجه گیریIntroduction1. برنامه ریزی 2 Design3 Development4. Testing5 ReleaseConclusionIntroduction1. Unity Scriptts2. ایجاد C # Scriptts3. معرفی به C # نتیجه گیری معرفی 1. آشنایی با نوت بوک Jupyter و Python2. لیست آرایه / پایتون 3. Adding Redux

• چرا به Redux احتیاج دارید؟ Why do you need Redux?

• Redux چگونه کار می کند؟ How does Redux work?

• افزودن Redux به یک برنامه React Adding Redux to a React app

• ایجاد اقدامات Redux Creating Redux actions

• ایجاد کاهنده Creating reducers

• اتصال قطعات به فروشگاه Connecting components to the store

• اجرای یک برنامه React-Redux Running a React-Redux application

• ماندگار فروشگاه Redux Persisting the Redux store

• Redux DevTools Redux DevTools

• Redux بهترین شیوه ها Redux best practices

• چالش: اضافه کردن یک جریان Redux Challenge: Adding a Redux flow

• راه حل: اضافه کردن یک جریان Redux Solution: Adding a Redux flow

5. TypeScript6. Sass7 SPFx Dev EnvironmentConclusionIntroduction1 خود را تنظیم کنید. یک کلمه کوتاه در مورد Ambiguity2. Discovery of The Fuzzy Theory3 نظریه. برنامه های کاربردی تئوری مجموعه فازی بررسی اجمالی اکوسیستم NET2. پیاده سازی های مدرن .NET3. کتابخانه ها و بسته های 4 از .NET Standard Library5 استفاده کنید. .NET Standard Library6 را ایجاد کنید. با آنالیز قابلیت انتقال دات نت .ConclusionIntroduction1 مهاجرت کنید. Foundation and Theory2. شروع کار 3. مدیر Class4. TableView Testing5. Touch TouchConcludIntroduction1. اتوماسیون صنعتی 2. کنترل کننده های منطق قابل برنامه ریزی (PLC) 3. کنترل نظارت و به دست آوردن داده ها (SCADA) نتیجه گیری معرفی 1. ایجاد یک پروژه جدید GraphQL2. در معرض یک API3 جدید GraphQL. اجازه به روزرسانی از طریق Mutations4. فعال کردن مشتریان برای عضویت در اعلان هاConclusionIntroduction1. درک الگوهای طراحی: Review2. طراحی بهترین روشها3. الگوهای باند چهار (GoF) ، قسمت 14. الگوهای باند چهار (GoF) ، قسمت 2ConclusionIntroduction1. درباره Microservice2. میکروسرویس Core Concepts3. میکروسرویس پیشرفته Concepts4. ایجاد گزینه های معماریConcludIntroduction1. Background2. I / O3. Windows Forms4. Hard Multithreading5. کمتر سخت Multithreading6. async و await7. مجموعه های همزمان نتیجه گیریIntroduction1. برنامه ریزی 2 Design3 Development4. Testing5 ReleaseConclusionIntroduction1. Unity Scriptts2. ایجاد C # Scriptts3. معرفی به C # نتیجه گیری معرفی 1. آشنایی با نوت بوک Jupyter و Python2. لیست آرایه / پایتون 4. Dealing with Side Effects

• چرا به Redux Thunk احتیاج دارید؟ Why do you need Redux Thunk?

• Redux Thunk چگونه کار می کند؟ How does Redux Thunk work?

• اضافه کردن Redux Thunk به React Adding Redux Thunk to React

• ایجاد یک تنه Creating a thunk

• API Todos The Todos API

• ریزه های آسنک Async thunks

• کاهش دهنده دیگری را اضافه کنید Adding another reducer

• در حال تعمیر مجدد کاهنده todos Refactoring the todos reducer

• با استفاده از ریزه کاری ها برای ایجاد منابع سرور Using thunks to create server resources

• با استفاده از ریزگردها برای حذف منابع سرور Using thunks to delete server resources

• چالش: استفاده از ریزگردها برای به روزرسانی منابع سرور Challenge: Using thunks to update server resources

• راه حل: استفاده از ریزه کاری ها برای به روزرسانی منابع سرور Solution: Using thunks to update server resources

5. TypeScript6. Sass7 SPFx Dev EnvironmentConclusionIntroduction1 خود را تنظیم کنید. یک کلمه کوتاه در مورد Ambiguity2. Discovery of The Fuzzy Theory3 نظریه. برنامه های کاربردی تئوری مجموعه فازی بررسی اجمالی اکوسیستم NET2. پیاده سازی های مدرن .NET3. کتابخانه ها و بسته های 4 از .NET Standard Library5 استفاده کنید. .NET Standard Library6 را ایجاد کنید. با آنالیز قابلیت انتقال دات نت .ConclusionIntroduction1 مهاجرت کنید. Foundation and Theory2. شروع کار 3. مدیر Class4. TableView Testing5. Touch TouchConcludIntroduction1. اتوماسیون صنعتی 2. کنترل کننده های منطق قابل برنامه ریزی (PLC) 3. کنترل نظارت و به دست آوردن داده ها (SCADA) نتیجه گیری معرفی 1. ایجاد یک پروژه جدید GraphQL2. در معرض یک API3 جدید GraphQL. اجازه به روزرسانی از طریق Mutations4. فعال کردن مشتریان برای عضویت در اعلان هاConclusionIntroduction1. درک الگوهای طراحی: Review2. طراحی بهترین روشها3. الگوهای باند چهار (GoF) ، قسمت 14. الگوهای باند چهار (GoF) ، قسمت 2ConclusionIntroduction1. درباره Microservice2. میکروسرویس Core Concepts3. میکروسرویس پیشرفته Concepts4. ایجاد گزینه های معماریConcludIntroduction1. Background2. I / O3. Windows Forms4. Hard Multithreading5. کمتر سخت Multithreading6. async و await7. مجموعه های همزمان نتیجه گیریIntroduction1. برنامه ریزی 2 Design3 Development4. Testing5 ReleaseConclusionIntroduction1. Unity Scriptts2. ایجاد C # Scriptts3. معرفی به C # نتیجه گیری معرفی 1. آشنایی با نوت بوک Jupyter و Python2. لیست آرایه / پایتون 5. Selectors

• چرا به انتخابگرها احتیاج دارید؟ Why do you need selectors?

• ایجاد انتخاب کننده Creating selectors

• ترکیب انتخاب کنندگان با Reselect Combining selectors with Reselect

• اطلاعات بیشتر در مورد انتخاب کنندگان More about selectors

• افزودن انتخابگرها به قطعات Adding selectors to components

5. TypeScript6. Sass7 SPFx Dev EnvironmentConclusionIntroduction1 خود را تنظیم کنید. یک کلمه کوتاه در مورد Ambiguity2. Discovery of The Fuzzy Theory3 نظریه. برنامه های کاربردی تئوری مجموعه فازی بررسی اجمالی اکوسیستم NET2. پیاده سازی های مدرن .NET3. کتابخانه ها و بسته های 4 از .NET Standard Library5 استفاده کنید. .NET Standard Library6 را ایجاد کنید. با آنالیز قابلیت انتقال دات نت .ConclusionIntroduction1 مهاجرت کنید. Foundation and Theory2. شروع کار 3. مدیر Class4. TableView Testing5. Touch TouchConcludIntroduction1. اتوماسیون صنعتی 2. کنترل کننده های منطق قابل برنامه ریزی (PLC) 3. کنترل نظارت و به دست آوردن داده ها (SCADA) نتیجه گیری معرفی 1. ایجاد یک پروژه جدید GraphQL2. در معرض یک API3 جدید GraphQL. اجازه به روزرسانی از طریق Mutations4. فعال کردن مشتریان برای عضویت در اعلان هاConclusionIntroduction1. درک الگوهای طراحی: Review2. طراحی بهترین روشها3. الگوهای باند چهار (GoF) ، قسمت 14. الگوهای باند چهار (GoF) ، قسمت 2ConclusionIntroduction1. درباره Microservice2. میکروسرویس Core Concepts3. میکروسرویس پیشرفته Concepts4. ایجاد گزینه های معماریConcludIntroduction1. Background2. I / O3. Windows Forms4. Hard Multithreading5. کمتر سخت Multithreading6. async و await7. مجموعه های همزمان نتیجه گیریIntroduction1. برنامه ریزی 2 Design3 Development4. Testing5 ReleaseConclusionIntroduction1. Unity Scriptts2. ایجاد C # Scriptts3. معرفی به C # نتیجه گیری معرفی 1. آشنایی با نوت بوک Jupyter و Python2. لیست آرایه / پایتون 6. Styled-Components

• چرا به اجزای یک ظاهر طراحی شده نیاز دارید؟ Why do you need styled-components?

• ایجاد یک مؤلفه استایل Creating a styled-component

• تبدیل ماژول های CSS به اجزای سبک Converting CSS modules to styled-components

• انتقال اجزاء به اجزای یک ظاهر طراحی شده Passing props to styled-components

• گسترش اجزای سبک Extending styled-components

5. TypeScript6. Sass7 SPFx Dev EnvironmentConclusionIntroduction1 خود را تنظیم کنید. یک کلمه کوتاه در مورد Ambiguity2. Discovery of The Fuzzy Theory3 نظریه. برنامه های کاربردی تئوری مجموعه فازی بررسی اجمالی اکوسیستم NET2. پیاده سازی های مدرن .NET3. کتابخانه ها و بسته های 4 از .NET Standard Library5 استفاده کنید. .NET Standard Library6 را ایجاد کنید. با آنالیز قابلیت انتقال دات نت .ConclusionIntroduction1 مهاجرت کنید. Foundation and Theory2. شروع کار 3. مدیر Class4. TableView Testing5. Touch TouchConcludIntroduction1. اتوماسیون صنعتی 2. کنترل کننده های منطق قابل برنامه ریزی (PLC) 3. کنترل نظارت و به دست آوردن داده ها (SCADA) نتیجه گیری معرفی 1. ایجاد یک پروژه جدید GraphQL2. در معرض یک API3 جدید GraphQL. اجازه به روزرسانی از طریق Mutations4. فعال کردن مشتریان برای عضویت در اعلان هاConclusionIntroduction1. درک الگوهای طراحی: Review2. طراحی بهترین روشها3. الگوهای باند چهار (GoF) ، قسمت 14. الگوهای باند چهار (GoF) ، قسمت 2ConclusionIntroduction1. درباره Microservice2. میکروسرویس Core Concepts3. میکروسرویس پیشرفته Concepts4. ایجاد گزینه های معماریConcludIntroduction1. Background2. I / O3. Windows Forms4. Hard Multithreading5. کمتر سخت Multithreading6. async و await7. مجموعه های همزمان نتیجه گیریIntroduction1. برنامه ریزی 2 Design3 Development4. Testing5 ReleaseConclusionIntroduction1. Unity Scriptts2. ایجاد C # Scriptts3. معرفی به C # نتیجه گیری معرفی 1. آشنایی با نوت بوک Jupyter و Python2. لیست آرایه / پایتون 7. Testing

• آزمایش اکوسیستم واکنش Testing React ecosystems

• کاهش دهنده های تست Testing reducers

• تست ریزگردهای Redux Testing Redux thunks

• آزمایش انتخاب کنندگان Testing selectors

• تست اجزای سبک Testing styled-components

5. TypeScript6. Sass7 SPFx Dev EnvironmentConclusionIntroduction1 خود را تنظیم کنید. یک کلمه کوتاه در مورد Ambiguity2. Discovery of The Fuzzy Theory3 نظریه. برنامه های کاربردی تئوری مجموعه فازی بررسی اجمالی اکوسیستم NET2. پیاده سازی های مدرن .NET3. کتابخانه ها و بسته های 4 از .NET Standard Library5 استفاده کنید. .NET Standard Library6 را ایجاد کنید. با آنالیز قابلیت انتقال دات نت .ConclusionIntroduction1 مهاجرت کنید. Foundation and Theory2. شروع کار 3. مدیر Class4. TableView Testing5. Touch TouchConcludIntroduction1. اتوماسیون صنعتی 2. کنترل کننده های منطق قابل برنامه ریزی (PLC) 3. کنترل نظارت و به دست آوردن داده ها (SCADA) نتیجه گیری معرفی 1. ایجاد یک پروژه جدید GraphQL2. در معرض یک API3 جدید GraphQL. اجازه به روزرسانی از طریق Mutations4. فعال کردن مشتریان برای عضویت در اعلان هاConclusionIntroduction1. درک الگوهای طراحی: Review2. طراحی بهترین روشها3. الگوهای باند چهار (GoF) ، قسمت 14. الگوهای باند چهار (GoF) ، قسمت 2ConclusionIntroduction1. درباره Microservice2. میکروسرویس Core Concepts3. میکروسرویس پیشرفته Concepts4. ایجاد گزینه های معماریConcludIntroduction1. Background2. I / O3. Windows Forms4. Hard Multithreading5. کمتر سخت Multithreading6. async و await7. مجموعه های همزمان نتیجه گیریIntroduction1. برنامه ریزی 2 Design3 Development4. Testing5 ReleaseConclusionIntroduction1. Unity Scriptts2. ایجاد C # Scriptts3. معرفی به C # نتیجه گیری معرفی 1. آشنایی با نوت بوک Jupyter و Python2. لیست آرایه / پایتون Conclusion

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