آموزش توسعه دهنده وب React JS را با ES6 - ساخت 10 پروژه کامل کنید

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

معرفی Reactjs Reactjs Introduction

• معرفی دوره Introduction to the course

• معرفی دوره Introduction to the course

• طرز فکر یادگیری reactjs Mindset to learn reactjs

• طرز فکر یادگیری reactjs Mindset to learn reactjs

• اولین Hello World مجازی ما در reactjs Our first virtual Hello World in reactjs

• تنظیم Reactjs در محیط محلی Setting Reactjs in local environment

• تنظیم Reactjs در محیط محلی Setting Reactjs in local environment

معرفی Reactjs Reactjs Introduction

• اولین Hello World مجازی ما در reactjs Our first virtual Hello World in reactjs

دریافت اصول اولیه Reactjs Getting the basics of Reactjs right

• آنچه در بخش 2 انجام خواهیم داد - مقدمه What we will do in section 2 - Intro

• مخزن Github برای دوره React اینجا است Github repo for React course is here

• مخزن Github برای دوره React اینجا است Github repo for React course is here

• تمام کدهای دوره و فایل های تمرین را از اینجا دریافت کنید Get all course codes and exercise files here

• تمام کدهای دوره و فایل های تمرین را از اینجا دریافت کنید Get all course codes and exercise files here

• آشنایی با برنامه reactjs Understanding reactjs App

• ایجاد اولین کامپوننت واکنش ما Creating our first react component

• ایجاد اولین کامپوننت واکنش ما Creating our first react component

• وارد کردن کامپوننت ها از فایل های دیگر Importing components from other files

• فراخوانی توابع در کامپوننت ها Calling functions in components

• فراخوانی توابع در کامپوننت ها Calling functions in components

• DOM مجازی در reactjs Virtual DOM in reactjs

دریافت اصول اولیه Reactjs Getting the basics of Reactjs right

• آنچه در بخش 2 انجام خواهیم داد - مقدمه What we will do in section 2 - Intro

• آشنایی با برنامه reactjs Understanding reactjs App

• وارد کردن کامپوننت ها از فایل های دیگر Importing components from other files

• DOM مجازی در reactjs Virtual DOM in reactjs

Props، حالت و چرخه زندگی اجزا در reactjs Props, state and component life cycle in reactjs

• آنچه در بخش 3 انجام خواهیم داد - مقدمه What we will do in section 3 - Intro

• Props در reactjs Props in reactjs

• انواع props در react js props types in react js

• انواع props در react js props types in react js

• حالت ها در react js States in react js

• حالت ها در react js States in react js

• چرخه عمر اجزاء قسمت 1 Components life cycle part 1

• چرخه عمر اجزاء قسمت 1 Components life cycle part 1

• چرخه عمر اجزاء قسمت 2 Components life cycle part 2

• پروژه 1 - برنامه react را به صورت دستی ایجاد کنید و آن را درک کنید Project 1 - Create react app manually and understanding it

Props، حالت و چرخه زندگی اجزا در reactjs Props, state and component life cycle in reactjs

• آنچه در بخش 3 انجام خواهیم داد - مقدمه What we will do in section 3 - Intro

• Props در reactjs Props in reactjs

• چرخه عمر اجزاء قسمت 2 Components life cycle part 2

• پروژه 1 - برنامه react را به صورت دستی ایجاد کنید و آن را درک کنید Project 1 - Create react app manually and understanding it

3 پروژه ها و روترها در react JS 3 Projects and routers in react JS

• آنچه در بخش 4 انجام خواهیم داد - مقدمه What we will do in section 4 - Intro

• اولین برنامه وبلاگ - ساختار تنظیم First Blog App - setting structure

• اولین برنامه وبلاگ - تجزیه اجزا First blog App - breaking down components

• برنامه تایمر قسمت 1 در react js Timer App part 1 in react js

• برنامه تایمر قسمت 2 در reactjs Timer App part 2 in reactjs

• برنامه فروش دوره - قسمت 1 - راه اندازی Course sales app - part 1 - setup

• برنامه فروش دوره - قسمت 1 - راه اندازی Course sales app - part 1 - setup

• برنامه فروش دوره - قسمت 2 - دریافت دوره ها Course sales App - part 2 - getting courses

• برنامه فروش دوره - قسمت سوم - منطق انتخاب رشته Course sales App - part 3 - logic for selecting courses

• به روز رسانی - روتر React 4.x.x از آن عبور می کند UPDATE - React router 4.x.x walk through

• بیایس روتر React React router baiscs

• بیایس روتر React React router baiscs

• ایجاد اولین مسیر و لینک Creating first route and link

• مسیر در داخل یک مسیر Route inside a route

3 پروژه ها و روترها در react JS 3 Projects and routers in react JS

• آنچه در بخش 4 انجام خواهیم داد - مقدمه What we will do in section 4 - Intro

• اولین برنامه وبلاگ - ساختار تنظیم First Blog App - setting structure

• اولین برنامه وبلاگ - تجزیه اجزا First blog App - breaking down components

• برنامه تایمر قسمت 1 در react js Timer App part 1 in react js

• برنامه تایمر قسمت 2 در reactjs Timer App part 2 in reactjs

• برنامه فروش دوره - قسمت 2 - دریافت دوره ها Course sales App - part 2 - getting courses

• برنامه فروش دوره - قسمت سوم - منطق انتخاب رشته Course sales App - part 3 - logic for selecting courses

• به روز رسانی - روتر React 4.x.x از آن عبور می کند UPDATE - React router 4.x.x walk through

• ایجاد اولین مسیر و لینک Creating first route and link

• مسیر در داخل یک مسیر Route inside a route

3 پروژه - Firebase با React js 3 projects - Firebase with React js

• آنچه در بخش 5 انجام خواهیم داد - مقدمه What we will do in section 5 - Intro

• برنامه Usurvey - راه اندازی firebase Usurvey App -setting up firebase

• تنظیم فرم ورودی برای پرسیدن نام Setting input form to ask name

• تنظیم if else شرط setting if else condition

• تنظیم if else شرط setting if else condition

• نمایش سوالات برای دانش آموزان displaying questions for students

• رسیدگی به سوالات با دولت handling questions with state

• ذخیره کردن همه چیز در firebase و اتمام آن saving everything to firebase and finish it

• برنامه ورود به سیستم Firebase - تنظیم ساختار برنامه Firebase Login App - Setting app structure

• برنامه ورود Firebase - تنظیم تماس های ورود به سیستم Firebase Login App - Setting up login calls

• برنامه ورود Firebase - راه اندازی تماس های ثبت نام Firebase Login App - Setting up signup calls

• برنامه ورود Firebase - کاربر را از سیستم خارج کنید Firebase Login App - logout the user

• ورود به سیستم Google - دکمه تنظیم Google Sign In - setting up button

• ورود به سیستم Google - دکمه تنظیم Google Sign In - setting up button

• ورود به سیستم Google - با پنجره بازشو وارد شوید Google Sign In - sign in with popup

3 پروژه - Firebase با React js 3 projects - Firebase with React js

• آنچه در بخش 5 انجام خواهیم داد - مقدمه What we will do in section 5 - Intro

• برنامه Usurvey - راه اندازی firebase Usurvey App -setting up firebase

• تنظیم فرم ورودی برای پرسیدن نام Setting input form to ask name

• نمایش سوالات برای دانش آموزان displaying questions for students

• رسیدگی به سوالات با دولت handling questions with state

• ذخیره کردن همه چیز در firebase و اتمام آن saving everything to firebase and finish it

• برنامه ورود به سیستم Firebase - تنظیم ساختار برنامه Firebase Login App - Setting app structure

• برنامه ورود Firebase - تنظیم تماس های ورود به سیستم Firebase Login App - Setting up login calls

• برنامه ورود Firebase - راه اندازی تماس های ثبت نام Firebase Login App - Setting up signup calls

• برنامه ورود Firebase - کاربر را از سیستم خارج کنید Firebase Login App - logout the user

• ورود به سیستم Google - با پنجره بازشو وارد شوید Google Sign In - sign in with popup

3 پروژه با Auth0، Reddit API و github API 3 projects with Auth0, Reddit API and github API

• آنچه در بخش 6- مقدمه انجام خواهیم داد What we will do in section 6- Intro

• آنچه در بخش 6- مقدمه انجام خواهیم داد What we will do in section 6- Intro

• اصول API - راه اندازی پروژه API basics - setting up project

• اصول API - راه اندازی پروژه API basics - setting up project

• اصول API - دریافت اعتبار فرعی از JSON API basics - getting subredit from JSON

• اصول API - دریافت اعتبار فرعی از JSON API basics - getting subredit from JSON

• جستجوگر Github - تنظیم هدرها Github searcher - setting headers

• جستجوگر Github - تنظیم هدرها Github searcher - setting headers

• جستجوگر Github - نمایش پنجره های ورود و ثبت نام Github Searcher - showing login and signup popups

• تنظیم نشانه و نمایه کاربر setting user token and profile

• تنظیم نشانه و نمایه کاربر setting user token and profile

• انتقال اجزا به سربرگ برای خروج passing components to header for logout

• خروج از سیستم اعمال شد و حافظه محلی پاک شد logout applied and clearing local storage

• واکشی Github API با Fetch fetching Github API with Fetch

• واکشی Github API با Fetch fetching Github API with Fetch

• مدیریت جستجو از github Handling search from github

• نمایش مشخصات کاربران showing profiles of users

• تنظیم محیط برای ES6 Setting Environment for ES6

• تنظیم محیط برای ES6 Setting Environment for ES6

3 پروژه با Auth0، Reddit API و github API 3 projects with Auth0, Reddit API and github API

• جستجوگر Github - نمایش پنجره های ورود و ثبت نام Github Searcher - showing login and signup popups

• انتقال اجزا به سربرگ برای خروج passing components to header for logout

• خروج از سیستم اعمال شد و حافظه محلی پاک شد logout applied and clearing local storage

• مدیریت جستجو از github Handling search from github

• نمایش مشخصات کاربران showing profiles of users

اختیاری - ES6 Bootcamp OPTIONAL - ES6 Bootcamp

• کلمه کلیدی Let and const را با احتیاط انجام دهید Let and const keyword with caution

• عملکردهای فلش در ES6 arrow functions in ES6

• این کلمه کلیدی اکنون ثابت شده است THIS keyword is now fixed

• این کلمه کلیدی اکنون ثابت شده است THIS keyword is now fixed

• بالا بردن کد و پارامترهای پیش فرض Code Hoisting and default parameters

• ایجاد شیء پویا Dynamic Object creation

• برای حلقه - بهترین از همه For of loop - Best of all

• برای حلقه - بهترین از همه For of loop - Best of all

• نقطه های فوق العاده در ES6 Super dots in ES6

• نقطه های فوق العاده در ES6 Super dots in ES6

• راه اندازی و واردات صادرات Setup and import exports

اختیاری - ES6 Bootcamp OPTIONAL - ES6 Bootcamp

• کلمه کلیدی Let and const را با احتیاط انجام دهید Let and const keyword with caution

• عملکردهای فلش در ES6 arrow functions in ES6

• بالا بردن کد و پارامترهای پیش فرض Code Hoisting and default parameters

• ایجاد شیء پویا Dynamic Object creation

• راه اندازی و واردات صادرات Setup and import exports

اختیاری - ES6 Bootcamp فراتر از اصول اولیه OPTIONAL - ES6 Bootcamp Beyond basics

• صادرات توابع exporting functions

• وارد کردن همه چیز از فایل ها importing everything from files

• وارد کردن همه چیز از فایل ها importing everything from files

• MAPS - راهنمای کامل MAPS - complete guide

• مجموعه در ES6 - دنیای مارول SET in ES6 - marvel universe

• مجموعه در ES6 - دنیای مارول SET in ES6 - marvel universe

• تابع استاتیک و گیرنده و تنظیم کننده در ES6 Static function and getters and setters in ES6

• تابع استاتیک و گیرنده و تنظیم کننده در ES6 Static function and getters and setters in ES6

• نمادها در ES6 Symbols in ES6

• کلاس ها در ES6 Classes in ES6

• مقدمه ای بر وعده ها در ES6 Introduction to promises in ES6

• مقدمه ای بر وعده ها در ES6 Introduction to promises in ES6

• درخواست وب با استفاده از وعده ها Web request using promises

اختیاری - ES6 Bootcamp فراتر از اصول اولیه OPTIONAL - ES6 Bootcamp Beyond basics

• صادرات توابع exporting functions

• MAPS - راهنمای کامل MAPS - complete guide

• نمادها در ES6 Symbols in ES6

• کلاس ها در ES6 Classes in ES6

• درخواست وب با استفاده از وعده ها Web request using promises

دفعه بعد می بینمت - خداحافظ See you next time - Farewell

• بدرود Farewell

• بدرود Farewell

دفعه بعد می بینمت - خداحافظ See you next time - Farewell

پس از راه اندازی به روز رسانی After launch updates

• پروژه 11 - برنامه کامل واکشی ویدیوی یوتیوب Project 11 - Complete youtube video fetching app

• پروژه 11 - برنامه کامل واکشی ویدیوی یوتیوب Project 11 - Complete youtube video fetching app

• Redux Fundamentals - تا حد امکان آسان است Redux Fundamentals - as easy as possible

• Redux Fundamentals - تا حد امکان آسان است Redux Fundamentals - as easy as possible

پس از راه اندازی به روز رسانی After launch updates