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

Building Modern Projects with React

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: درباره برخی از مهمترین ابزارهای اکوسیستم React که به شما در ساده سازی توسعه و مدیریت پیچیدگی های حالت ، عوارض جانبی ، ساختار و سبک دهی کمک می کند ، اطلاعات کسب کنید. مربی Shaun Wassell نحوه ایجاد یک پروژه اصلی React را نشان می دهد و سپس نحوه افزودن Redux ، ایجاد Thunks ، استفاده از انتخابگرها ، کار با اجزای سبک ، انجام آزمایش و موارد دیگر را توضیح می دهد.
موضوعات شامل:
  • ساخت برنامه های واکنش پذیر با قابلیت نگهداری و مقاومت بیشتر
  • نصب React و سایر ابزارها
  • افزودن Redux
  • مقابله با عوارض جانبی
  • کتابخانه ها برای مقابله با عوارض جانبی
  • یکپارچه سازی عکس العمل موثرتر برنامه ها با اجزای سبک
  • استفاده از قلاب های React
  • واکنش به قطعات
  • تست Redux ، Redux-Thunk ، reselect و اجزای سبک شده

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

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

نمایش نظرات

آموزش ساخت پروژه های مدرن با React
جزییات دوره
3h 35m
58
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
20,232
- از 5
ندارد
دارد
دارد
Shaun Wassell
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Shaun Wassell Shaun Wassell

توسعه دهنده نرم افزار Full-Stack Shaun Wassell یک توسعه دهنده نرم افزار کاملاً پشته ای است که در زمینه برنامه نویسی و اتوماسیون صنعتی تخصص دارد.

Shaun با امید به ساخت بازی های ویدیویی عالی برنامه نویسی را در دوره راهنمایی شروع کرد. وی در ادامه به دریافت مدرک علوم کامپیوتر و ادامه کار حرفه ای نرم افزار توسعه یافت. او از پیشرفت کامل و موبایل لذت می برد. علاوه بر رایانه ، شاون به موسیقی ، معماری ، باغبانی و آبجو دستی نیز علاقه دارد.