React with Redux Tutorials: Mastering Modern Web Development

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

با آموزش Redux واکنش نشان دهید React with Redux Tutorials

• مقدمه ای بر React with Redux Introduction to React with Redux

• آزمون معرفی React Redux Quiz on React Redux Intro

• آشنایی با اجزای وب Understanding the Web Components

• هدف از عناصر سفارشی Purpose of Custom Elements

• امتحان در مورد اجزای وب و عناصر سفارشی Quiz on Web Components and Custom Elements

• نمونه سازی عناصر گسترش دهنده Instantiating Extending Elements

• نمونه سازی عناصر گسترش دهنده ادامه دارد Instantiating Extending Elements Continues

• ایجاد عناصر توسعه یافته Creating Extended Elements

• امتحان در مورد عناصر توسعه یافته Quiz on Extended Elements

• درک متن الگو Understanding the Template Text

• مثال پیشرفته در متن الگو Advanced Example on Template Text

• درک Shadow DOM Understanding the Shadow DOM

• ایجاد یک عنصر HTML Creating a HTML Element

• فایل جاوا اسکریپت برای جی کوئری Java Script File For jQuery

• استایل دادن به کامپوننت وب Styling the Web Component

• الگوی سبک برای عناصر سفارشی Style Template for Custom Elements

• ورودی HTML در Style Sheet HTML Input in Style Sheet

• مروری بر اجزای وب Overview on the Web Components

• Node Js و ماژول های آن Node Js and its Modules

• نصب و اجرای Node Js Installing and Running Node Js

• آموزش ماژول Node Js Learning the Node Js Module

• تعریف کاربر یا ماژول های محلی User Define or Local Modules

• آشنایی با ماژول قسمت سوم Understanding the Third Part Module

• اجرای کد NPM Js Executing the NPM Js Code

• آشنایی با ماژول وابستگی پروژه Understanding the Project Depedency Module

• Http و ماژول رویداد Http and Event Module

• خلاصه ای از Node Js Summary on Node Js

• هدف از استفاده از React Js Purpose of using React Js

• مثالی در مورد نحوه عملکرد واکنش Example on How React Works

• آموزش جاوا اسکریپت در XML Learning Javascript in XML

• یادگیری جاوا اسکریپت در XML ادامه دارد Learning Javascript in XML Continues

• کاوش در جعبه ابزار Emmet Exploring the Emmet Toolkit

• روش های استفاده از Props Methods of using Props

• ایجاد تابع رندر برای سفارشی سازی Creating Render Function for Customization

• React State برای نگهداری کامپوننت React State for maintaining the Component

• رندر کردن کامپوننت با React Term Rendering Component with React Term

• درک Refs در React Understanding Refs in React

• جریان داده در React Data Flow in React

• چرخه حیات کامپوننت در JS Component Lifecycle in JS

• روش‌های چرخه حیات React Methods of React LifeCycle

• عملکرد کامپوننت به روز می شود Function of Component Will update

• ایجاد کامپوننت با کامپوننت نصب Creating Component with Mounting Component

• طراحی وب سایت واکنش گرا برای صفحه وب Responsive Web design for Web page

• کار بر روی نمونه های بوت استرپ Working on Bootstrap Examples

• ایجاد اپلیکیشن Fetch records Creating Fetch records Application

• واکشی سوابق با پایان صوتی Fetching records with Audio end

React Case Study React Case Study

• مقدمه ای بر پروژه Introduction to Project

• نصب و راه اندازی Installation and Setup

• بسته را اصلاح کنید Modify Package

• تغییر بسته ادامه دهید Modify Package Continue

• ایجاد شاخص Creating Index

• فایل Scss Scss File

• فایل Scss ادامه دهید Scss File Continue

• ایجاد سبد خرید Creating Cart

• خدمات فیلتر Filter Services

• ایجاد قفسه Creating Shelf

• مرتب سازی خدمات Sort Services

• ایجاد توتال Creating Total

• سایر خدمات Other Services

• اجزای چک باکس Checkbox Components

• اجزای شست Thumbs Components

• خروجی پروژه Output of the Project

مطالعه موردی React - ایجاد قاب عکس با استفاده از React و Redux React Case Study - Create Photo Frame Using React And Redux

• مقدمه ای بر پروژه در React JS Redux Introduction to Project on React JS Redux

• برنامه React ایجاد کنید Create React App

• ویژوال استودیو را باز کنید Open Visual Studio

• راه اندازی برنامه App Setup

• راه اندازی برنامه ادامه دهید App Setup Continue

• کامپوننت-معماری Component-Architecture

• عملکردی-جزئی Functional-Component

• دولت-مدیریت State-Management

• Update-State Update-State

• عکس اضافه کنید Add photos

• مرورگر-روتر Browser-Router

• Add-Photos-Ui Add-Photos-Ui

• قابلیت افزودن عکس Add-Photo-Functionality

• شروع به کار با Redux Getting-Started-With-Redux

• اتصال-کامپوننت ها Connect-Components

• Updatetest-Using-Redux Updatestate-Using-Redux

React Case Study - ایجاد اپلیکیشن برای کارمندان React Case Study - Creating Apps for Employees

• مقدمه ای بر پروژه Introduction to Project

• قسمت 1 ایجاد جعبه مدال سفارشی Custom Modal Box Creation Part 1

• قسمت 2 ایجاد جعبه مدال سفارشی Custom Modal Box Creation Part 2

• قسمت 3 ایجاد جعبه مدال سفارشی Custom Modal Box Creation Part 3

• کشویی انتخاب کنید Drop down Select

• دکمه های رادیویی Radio Buttons

• تکمیل خودکار Autocomplete

• ایجاد برنامه Agenda قسمت 1 Creating Agenda App Part 1

• ایجاد برنامه Agenda قسمت 2 Creating Agenda App Part 2

• ایجاد برنامه Agenda قسمت 3 Creating Agenda App Part 3

• ایجاد برنامه Agenda قسمت 4 Creating Agenda App Part 4

• برنامه لیست پیام Message List App

• برنامه لیست پیام ادامه دارد Message List App Continue

• سفارشی کردن برنامه Customizing the App

• سفارشی کردن برنامه ادامه دهید Customizing the App Continue

• بیشتر در مورد سفارشی کردن برنامه More on Customizing the App

• اپلیکیشن Emp Details Emp Details App

• صفحه بازخورد در React js Feedback Page in React js

• قسمت 1 صفحه برنامه کارها To-do App Page Part 1

• صفحه برنامه کارها قسمت 2 To-do App Page Part 2

• صفحه برنامه کارها قسمت 3 To-do App Page Part 3

• صفحه برنامه کارها قسمت 4 To-do App Page Part 4

• ایجاد صفحه جدول قسمت 1 Creating Table Page Part 1

• ایجاد صفحه جدول قسمت 2 Creating Table Page Part 2

• ایجاد صفحه جدول قسمت 3 Creating Table Page Part 3

مطالعه موردی React - توسعه برنامه وب React Case Study - Web App Development

• برنامه وب با React JS Web App With React JS

• مروری بر طرح کلی دوره Overview on Course Outline

• نصب Create React App Installing Create React App

• مفهوم JSx Concept of JSx

• اجزای React JS Components of React JS

• توسعه مولفه ها Developing the Components

• اجزای موجود در App Dot JS Components in App Dot JS

• حذف کدهای غیر ضروری Removing the Unnecessary Code

• کدنویسی و رندرینگ Coding and Rendering

• هدر در مرورگر Header in Browser

• جداسازی اجزای صفحه Separating Page Components

• ورودی برای فایل بسته Entry for Packet File

• کد HTML کنتاکتورها Contactors HTML Code

• پیاده سازی مسیریابی Implementing the Routing

• تجزیه و تحلیل URL نادرست Analyzing the Incorrect URL

• اصول Redux Principles of Redux

• پیاده سازی مراحل در Redux Implementing Steps in Redux

• طرح کلی و خلاصه Outline and Summary