آموزش دوره کامل React 18 Fullstack (نسخه 2022)

The complete React 18 Fullstack course ( 2022 edition)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با React، Redux، Routes، Node js، Express و MongoDB، کدنویسی را به سطح بعدی ببرید. کل فرآیند ساخت React WebApp، از رایانه شخصی خود تا سرور را خواهید آموخت. کار با پایگاه‌های داده nosql (Firebase، MongoDB و Moongoose) نحوه استقرار برنامه‌ها در سرویس‌هایی مانند Firebase و Heroku. یاد بگیرید که Redux چگونه کار می کند و آن را در یک برنامه واقعی استفاده کنید. یاد بگیرید NODE js چیست و چگونه کار می کند و سرور خود را بسازید، اصول Webpack را بیاموزید پیش نیازها: دانستن کمی HTML، CSS و جاوا اسکریپت، هر چیز دیگری را در حین انجام ما یاد خواهید گرفت.

آیا می خواهید کل فرآیند ساخت برنامه خود را یاد بگیرید؟ این دوره برای شماست.

ما از همان ابتدا شروع خواهیم کرد، از "من حتی نمی دانم چگونه از آن استفاده کنم.. و چرا باید" تا درک واقعی نحوه عملکرد React و برقراری ارتباط آن با سایر فناوری ها مانند Node JS.



/p>

شما تمام منطق و تمرین پشت React را در ماژول های مختلف یاد خواهید گرفت، و با پیشروی در دوره، سختی آن را افزایش خواهیم داد.

از آنجایی که من معتقدم بهترین راه برای یادگیری کامل کدنویسی است، پس از هر بخش مهم، همه چیز را با برخی از پروژه های دوره عملی خواهیم کرد، و پس از اینکه پایگاه قوی React داشته باشید، به سرورها و پایگاه های داده، Redux سفر خواهیم کرد. و استقرار برنامه ها برای تولید.

ما از ES6، آخرین نسخه جاوا اسکریپت استفاده خواهیم کرد.

ES6 را نمی شناسید؟

>

برای خلاصه کردن همه چیز، در این دوره یاد خواهید گرفت:

  • اصول اساسی React. نحوه نصب و منطق پشت آن.

  • زمانی که اصول React را بدانید، به موضوعات گیج کننده سفر خواهیم کرد.

  • بعد از اینکه پایگاه قوی React داشته باشید، یک پروژه تمرین کامل ایجاد خواهیم کرد.

  • همه از Redux استفاده می کنند، بنابراین ما نحوه استفاده از redux را با برنامه های React خود یاد خواهیم گرفت.

  • از آنجایی که برنامه ما به پایگاه داده نیاز دارد، نحوه استفاده از MongoDB و mongoose را یاد خواهید گرفت.

  • امنیت، احراز هویت، محدود کردن مسیرها، رمزهای عبور هش و JWT را اعمال کنید.

  • ما یک پروژه تمرین دوم را با استفاده از R eact، Redux، Node Server و MongoDB ایجاد خواهیم کرد.

  • البته، ما کل فرآیند انتشار برنامه شما را با استفاده از Heroku، Git و Github یاد خواهیم گرفت.

  • پک وب بخشی از فول استک است.

  • شما همچنین یک دوره کامل ES6

    دریافت می‌کنید

در مورد تجربه مربی چطور؟

خب من الان 15 سال است که هستم، برنامه های کاربردی زیادی برای پروژه های کوچک و شرکت های بزرگی مانند سیتی، فاکس، دیزنی و بسیاری دیگر ساخته ام.

امروز من به عنوان توسعه دهنده برای یک شرکت بزرگ کار می کنم که بیشتر برنامه های کاربردی را در React یا Angular توسعه می دهد، اما دوست دارم در اوقات فراغت خود تدریس کنم.

مخاطب هدف چطور؟

  • این دوره تقریباً برای همه است، کمی جاوا اسکریپت لازم است. ما از ES6 استفاده خواهیم کرد، اما شما می توانید در حین حرکت یاد بگیرید.

  • اگر می خواهید برنامه نویسی خود را به سطح بعدی ببرید، این دوره برای شما مناسب است.



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

معرفی Introduction

  • معرفی Introduction

  • در حال نصب گره Installing node

  • IDE IDE

React Basics React Basics

  • دیگ بخار The boilerplate

  • بسته نرم افزاری The Bundle

  • از زمین به بالا From the ground up

  • جی اس ایکس در پشت صحنه JSX behind the scenes

  • ساختار پروژه Project structure

  • انواع جزء Types of component

  • اضافه کردن مقداری سبک Adding some style

  • کپی پیست از Github Copy paste from Github

  • مناسبت ها Events

  • حالت State

  • لوازم جانبی Props

  • لوازم 2 Props 2

  • لوازم و اجزای کلاس Props and class components

  • بچه ها واکنش نشان دهید React children

  • سبک های پویا Dynamic styles

  • لوازم و توابع Props and functions

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

  • چرخه حیات جزء 2 Component Lifecycle 2

قلاب Hooks

  • معرفی قلاب Hooks intro

  • UseState UseState

  • UseState 2 UseState 2

  • UseEffect UseEffect

  • استفاده از Callback UseCallback

  • UserRef UseRef

  • زمینه The context

  • زمینه 2 The context 2

  • UseEffect UseEffect

  • استفاده از Callback UseCallback

  • UserRef UseRef

پروژه تمرین: چه کسی صورتحساب را پرداخت می کند؟ Practice project: Who pays the bill ?

  • شروع و زمینه Start and context

  • ایجاد فرم Creating the form

  • بازیکنان را به لیست اضافه کنید Add players to the list

  • نمایش لیست و حذف Show list and remove

  • مرحله 2 و نان تست Stage 2 and toasts

  • برنامه را تمام کنید Finish the App

مسیرها Routes

  • مقدمه Intro

  • فرآیند روتر Router process

  • ایجاد مسیرها Creating routes

  • استفاده از مسیرها Using routes

  • ربط دادن Linking

  • ربط دادن Linking

  • CSS کمی بهتر است A bit better CSS

  • پارامترها Params

  • پارامترها Params

  • اجزای کلاس Class components

  • Navlink، حافظه، هش Navlink, memory, hash

  • تغییر مسیرها Redirections

  • بدون مسیر مسابقه No match routes

  • مسیرهای تو در تو Nested routes

انتقال ها Transitions

  • انتقال Transition

  • انتقال 2 Transition 2

  • انتقال CSS CSS Transition

  • گروه انتقال Transition Group

  • سایر کتابخانه ها Other Libraries

Redux Redux

  • مقدمه Intro

  • اتصال redux Connecting redux

  • CreateSlice CreateSlice

  • دسترسی به فروشگاه Access the store

  • عمل Action

  • صدای ناهمگام Async thunks

  • Async Thunks 2 Async thunks 2

  • رد و برآورده شود Reject and fulfill

  • باز کردن Unwrap

پروژه تمرین: اخبار روز. Practice project: Daily News.

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

  • سربرگ و طرح Header and layout

  • راه اندازی Redux Setting up Redux

  • سرور JSON JSON server

  • واکشی پست های خانه Fetching home posts

  • نمایش پست های خانه Showing home posts

  • در حال بارگیری پست های بیشتر Loading more posts

  • ارسال با آیدی Post by ID

  • خبرنامه قسمت 1 Newsletter part 1

  • خبرنامه قسمت 2 Newsletter part 2

  • پاکسازی Clearing

تشکیل می دهد Forms

  • مقدمه Intro

  • فورمیک-شروع Formik-Starting

  • Formik-Validation Formik-Validation

  • فرمیک-یوپ Formik-Yup

  • فورمیک هوکس Formik-Hooks

  • Formik-Components Formik-Components

  • زمینه های Formik-Custom Formik-Custom fields

لمس های نهایی Final touches

  • فرم تماس با اخبار روزانه Daily news contact form

  • فرم تماس با اخبار روز 2 Daily news contact form 2

  • Usereducer Usereducer

Node JS Node JS

  • NODE چیست؟ What is NODE ?

  • REPL REPL

  • مسدود کردن یا غیر مسدود کردن Blocking or Non-Blocking

  • موضوعات، حلقه رویداد، پشته تماس، صف Threads, Event Loop, Call stack, Queue

  • افکار نهایی Final thoughts

وب سرور Web Server

  • ایجاد یک وب سرور NODE Creating a NODE web server

  • ارسال پاسخ Sending a response

  • ایجاد مسیرها Creating routes

  • ایجاد سرور با Express Creating a server with Express

  • ارسال کردن Posting

  • پرس و جو رشته ها و پارامترها Query Strings and Params

  • میان افزار 1 Middleware 1

  • میان افزار 2 Middleware 2

  • ارسال کردن Posting

  • Express + React Express + React

پایگاه داده Database

  • مقدمه Intro

  • مقدمه Intro

  • ایجاد پایگاه داده Creating a Database

  • راننده مونگو The Mongo Driver

  • مدل و طرحواره Model and Schema

  • ارسال کردن Posting

  • گرفتن Getting

  • در حال حذف Deleting

  • در حال بروز رسانی Updating

احراز هویت Authentication

  • پستچی Postman

  • ایجاد پیش پروژه Creating the preoject

  • ثبت نام کاربر Register a User

  • هش کردن پسوردها Hashing passwords

  • ورود کاربر Login user

  • روش های مدل سازی Model methods

  • JWT ها JWT's

  • تولید توکن Generating tokens

  • رمز را تأیید کنید Verify token

  • میان افزار Middleware

پروژه تمرین نهایی: Flickbase Final Practice project: Flickbase

  • این را بخوان !! Read this !!

  • SRV: مقدمه SRV: Intro

  • SRV: تاسیسات SRV: Installations

  • SRV: راه اندازی سرور SRV: Starting the server

  • SRV: ایجاد مدل ها SRV: Creating the models

  • SRV: مسیرها، کنترلرها، خدمات SRV: Routes, Controllers, Services

  • SRV: ثبت نام کاربران SRV: Register users

  • SRV: ثبت نام کاربران 2 SRV: Register users 2

  • SRV: ورود کاربران SRV: Sign in users

  • SRV: خطای API SRV: API error

  • SRV: پاسپورت SRV: Passport

  • SRV: میان افزار IsAuth SRV: IsAuth middleware

  • SRV: ایجاد نقش SRV: Creating roles

  • SRV: مشخصات کاربر را دریافت کنید SRV: Get user profile

  • SRV: پروفایل کاربر را به روز کنید SRV: Update user profile

  • SRV: ایمیل کاربر را به روز کنید SRV: Update user email

  • SRV: ایجاد قالب ایمیل SRV: Creating email template

  • SRV: استفاده از سرویس ایمیل SRV: Using the email service

  • SRV: تأیید حساب SRV: Verify account

  • SRV: فایل های مسیر مقاله SRV: The article route files

  • SRV: افزودن مقالات SRV: Adding articles

  • SRV: اعتبار سنجی اضافی SRV: Extra validation

  • SRV: مقاله را با شناسه دریافت کنید SRV: Get article by ID

  • SRV: مقاله را وصله و حذف کنید SRV: Patch and delete article

  • SRV: همه را دریافت کنید و موارد بیشتری را بارگیری کنید SRV: Get all and load more

  • SRV: صفحه مدیریت SRV: Admin paginate

  • شروع با REACT Starting with REACT

  • روتر و هدر Router and header

  • کشوی کناری Side drawer

  • چیدمان اصلی Main Layout

  • راه اندازی redux Setting up redux

  • ایجاد فرم ورود Creating the Login form

  • ثبت نام کنید، thunks وارد شوید Register, sign in thunks

  • اطلاعیه Notifications

  • نان تست Toasts

  • ورود خودکار Auto sign in

  • خروج از سیستم Sign out

  • نگهبانان مسیر Route guards

  • طرح ادمین Admin layout

  • طرح ادمین 2 Admin layout 2

  • افزودن فرم مقاله Add article form

  • فرم مقاله 2 را اضافه کنید Add article form 2

  • درام WYSIWYG WYSIWYG Drama

  • ایجاد WYSIWYG Creating the WYSIWYG

  • ایجاد WYSIWYG 2 Creating the WYSIWYG 2

  • ارسال مقاله Posting article

  • ویرایش مقاله Edit article

  • ویرایش مقاله 2 Edit article 2

  • صفحه مدیریت Admin paginate

  • صفحه مدیریت 2 Admin paginate 2

  • صفحه مدیریت 3 Admin paginate 3

  • تغییر وضعیت مقاله Article status change

  • حذف مقالات Removing articles

  • بروزرسانی پروفایل Update profile

  • ایمیل را به روز کنید Update email

  • به روز رسانی ایمیل 2 Update email 2

  • مقالات خانگی Home articles

  • کارت های خانه Home Cards

  • نمای مقاله Article view

  • نمای مقاله 2 Article view 2

  • تأیید حساب Account verify

  • در حال استقرار Deploying

Flickbase اختیاری است Flickbase Optional

  • SRV: ایجاد دسته بندی SRV: Creating categories

  • SRV: رفع یافته ها و aggQuery SRV: Fixing finds and aggQuery

  • دسته در افزودن/ویرایش Category on Add/Edit

  • صفحه دسته ها Categories page

  • ارسال دسته بندی ها Posting Categories

مقدمه [ LEGACY REACT 17] Introduction [ LEGACY REACT 17]

  • مقدمه Intro

  • نصب Node JS Installing Node JS

  • IDE IDE

  • IDE IDE

اصول اولیه React [ LEGACY REACT 17] React basics [ LEGACY REACT 17]

  • دیگ بخار The boilerplate

  • بسته نرم افزاری The bundle

  • از زمین به بالا From the ground up

  • پشت صحنه Behind the scenes

  • ساختار پروژه Project structure

  • انواع قطعات Types of components

  • اضافه کردن مقداری سبک Adding some style

  • مناسبت ها Events

  • مناسبت ها Events

  • حالت State

  • حالت State

  • لوازم قسمت اول Props part one

  • لوازم قسمت دوم Props part two

  • لوازم قسمت سوم Props part three

  • بچه ها واکنش نشان دهید React children

  • بچه ها واکنش نشان دهید React children

  • بیشتر در مورد استایل More on styling

  • فیلتر کردن اخبار Filtering the news

  • چرخه های زندگی Lifecycles

  • چرخه های زندگی قسمت 2 Lifecycles part 2

  • معرفی قلاب‌های React React hooks intro

  • قلاب UseState UseState hook

  • قلاب UseState قسمت 2 UseState hook part 2

  • UseEffect UseEffect

  • استفاده از Callback UseCallback

  • UserRef UseRef

  • Context API قسمت اول Context API part one

  • Context API قسمت دوم Context API part two

تمرین کوچک - چه کسی صورتحساب را پرداخت می کند؟ [ LEGACY REACT 17] Tiny practice - Who pays the bill ? [ LEGACY REACT 17]

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

  • زمینه و css The context and css

  • مرجع و اعتبار سنجی Ref and validation

  • اضافه کردن بازیکنان به لیست Adding players to the list

  • نمایش لیست بازیکنان Showing the list of players

  • Next و Toastify Next and Toastify

  • شل شدن Getting the looser

روتر React [ LEGACY REACT 17] React router [ LEGACY REACT 17]

  • معرفی Introduction

  • روند مسیر The route process

  • فایل مسیر اصلی The main route file

  • راه اندازی مسیرها Setting up routes

  • ربط دادن Linking

  • چیدمان بهتر A better layout

  • پارامترها Params

  • اطلاعات بیشتر در مورد روتر واکنش More on react router

  • سوئیچ روتر React React router switch

  • تغییر مسیرها Redirections

  • هندلینگ 404 Handling 404

قسمت 2 اصول اولیه React [ LEGACY REACT 17] React basics part 2 [ LEGACY REACT 17]

  • معرفی Introduction

  • اجزای خالص Pure components

  • عناصر مجاور Adjacent elements

  • HOC قسمت 1 HOC part 1

  • HOC قسمت 2 HOC part 2

  • انتقال ها Transitions

  • انتقال بخش 2 Transitions part 2

  • انتقال CSS CSS transitions

  • گروه انتقال Transitions group

  • تذکرات ارجمند Honorable mentions

Redux [ LEGACY REACT 17] Redux [ LEGACY REACT 17]

  • معرفی Introduction

  • برقراری ارتباط Connecting

  • سازندگان و کاهش دهنده های اکشن Action creators and reducers

  • کاهنده ها را ترکیب کنید Combine reducers

  • ایجاد یک کاهنده معتبر Creating a valid reducer

  • ابزارهای توسعه Redux Redux devtools

  • اقدامات اعزامی Dispatching actions

  • نقشه وضعیت به غرفه Map state to props

  • قلاب های Redux Redux hooks

  • انواع Types

  • درخواست ها Making requests

تمرین کوچک - اخبار روزانه [ LEGACY REACT 17] Tiny practice - The Daily News [ LEGACY REACT 17]

  • نصب و روتر Installation and router

  • راه اندازی Redux Setting up Redux

  • سربرگ و طرح اصلی Header and main layout

  • سرور Api با سرور json Api Server with json server

  • واکشی پست های خانه Fetching home posts

  • واکشی پست های خانه قسمت 2 Fetching home posts part 2

  • سنگ تراشی خانه Home masonry

  • ایجاد خبرنامه افزودن Creating the add newsletter

  • پایان خبرنامه Finishing newsletter

  • تعمیر خبرنامه و ایجاد صفحه پست Newsletter fix and creating post page

  • پست پاکسازی و 404 Post cleanup and 404

فرم ها [ LEGACY REACT 17] Forms [ LEGACY REACT 17]

  • فورمیک - شروع کردن Formik - Starting

  • فرمیک - اعتبار سنجی Formik - Validating

  • Formik - با استفاده از Yup Formik - Using Yup

  • فورمیک - قلاب Formik - Hooks

  • Formik - اجزای سفارشی Formik - Custom components

  • Formik - زمینه های سفارشی Formik - Custom fields

  • سفارشی - ایجاد حالت و ورودی Custom - Creating the state and input

  • سفارشی - به روز رسانی فرم داده ها Custom - Updating formdata

  • سفارشی - اعتبارسنجی Custom - Validations

  • سفارشی - ارسال فرم Custom - Submit form

  • سفارشی - انتخاب و textarea Custom - Select and textarea

لمس نهایی [ LEGACY REACT 17] Final touches [ LEGACY REACT 17]

  • افزودن فرم تماس به اخبار روزانه Adding a contact form to daily news

  • اخبار روزانه، ذخیره پیام. Daily news, storing the message.

  • UserReducer The userReducer

اصول گره [ LEGACY REACT 17] Node basics [ LEGACY REACT 17]

  • گره چیست What node is

  • با استفاده از REPL Using the REPL

  • مسدود کردن و غیر مسدود کردن Blocking and non-blocking

  • موضوعات، حلقه رویداد، پشته تماس و صف وظایف Threads,Event Loop, Call stack and task queue

  • افکار نهایی Final thoughts

وب سرور [ LEGACY REACT 17] Web server [ LEGACY REACT 17]

  • ایجاد سرور گره Creating a node server

  • ارسال پاسخ ها Sending responses

  • ایجاد مسیرها Creating routes

  • ایجاد مسیرها Creating routes

  • اکسپرس - ایجاد سرور Express - creating server

  • Express - پارامترها و querystrings Express - Params and querystrings

  • Express - Middleware قسمت اول Express - Middleware part one

  • Express - Middleware قسمت دوم Express - Middleware part two

  • Express - تجزیه کننده بدن Express - Body parser

  • بیان و واکنش نشان دهید Express and React

پایگاه های داده [ LEGACY REACT 17] Databases [ LEGACY REACT 17]

  • معرفی Introduction

  • معرفی Introduction

  • ایجاد یک خوشه Creating a cluster

  • برقراری ارتباط Connecting

  • برقراری ارتباط Connecting

  • افزودن داده به DB Adding data to the DB

  • ایجاد مدل و طرحواره Creating a model and schema

  • پست مونگوس Mongoose POST

  • Mongoose GET Mongoose GET

  • Mongoose REMOVE Mongoose REMOVE

  • مونگوس به روز رسانی Mongoose UPDATE

احراز هویت [ LEGACY REACT 17] Authentication [ LEGACY REACT 17]

  • با استفاده از پستچی Using postman

  • ایجاد یک پروژه Creating a project

  • ثبت نام کاربر (بدون هش) Register a user (no-hash)

  • هش کردن پسوردها Hashing passwords

  • ورود کاربران Sign in users

  • JWT قسمت اول JWT part one

  • JWT قسمت دوم JWT part two

  • JWT قسمت سوم JWT part three

  • میان افزار Auth Auth middleware

  • استقرار بخش یک Deploying part one

  • استقرار قسمت دوم Deploying part two

پروژه تمرین نهایی [ LEGACY REACT 17] Final practice project [ LEGACY REACT 17]

  • سرور: تاسیسات SERVER: Installations

  • SERVER: سرور راه اندازی و اتصال به DB SERVER: Init server and connecting to DB

  • SERVER: ایجاد مدل کاربر SERVER: Creating the user model

  • سرور: ایجاد فایل مسیرها SERVER: Creating the routes file

  • سرور: هش کردن و چک کردن ایمیل SERVER: Hashing and checking email

  • سرور: ثبت نام کاربر SERVER: Register user

  • SERVER: کاربر وارد سیستم شوید SERVER: Sign in user

  • سرور: توکن ها را تایید می کند SERVER: Validating tokens

  • سرور: ایجاد نقش SERVER: Creating roles

  • سرور: تست نقش ها SERVER: Testing roles

  • سرور: در حال به روز رسانی نمایه SERVER: Updating profile

  • سرور: ایمیل در حال به روز رسانی SERVER: Updating email

  • سرور: مدل مقالات SERVER: Articles model

  • سرور: ارسال مقاله SERVER: Posting article

  • سرور: وصله، حذف، دریافت مقاله با شناسه SERVER: Patch, delete, get article by ID

  • سرور: با شناسه پیدا کنید SERVER: Find by ID

  • سرور: بیشتر بارگیری کنید SERVER: Load more

  • سرور: مسیر صفحه بندی SERVER: Pagination route

  • شروع با REACT Starting with REACT

  • شروع با REACT Starting with REACT

  • ایجاد فروشگاه Creating a store

  • سربرگ و ساید کش Header and sidedrawer

  • دراور تکمیلی Finishing sidedrawer

  • ساخت خودروهای خانگی Creating the home cars

  • دریافت مقالات از loadmore قسمت اول Getting articles from loadmore part one

  • دریافت مقالات از loadmore قسمت دوم Getting articles from loadmore part two

  • نمایش اعلان ها قسمت اول Showing notifications part one

  • نمایش اعلان ها قسمت دوم Showing notifications part two

  • ایجاد فرم ورود به سیستم Creating the login-register form

  • ثبت نام کاربران Register users

  • ورود کاربران Sign in users

  • ورود کاربران Sign in users

  • ورود خودکار کاربران Auto sign in users

  • ایجاد لودر Creating a loader

  • خروج کاربران Logout users

  • طرح ادمین Admin layout

  • تغییر چیدمان ها Changing layouts

  • نگهبان مسیرها Routes guard

  • محافظت از پیوندهای ناو Guarding nav links

  • رفع فوری ورود و خروج از سیستم Hotfix for the sign in and sign out

  • ایجاد بخش مقاله Creating the article section

  • نمایش داده های مقاله Showing article data

  • پاک کردن مقالات Clearing articles

  • اضافه کردن مقاله قسمت اول Add article part one

  • اضافه کردن مقاله قسمت دوم Add article part two

  • استفاده از آرایه میدانی با بازیگران Using field array with actors

  • ایجاد ویرایشگر WYSIWYG Creating the WYSIWYG editor

  • اتمام WYSIWYG Finishing WYSIWYG

  • ارسال مقاله Posting article

  • صفحه بندی امین قسمت اول Amin pagination part one

  • صفحه بندی امین قسمت دوم Amin pagination part two

  • صفحه بندی امین قسمت سوم Amin pagination part three

  • تغییر وضعیت مقاله Changing article status

  • حذف مقالات قسمت اول Removing articles part one

  • حذف مقالات قسمت دوم Removing articles part two

  • ویرایش مقالات قسمت اول Editing articles part one

  • ویرایش مقالات قسمت دوم Editing articles part two

  • ایمیل مرحله اول قسمت اول Email stepper part one

  • مرحله دوم ایمیل Email stepper part two

  • ایمیل مرحله سوم قسمت سوم Email stepper part three

  • به روز رسانی پروفایل کاربری Updating user profile

  • در حال استقرار Deploying

تمدید پروژه نهایی [ LEGACY REACT 17] Extending the final project [ LEGACY REACT 17]

  • فرم تماس Contact form

  • در حال اعزام مخاطب Dispatching contact

  • ایجاد سرویس ایمیل Creating the email service

  • تست سرویس ایمیل Testing the email service

  • تایید کاربران از طریق ایمیل Verifying users trough email

  • تأیید، ایجاد قسمت جلویی Verify, creating the front end

  • تأیید حساب را تمام کنید Finish verify account

  • ایجاد دسته ها - سرور Creating categories - server

  • ایجاد طرح بندی دسته ها Creating the categories layout

  • دسته بندی به Redux Categories to Redux

  • رفع دسته اضافه مقاله Fixing the add article category

  • رفع دسته ویرایش مقالات Fixing the edit articles category

  • مولفه های با مرتبه بالا 2 Hight order components 2

  • ایجاد جستجوی مشتری - سرور Creating client search - server

  • ایجاد جستجوی مشتری - بخش 1 مشتری Creating client search - client part 1

  • ایجاد جستجوی مشتری - بخش 2 مشتری Creating client search - client part 2

  • ایجاد جستجوی مدیریت - سرور Creating the admin search - server

  • ایجاد جستجوی مدیریت - بخش 1 مشتری Creating the admin search - client part 1

  • ایجاد جستجوی مدیریت - بخش 2 مشتری Creating the admin search - client part 2

  • آپلود فایل ها در سرور - قسمت 1 Uploading files to the server - part 1

  • آپلود فایل ها در سرور - قسمت 2 Uploading files to the server - part 2

  • آپلود فایل ها در یک سرویس Uploading files to a service

جایزه: دوره ES6 BONUS: ES6 Course

  • مقدمه ای بر ES6 Introduction to ES6

  • CONST و LET CONST and LET

  • CONST و LET: استفاده از scope CONST and LET: Using scope

  • CONST و LET: مثال زندگی واقعی CONST and LET: Real life example

  • CONST و LET: تمرین یک CONST and LET: Exercise one

  • CONST و LET: تمرین یک - راه حل CONST and LET: Exercise one - solution

  • CONST و LET: تمرین دو CONST and LET: Exercise two

  • CONST و LET: تمرین دو - راه حل CONST and LET: Exercise two - solution

  • رشته های الگو Template strings

  • رشته های الگو 2 Template strings 2

  • رشته های الگو 3 Template strings 3

  • رشته های الگو 4 Template strings 4

  • رشته های الگو: تمرین یک Template strings: Exercise one

  • رشته های الگو: تمرین یک - راه حل Template strings: Exercise one - solution

  • رشته های الگو: تمرین دو Template strings: Exercise two

  • رشته های الگو: تمرین دو - راه حل Template strings: Exercise two - solution

  • برای هر Foreach

  • Foreach 2 Foreach 2

  • Foreach 3 Foreach 3

  • Foreach: ورزش کنید Foreach: Exercise

  • Foreach: تمرین - راه حل Foreach: Exercise - solution

  • نقشه Map

  • نقشه 2 Map 2

  • نقشه: تمرین یک Map: Exercise one

  • نقشه: تمرین یک - راه حل Map: Exercise one - solution

  • نقشه: تمرین دو Map: Exercise two

  • نقشه: تمرین دو – راه حل Map: Exercise two - solution

  • فیلتر کنید Filter

  • فیلتر 2 Filter 2

  • فیلتر: تمرین یک Filter: Exercise one

  • فیلتر: تمرین یک - راه حل Filter: Exercise one - solution

  • فیلتر: تمرین دو Filter: Exercise two

  • فیلتر: تمرین دو - راه حل Filter: Exercise two - solution

  • پیدا کردن Find

  • 2 را پیدا کنید Find 2

  • هر & برخی Every & some

  • هر و بعضی 2 Every & some 2

  • كاهش دادن Reduce

  • کاهش 2 Reduce 2

  • کاهش: یک ورزش کنید Reduce: Exercise one

  • کاهش: ورزش یک - راه حل Reduce: Exercise one - solution

  • کاهش: ورزش دو Reduce: Exercise two

  • کاهش: تمرین دو - راه حل Reduce: Exercise two - solution

  • برای .... از For....of

  • توابع پیکان چربی Fat arrow functions

  • توابع پیکان چربی 2 Fat arrow functions 2

  • توابع فلش چربی: ورزش کنید Fat arrow functions: Exercise

  • توابع فلش چربی: راه حل تمرین Fat arrow functions: Exercise solution

  • حروف عینی Object literals

  • حروف مفعول 2 Object literals 2

  • لفظ مفعول: ورزش Object literals: Exercise

  • لفظ مفعول: تمرین - راه حل Object literals: Exercise - solution

  • آرگومان های تابع پیش فرض Default function arguments

  • آرگومان های تابع پیش فرض - تمرین Default function arguments - exercise

  • آرگومان های تابع پیش فرض: تمرین - راه حل Default function arguments: Exercise - solution

  • اپراتور استراحت Rest operator

  • اپراتور پخش Spread operator

  • استراحت و گسترش: یک ورزش کنید Rest and Spread: Exercise one

  • استراحت و پخش: ورزش دو Rest and Spread: Exercise two

  • استراحت و پخش: تمرین دو - محلول Rest and Spread: Exercise two - solution

  • کلاس ها Classes

  • کلاس های 3 Classes 3

  • کلاس های 4 Classes 4

  • در حال تخریب Destructuring

  • تخریب ساختار 2 Destructuring 2

  • تخریب ساختار 3 Destructuring 3

  • تخریب ساختار 4 Destructuring 4

  • قول می دهد و می آورد Promises and fetch

  • وعده و واکشی 2 Promises and fetch 2

  • وعده و واکشی 3 Promises and fetch 3

  • وعده و واکشی 4 Promises and fetch 4

  • رشته ها و اعداد Strings and numbers

  • رشته ها و اعداد 2 Strings and numbers 2

  • ماژول ها Modules

  • ماژول 2 Modules 2

  • ماژول 3 Modules 3

  • ژنراتورها Generators

  • ژنراتورها 2 Generators 2

  • ژنراتورها 3 Generators 3

  • ژنراتورها 4 Generators 4

  • ژنراتور 5 Generators 5

  • مجموعه های تکرار شونده Iterating sets

  • نقشه تکراری Iterating map

نمایش نظرات

آموزش دوره کامل React 18 Fullstack (نسخه 2022)
جزییات دوره
86 hours
472
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
7,173
4.6 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Coding Revolution Coding Revolution

مربی حرفه ای و توسعه دهنده وب. من مدت ها پیش شروع به بروز تب اینترنت کردم. من با ایجاد برنامه نویسی برای ایجاد وب سایت هایی برای پروژه های شخصی خودم شروع کردم اما بعد از مدتی مردم برای ایجاد وب سایت های خود با من تماس گرفتند ، خنده دار نحوه کار همه چیز بیرون من با فناوری هایی مانند PHP ، Wordpress ، Laravel ، NodeJS ، Phyton و بسیاری از زبانهای دیگر کار کردم ، اما امروز دوست دارم با فناوری مبتنی بر JavaScript مانند React ، Angular یا VueJS کار کنم. بله من عاشق جاوا اسکریپت هستم :) برنامه های زیادی برای شرکت های بسیار کوچک و برنامه های بسیار عظیم مانند Citi ، Fox ، Disney ، Roche و بسیاری دیگر بسازید. اما علاوه بر پیشرفت ، دوست دارم با آموزش آنچه دوست دارم ، با مردم تعامل داشته باشم.