آموزش بوت کمپ توسعه دهندگان وب پیشرفته

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

معرفی دوره Course Introduction

• داستان این دوره The Story Of This Course

• بررسی برنامه درسی Curriculum Walkthrough

• مسیرهای یادگیری Learning Paths

• معرفی تیم Introducing the Team

انیمیشن های CSS: تبدیل ها و انتقال ها CSS Animations: Transforms and Transitions

• بخش مقدمه Section Introduction

• مقدمه ای بر انیمیشن های CSS Introduction To CSS Animations

• چرا انیمیشن ها مهم هستند Why Animations Matter

• مقدمه ای بر شبه کلاس ها Intro To Pseudoclasses

• شبه کلاس ها: شناور Pseudo-Classes: Hover

• اولین آزمون شبه کلاس First Pseudo-Class Quiz

• شبه کلاس ها: تمرکز Pseudo-Classes: Focus

• شبه کلاس ها: فعال Pseudo-Classes: Active

• تمرین شبه کلاسی سریع Quick Pseudoclasses Exercise

• ساخت یک دکمه متحرک Building An Animated Button

• مقدمه ای بر تبدیل Introduction to Transform

• تبدیل: ترجمه Transform: Translate

• Transform:Scale() و Transform-Origin Transform:Scale() and Transform-Origin

• تبدیل: چرخش () Transform: Rotate()

• نکته ای در مورد پیشوندهای فروشنده A Note on Vendor Prefixes

• مبانی انتقال Transitions Basics

• انتقال-دوره و انتقال-ملاک Transition-Duration and Transition-Property

• انتقال-زمان-عملکرد و انتقال-تأخیر Transition-Timing-Function and Transition-Delay

• مخفف انتقالی Transition Shorthand

• عملکرد انیمیشن CSS CSS Animation Performance

• ساخت یک گالری متحرک Building An Animated Gallery

انیمیشن های CSS: فریم های کلیدی CSS Animations: Keyframes

• مقدمه ای بر فریم های کلیدی Introduction to Keyframes

• Codealong: متحرک رنگین کمان چشمک زن Codealong: Animated Rainbow Flashing Text

• سایر ویژگی های انیمیشن CSS Other CSS Animation Properties

• تمرین: انیمیشن طلوع و غروب خورشید Exercise: Rising and Setting Sun Animation

• راه حل تمرین: انیمیشن طلوع و غروب خورشید Exercise SOLUTION : Rising and Setting Sun Animation

• خلاصه نویسی انیمیشن CSS CSS Animation Shorthand

• ساخت یک نماد بارگیری CSS متحرک Building an Animated CSS Loading Icon

CSS پیشرفته: طرح بندی با Flexbox Advanced CSS: Layout With Flexbox

• بخش مقدمه Section Introduction

• مقدمه ای بر فلکس باکس Introduction To Flexbox

• جادوی نمایش: فلکس The Magic of Display: Flex

• اصطلاحات مهم Flexbox Important Flexbox Terminology

• فلکس جهت Flex-Direction

• Flex-Wrap Flex-Wrap

• آزمون Flexbox Flexbox Quiz

• توجیه-محتوا Justify-Content

• تمرین نوار کناری Flexbox Flexbox Sidebar Exercise

• تمرین نوار کناری Flexbox: SOLUTION Flexbox Sidebar Exercise: SOLUTION

• تراز کردن آیتم ها Align-Items

• تراز کردن محتوا Align-Content

• ساخت نوار ناوبری پاسخگو CODEALONG Building A Responsive Navbar CODEALONG

• تراز کردن-خود Align-Self

• سفارش Order

• مبتنی بر انعطاف پذیری flex-basis

• رشد انعطاف پذیر flex-grow

• Flex-Shrink Flex-Shrink

• ساخت ویجت Polygon.com Building a Polygon.com Widget

• تمرین: طرح جام مقدس Exercise: Holy Grail Layout

• تمرین: راه حل طرح جام مقدس Exercise: Holy Grail Layout SOLUTION

• پشتیبانی از مرورگر Flexbox Flexbox Browser Support

پروژه: ساخت یک سایت استارتاپ Project: Building A Startup Site

• معرفی مت Introducing Matt

• بخش مقدمه Section Introduction

• پروژه: مقدمه Project: Introduction

• راه حل پروژه: Nav و Header Project Solution: Nav and Header

• راه حل پروژه: مقاصد و ویژگی ها Project Solution: Destinations and Features

• راه حل پروژه: توصیفات، تماس، و پاورقی Project Solution: Testimonials, Contact, and Footer

• راه حل پروژه: طراحی واکنشگرا Project Solution: Responsive Design

پایه های Async Async Foundations

• معرفی تیم Introducing Tim

• معرفی Introduction

• توابع پاسخ به تماس Callback Functions

• Codealong: forEach Codealong: forEach

• مقدمه تمرین findIndex findIndex Exercise Intro

• پیدا کردن ایندکس findIndex

• راه حل پیدا کردن ایندکس findIndex Solution

• پشته و پشته The Stack And The Heap

• پشته: یک مثال The Stack: An Example

• setTimeout و setInterval setTimeout and setInterval

• تمرین: تابع شمارش معکوس Exercise: countDown Function

• راه حل تمرین شمارش معکوس countDown Exercise Solution

• حلقه رویداد و صف The Event Loop And The Queue

• مسابقه حلقه رویداد Event Loop Quiz

• مبانی وعده Promise Basics

• وعده زنجیر Promise Chaining

AJAX قسمت 1: XHR و Fetch AJAX Part 1: XHR and Fetch

• معرفی AJAX Intro to AJAX

• مشکل JSON و XML چیست؟ What's the deal with JSON and XML?

• انجام اولین درخواست ما با XMLHTTPRequest Making Our First Request with XMLHTTPRequest

• گردش کار AJAX: ساخت برنامه تصویر تصادفی AJAX Workflow: Building The Random Image App

• تمرین قیمت بیت کوین Bitcoin Price Exercise

• راه حل تمرین قیمت بیت کوین Bitcoin Price Exercise Solution

• واکشی مقدمه Fetch Introduction

• واکشی گزینه ها Fetch Options

• واکشی مدیریت خطا Fetch Error Handling

• تمرین نمایه کاربر تصادفی را واکشی کنید Fetch Random User Profile Exercise

• راه حل تمرین نمایه کاربر تصادفی را واکشی کنید Fetch Random User Profile Exercise Solution

• مشکل با Fetch The Problem With Fetch

AJAX قسمت 2: jQuery و Axios AJAX Part 2: jQuery and Axios

• jQuery AJAX مقدمه jQuery AJAX Introduction

• روش jQuery $.ajax jQuery $.ajax Method

• جستجو در سورس کد جی کوئری Digging In The jQuery Sourcecode

• روش های کوتاه نویسی jQuery AJAX jQuery AJAX Shorthand Methods

• تمرین jQuery Random Cats API jQuery Random Cats API Exercise

• jQuery Random Cats Exercise SOLUTION jQuery Random Cats Exercise SOLUTION

• معرفی Axios Axios Intro

• مدیریت خطای Axios Axios Error Handling

• تمرین ران سوانسون Ron Swanson Exercise

• راه حل تمرین ران سوانسون Ron Swanson Exercise Solution

تست با یاس Testing With Jasmine

• معرفی الی Introducing Elie

• بخش مقدمه Section Introduction

• نوشتن تست در مرورگر Writing Tests in the Browser

• نحو و تطبیق یاس Jasmine Syntax and Matchers

• نوشتن تست های بهتر با هوکز Writing Better tests with Hooks

• مسابقه - تطبیق و قلاب یاس Quiz - Jasmine Matchers and Hooks

• جاسوسان Spies

• مسابقه - جاسوسان یاس Quiz - Jasmine Spies

• ساعت ها Clocks

• Jasmine Async Jasmine Async

• TDD و BDD TDD and BDD

• انواع مختلف آزمون Different Types of Tests

روش های آرایه پیشرفته Advanced Array Methods

• بخش مقدمه Section Introduction

• برای هر forEach

• تمرین: forEach Exercise: forEach

• راه حل تمرین: برای هر کدام Exercise SOLUTION: forEach

• نقشه map

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

• راه حل تمرین: نقشه Exercise SOLUTION: Map

• فیلتر کنید Filter

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

• راه حل تمرین: فیلتر کنید Exercise SOLUTION: Filter

• مقداری Some

• هر Every

• ورزش: برخی و هر کدام Exercise: Some and Every

• راه حل تمرین: برخی و هر کدام Exercise SOLUTION: Some and Every

• كاهش دادن Reduce

• کاهش ادامه دارد Reduce Continued

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

• راه حل تمرین: کاهش دهید Exercise SOLUTION: Reduce

• خلاصه روش های آرایه Array Methods Recap

بسته شدن و کلمه کلیدی "این" Closures and the Keyword 'this'

• بخش مقدمه Section Introduction

• مقدمه ای بر تعطیلی ها Introduction to Closures

• استفاده از بسته در طبیعت Using Closures in the Wild

• تمرین: بسته شدن Exercise: Closures

• راه حل تمرین: بسته شدن Exercise SOLUTION: Closures

• جمع بندی بسته ها Closures Recap

• معرفی کلمه کلیدی "این" Introduction to the Keyword 'this'

• "این" با توابع و "استفاده از سخت" 'this' with Functions and "use strict"

• شیء/صحافی ضمنی Object/Implicit Binding

• صحافی صریح Explicit Binding

• زنگ زدن Call

• درخواست دادن Apply

• بستن Bind

• Bind ادامه دارد Bind Continued

• تمرین: فراخوانی، درخواست و اتصال Exercise: Call, Apply, and Bind

• راه حل های تمرین: تماس، درخواست، اتصال Exercise SOLUTIONS: Call, Apply, Bind

• خلاصه کلمه کلیدی و بخش "جدید". The 'new' Keyword and section recap

برنامه نویسی شی گرا با جاوا اسکریپت Object Oriented Programming with JavaScript

• بخش مقدمه Section Introduction

• مقدمه ای بر برنامه نویسی شی گرا با جاوا اسکریپت Introduction to Object Oriented Programming with JavaScript

• کلمه کلیدی "جدید". The 'new' Keyword

• بازسازی با چند سازنده Refactoring with Multiple Constructors

• خلاصه توابع سازنده Constructor Functions Recap

• تمرین: توابع سازنده Exercise: Constructor Functions

• راه حل تمرین: توابع سازنده Exercise SOLUTION: Constructor Functions

• مقدمه ای بر نمونه های اولیه Introduction to Prototypes

• زنجیره اولیه The Prototype Chain

• افزودن متدها به نمونه اولیه Adding Methods to the Prototype

• تمرین: نمونه های اولیه Exercise: Prototypes

• راه حل های تمرین: نمونه های اولیه Exercise SOLUTIONS: Prototypes

• وراثت نمونه اولیه Prototypal Inheritance

• تمرین: ارث Exercise: Inheritance

• راه حل های تمرین: ارث Exercise SOLUTIONS: Inheritance

• خلاصه برنامه نویسی شی گرا Object Oriented Programming Recap

ایجاد JSON API با Node و Mongo Creating JSON API's With Node and Mongo

• بخش مقدمه Section Introduction

• آماده شدن برای واکنش Preparing For React

• تعریف برنامه بازی API ما Defining Our API Gameplan

• بسیار مهم: دستورالعمل های نصب C9 به روز شده SUPER IMPORTANT: UPDATED C9 INSTALLATION INSTRUCTIONS

• نصب NodeJS Installing NodeJS

• دستورالعمل های Cloud9 Without A Credit Card Cloud9 Without A Credit Card Instructions

• نصب Node به صورت محلی Installing Node Locally

• ایجاد برنامه اکسپرس اولیه ما Creating Our Initial Express Application

• پاسخگویی با JSON Responding With JSON

• نصب Mongo Installing Mongo

• تعریف طرحواره ما Defining Our Schema

• تعریف مسیر شاخص Defining The Index Route

• تعریف مسیر ایجاد Defining The Create Route

• تعریف مسیر نمایش Defining The Show Route

• تعریف مسیر به روز رسانی Defining the Update Route

• تعریف مسیر حذف Defining the Delete Route

• بازسازی API ما Refactoring Our API

Codealong: لیست کارهای تک صفحه ای با Express، Mongo و jQuery Codealong: Single Page Todo List with Express, Mongo, and jQuery

• معرفی اپلیکیشن تک صفحه ما Introducing Our Single Page App

• سرویس فایل های استاتیک و Nodemon Serving Static Files and Nodemon

• افزودن jQuery و The Starter CSS Adding jQuery and The Starter CSS

• نوشتن تماس اولیه AJAX Writing The Initial AJAX Call

• نمایش کارهای ما به درستی Displaying Our Todos Correctly

• اتصال فرم به API ما Connecting the Form to our API

• کار کردن دکمه Delete Making the Delete Button Work

• تغییر وضعیت Todo Complete Toggling Todo Completion

ES2015 قسمت اول ES2015 Part I

• بخش مقدمه Section Introduction

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

• Const Const

• اجازه دهید Let

• Let and Const Let and Const

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

• مقدمه ای بر توابع پیکان Introduction to Arrow Functions

• عملکردهای پیکان ادامه دارد Arrow Functions Continued

• تمرین کدگذاری - تمرینات توابع پیکان Coding Exercise - Arrow Functions Exercises

• راه حل تمرین: توابع پیکان Exercise SOLUTION: Arrow Functions

• پارامترهای پیش فرض Default Parameters

• برای...از حلقه ها For...of Loops

• باقی مانده Rest

• گسترش Spread

• تمرین کدنویسی - تمرینات استراحت و پخش Coding Exercise - Rest and Spread Exercises

• راه حل تمرین: استراحت کنید و پخش کنید Exercise SOLUTION: Rest and Spread

• بهبودهای شی Object Enhancements

• بهبودهای شی Object Enhancements

• تخریب شی Object Destructuring

• تخریب آرایه Array Destructuring

• تمرین کدگذاری - تمرینات تخریب ساختار Coding Exercise - Destructuring Exercises

• راه حل تمرین: تخریب Exercise SOLUTION: Destructuring

• خلاصه ES2015 قسمت اول ES2015 Part I Recap

پروژه ES2015 - رمز عبور را حدس بزنید ES2015 Project - Guess the Password

• بخش مقدمه Section Introduction

• مقدمه ای بر حدس زدن رمز عبور Introduction to Guess the Password

• رمز عبور رمز عبور را حدس بزنید Guess the Password Code Walkthrough

• رمز عبور Refactor را حدس بزنید Guess the Password Refactor

ES2015 قسمت دوم ES2015 Part II

• بخش مقدمه Section Introduction

• مقدمه ای بر کلمه کلیدی "کلاس". Introduction to the 'class' Keyword

• روش های نمونه Instance Methods

• روش های کلاس Class Methods

• تمرین کدنویسی - کلاس تمرین کلمات کلیدی Coding Exercise - Class Keyword Exercises

• راه حل های کلاس Class Solutions

• ارث بری با ES2015 Inheritance with ES2015

• فوق العاده Super

• تمرین کدگذاری - ارث و فوق العاده Coding Exercise - Inheritance and Super

• راه حل تمرین: ارث و فوق العاده Exercise SOLUTION: Inheritance and Super

• خلاصه کلمه کلیدی «کلاس» ES2015 ES2015 'class' Keyword Recap

• نقشه ها Maps

• مجموعه ها Sets

• تمرین کدگذاری - تمرینات نقشه ها و مجموعه ها Coding Exercise - Maps and Sets Exercises

• راه حل تمرین: نقشه ها و مجموعه ها Exercise SOLUTION: Maps and Sets

• وعده ها Promises

• وعده ها ادامه دارد Promises Continued

• ES2015 Promises Assignment ES2015 Promises Assignment

• راه حل تمرین: قول می دهد Exercise SOLUTION: Promises

• ژنراتورها Generators

• Object.assign و Array.from Object.assign and Array.from

• روش‌های مفید دیگر ES2015 Additional Helpful ES2015 Methods

• تمرین کدگذاری - تمرینات روش های ES2015 Coding Exercise - ES2015 Methods Exercises

• راه حل تمرین: روش های ES2015 Exercise SOLUTION: ES2015 Methods

ES2016 و ES2017 ES2016 and ES2017

• بخش مقدمه Section Introduction

• ES2016 Exponentiation Operator و شامل ES2016 Exponentiation Operator and Includes

• padStart و padEnd padStart and padEnd

• معرفی توابع Async Async Functions Introduction

• توابع Async ادامه دارد Async Functions Continued

• تمرین کدنویسی - Async Functions Assignment Coding Exercise - Async Functions Assignment

• راه حل تمرین: توابع ناهمگام Exercise SOLUTION: Async Functions

• Object Rest and Spread + Recap Object Rest and Spread + Recap

D3 و DOM D3 and the DOM

• بخش مقدمه Section Introduction

• مقدمه ای بر D3 An Introduction to D3

• انتخاب های D3 D3 Selections

• انتخاب ها و تماس های تلفنی Selections and Callbacks

• شنوندگان رویداد در D3 Event Listeners in D3

• آزمون انتخاب D3 D3 Selections Quiz

• تمرین: Refactor رمز عبور را حدس بزنید Exercise: Guess the Password Refactor

• راه حل: Refactor رمز عبور را حدس بزنید Solution: Guess the Password Refactor

• تمرین: برنامه یادداشت ها Exercise: Notes App

• راه حل: برنامه Notes Solution: Notes App

اتصال داده ها و به روز رسانی الگوها در D3 Data Joins and Update Patterns in D3

• بخش مقدمه Section Introduction

• Basic Data Joins و Enter Selections Basic Data Joins and Enter Selections

• خروج از انتخاب ها و توابع کلیدی Exit Selections and Key Functions

• D3 Data Joins Quiz Fundamentals D3 Data Joins Fundamentals Quiz

• الگوی به روز رسانی عمومی در D3 The General Update Pattern in D3

• آزمون الگوهای به روز رسانی D3 D3 Update Patterns Quiz

• تمرین: فرکانس های کاراکتر Exercise: Character Frequencies

• راه حل: فرکانس های کاراکتر Solution: Character Frequencies

SVG و D3 SVG and D3

• بخش مقدمه Section Introduction

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

• مستطیل ها، چند ضلعی ها و دایره ها در SVG Rectangles, Polygons, and Circles in SVG

• عناصر متن در SVG Text Elements in SVG

• عناصر مسیر در SVG Path Elements in SVG

• تمرین: پرچم های SVG Exercise: SVG Flags

• راه حل: پرچم های SVG Solution: SVG Flags

• مقدمه ای بر SVG و D3 Introduction to SVG and D3

• تمرین: بازبینی فرکانس های کاراکتر Exercise: Character Frequencies Revisited

• راه حل: بازبینی فرکانس های کاراکتر Solution: Character Frequencies Revisited

D3 متوسط Intermediate D3

• بخش مقدمه Section Introduction

• افراطی و مقیاس Extrema and Scales

• نمودارهای پراکنده Scatterplots

• محورها و خطوط شبکه Axes and Gridlines

• تمرین: Scatterplot Exercise: Scatterplot

• راه حل: طرح پراکنده Solution: Scatterplot

• هیستوگرام ها Histograms

• هیستوگرام ها ادامه دارد Histograms Continued

• تمرین: هیستوگرام Exercise: Histograms

• راه حل: هیستوگرام Solution: Histograms

• نمودارهای پای Pie Charts

• نمودار دایره ای ادامه دارد Pie Charts Continued

• تمرین: نمودارهای پای Exercise: Pie Charts

• راه حل: نمودار دایره ای Solution: Pie Charts

شانس و پایان D3 و انواع نمودار پیشرفته D3 Odds and Ends, and Advanced Graph Types

• بخش مقدمه Section Introduction

• نکات ابزار Tooltips

• انتقال ها Transitions

• مدیریت کد ناهمزمان با D3 Managing Asynchronous Code with D3

• تمرین: شانس و پایان D3 Exercise: D3 Odds and Ends

• راه حل: D3 شانس و پایان Solution: D3 Odds and Ends

• مقدمه ای بر GeoJSON An Introduction to GeoJSON

• مقدمه ای بر TopoJSON An Introduction to TopoJSON

• مثال تصویرسازی نقشه Map Visualization Example

• گره ها در نمودارهای اجباری Nodes in Force-Directed Graphs

• پیوندها در نمودارهای اجباری Links in Force-Directed Graphs

• کشیدن گره ها و مقادیر آلفا Dragging Nodes and Alpha Values

• الگوی به روز رسانی عمومی با نمودارهای اجباری General Update Pattern with Force-Directed Graphs

پروژه: ساخت داشبورد داده با D3 Project: Building a Data Dashboard with D3

• پروژه: مقدمه و الزامات Project: Introduction and Requirements

• پروژه: حل نمونه قسمت 1 Project: Example Solution Part 1

• پروژه: حل نمونه قسمت 2 Project: Example Solution Part 2

مقدمه ای برای React و JSX Introduction To React and JSX

• برای واکنش از اینجا شروع کنید START HERE FOR REACT

• بخش مقدمه Section Introduction

• چگونه کد راه حل React خود را دریافت کنیم How To Get Our React Solution Code

• مقدمه فریم ورک فرانت اند Front-end Framework Introduction

• اولین React Component First React Component

• JSX JSX

• JSX با جاوا اسکریپت JSX With JavaScript

• تمرین: جعبه تصادفی Exercise: Random Box

• راه حل تخصیص جعبه تصادفی Random Box Assignment Solution

• مولفه های واکنش چندگانه Multiple React Components

React App و Props را ایجاد کنید Create React App and Props

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

• ایجاد React App: Files Create React App: Files

• بیانیه های واردات جاوا اسکریپت JavaScript Import Statements

• وارد کردن HobbyList Assignment Import HobbyList Assignment

• راه حل HobbyList را وارد کنید Import HobbyList Solution

• معرفی Props Intro to Props

• برنامه دستور غذا با لوازم Recipe App With Props

• برنامه دستور غذا با لوازم جانبی ادامه دارد Recipe App With Props Continued

• لوازم پیش فرض و انواع پایه Default Props and Prop Types

• تمرین برنامه دستور غذا Recipe App Props Exercise

• Recipe App Props Solution Recipe App Props Solution

• لوازم.کودکان props.children

حالت State

• بخش مقدمه Section Introduction

• مقدمه ای به ایالت Intro to State

• توابع خالص Pure Functions

• تمرین پیچیده حالت را به روز کنید Update Complex State Exercise

• به روز رسانی راه حل حالت پیچیده Update Complex State Solution

• React Component Architecture React Component Architecture

• setState می تواند مشکل ساز باشد setState Can Be Tricky

• React DevTools React DevTools

• تمرین جعبه های رنگی Colored Boxes Exercise

• راه حل جعبه های رنگی Colored Boxes Solution

DOM مجازی، رویدادها و فرم ها The Virtual DOM, Events, and Forms

• بخش مقدمه Section Introduction

• DOM مجازی The Virtual DOM

• مناسبت ها Events

• تشکیل می دهد Forms

• تمرین برنامه Todo Todo App Exercise

• راه حل برنامه Todo Todo App Solution

• مراجع Refs

• برنامه دستور غذا با وضعیت Recipe App With State

• برنامه دستور غذا با حالت - فرم دستور العمل جدید Recipe App With State - New Recipe Form

• برنامه دستور غذا با وضعیت - ذخیره دستور العمل جدید Recipe App With State - Saving The New Recipe

• برنامه دستور غذا با وضعیت - نمایش/پنهان کردن فرم Recipe App With State - Show/Hide Form

• برنامه دستور غذا با وضعیت - حذف دستور غذا Recipe App With State - Delete Recipe

• بازی حافظه Memory Game

• راه حل بازی حافظه قسمت 1 Memory Game Solution Part 1

• راه حل بازی حافظه قسمت 2 Memory Game Solution Part 2

روش‌های چرخه حیات جزء Component Lifecycle Methods

• مقدمه ای بر روش های چرخه حیات کامپوننت Introduction To Component Lifecycle Methods

• مثال‌های روش چرخه عمر کامپوننت Component Lifecycle Method Examples

• تمرین برنامه حدس زدن پرچم کشور Country Flag Guessing App Exercise

• راه حل برنامه حدس زدن پرچم کشور Country Flag Guessing App Solution

ساخت یک برنامه تمام پشته با React Building A Full-Stack App With React

• راه‌اندازی API Express/Mongo ما Setting Up Our Express/Mongo API

• ایجاد اپلیکیشن React ما Creating Our React App

• افزودن مؤلفه TodoList Adding the TodoList Component

• بارگیری داده های اولیه از API Loading Initial Data from API

• ایجاد مؤلفه TodoItem Creating the TodoItem Component

• اضافه کردن کامپوننت TodoForm Adding the TodoForm Component

• حذف Todos Deleting Todos

• جابجایی Todos Toggling Todos

• Refactoring تماس های API با توابع Async Refactoring API Calls with Async Functions

روتر واکنش React Router

• بخش مقدمه Section Introduction

• HTML5 History Object HTML5 History Object

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

• مقدمه ای بر React Router ادامه دارد Introduction to React Router Continued

معرفی Redux Redux Introduction

• بخش مقدمه Section Introduction

• معرفی Redux Without React Introduction to Redux Without React

• واکنش با Redux React With Redux

• سازماندهی Redux Organizing Redux

در مرور کد Redux عمیق In Depth Redux Code Walkthrough

• معرفی Redux Redux Intro

• پیشخوان Redux Redux Counter

• Redux Todos Redux Todos

• معرفی Redux React Redux React Intro

• Redux React ادامه دارد Redux React Continued

• Redux React mapDispatchToProps Redux React mapDispatchToProps

• React Router Redux React Router Redux

• Todos Node Backend Todos Node Backend

• Full Stack Redux Full Stack Redux

Warbler Introduction and Backend Part 1 Warbler Introduction and Backend Part 1

• معرفی Warbler Warbler Intro

• مقدمه ای بر احراز هویت Introduction to Authentication

• شروع کار با Backend Getting Started with the Backend

• اضافه کردن یک کنترل کننده خطا Adding an Error Handler

• اضافه کردن یک مدل کاربر Adding a User Model

• میان افزار کاربر User Middleware

• ذخیره سازی صحیح رمزهای عبور Storing Passwords Properly

• بررسی بخش Section Review

Warbler Backend قسمت 2 Warbler Backend Part 2

• افزودن قابلیت ورود به سیستم Adding Signin Functionality

• معرفی پیام ها Messages Intro

• ایجاد یک پیام Creating a message

• افزودن میان افزار لاگین مورد نیاز Adding loginRequired middleware

• افزودن میان افزار sureCorrectUser Adding ensureCorrectUser middleware

• اضافه کردن مسیرهای پیام های اضافی Adding additional messages routes

• تست با HTTPie و بررسی Testing with HTTPie and Review

Warbler Frontend قسمت 1 Warbler Frontend Part 1

• Warbler Frontend مقدمه Warbler Frontend Introduction

• Reducers - خطاها و currentUser Reducers - errors and currentUser

• راه اندازی فروشگاه Warbler Redux Warbler Redux Store setup

• افزودن نوار ناوبری Adding a Navbar

• حالت دادن به مؤلفه نوار نوار Styling the Navbar Component

• کامپوننت اصلی Warbler Warbler Main Component

• سبک دادن به مؤلفه صفحه اصلی Styling the Homepage Component

• Warbler Authform قسمت 1 Warbler Authform Part 1

• Warbler Authform قسمت 2 Warbler Authform Part 2

• Warbler Authform قسمت 3 Warbler Authform Part 3

• بررسی بخش Warbler Frontend Warbler Frontend Section Review

Warbler Frontend قسمت 2 Warbler Frontend Part 2

• مدیریت پیام های خطا با Redux Handling Error Messages with Redux

• تغییر مسیر با React Router و Redux Redirecting with React Router and Redux

• خروج از سیستم یک کاربر Logging out a User

• افزودن JWT به هدرهای HTTP Adding a JWT to HTTP Headers

• نمایش پیام ها Displaying Messages

• جزء لیست پیام Message List Component

• مولفه های مرتبه بالاتر برای احراز هویت Higher Order Components for Authentication

• افزودن یک پیام جدید Adding a new Message

• حذف یک پیام Deleting a Message

• نمایش دکمه صحیح حذف پیام Displaying the correct Delete Message button

• بررسی استایل و بخش اضافی Additional Styling and Section Review

• استقرار Backend Deploying the Backend

• استقرار Frontend Deploying the Frontend