آموزش Linode: برنامه های وب مقیاس پذیر React را در فضای ابری مستقر کنید

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

مقدمه ای بر رایانش ابری Introduction to Cloud Computing

• تاریخچه لینود History of Linode

• مقدمه ای بر رایانش ابری Intro to Cloud Computing

• مزایای رایانش ابری Benefits of Cloud Computing

• مدل های خدمات رایانش ابری Cloud Computing Service Models

مدل های خدمات رایانش ابری Cloud Computing Service Models

• زیرساخت به عنوان یک سرویس (IaaS) Infrastructure as a Service (IaaS)

• پلت فرم به عنوان یک سرویس (PaaS) Platform as a Service (PaaS)

• نرم افزار به عنوان یک سرویس (SaaS) Software as a Service (SaaS)

• IaaS در مقابل PaaS در مقابل SaaS IaaS vs PaaS vs SaaS

استقرار سرور ابری در Linode Cloud Server Deployment on Linode

• راه اندازی حساب Linode Linode Account Setup

• کاوش در Linode Cloud Manager Exploring the Linode Cloud Manager

• فعال کردن TFA در Linode Enabling TFA on Linode

• استقرار یک نمونه مجازی Linode Deploying a Linode Virtual Instance

• کاوش در داشبورد نمونه Linode Exploring the Linode Instance Dashboard

• مدیریت سرور از راه دور از طریق SSH Remote Server Admin via SSH

• رمز عبور در مقابل احراز هویت کلید SSH Password vs SSH Key Authentication

• احراز هویت جفت کلید SSH در ویندوز SSH Key Pair Authentication on Windows

• احراز هویت جفت کلید SSH در MacOS SSH Key Pair Authentication on MacOS

• اتصال با LISH Connecting with LISH

• افزودن کلیدهای عمومی SSH به Linode Adding SSH Public Keys to Linode

پایه های لینوکس Linux Foundations

• مقدمه ای بر لینوکس Introduction to Linux

• سیستم فایل لینوکس The Linux Filesystem

• دستورات نگهداری لینوکس Linux Maintenance Commands

• دستورات دایرکتوری لینوکس [قسمت 1] Linux Directory Commands [Part 1]

• دستورات دایرکتوری لینوکس [قسمت 2] Linux Directory Commands [Part 2]

• پیکربندی پایه سرور اوبونتو Ubuntu Basic Server Configuration

• مقدمه ای بر حساب های کاربری Introduction to User Accounts

• ایجاد یک حساب غیر ریشه Creating a Non-Root Account

• ایمن سازی حساب کاربری جدید Securing the New User Account

• غیرفعال کردن دسترسی کاربر ریشه و احراز هویت رمز عبور Disabling Root User Access and Password Authentication

وب سرور و مبانی پایگاه داده Web Server & Database Foundations

• مقدمه ای بر وب سرورها Introduction to Web Servers

• میزبانی خود در مقابل ارائه دهنده میزبانی Self Hosting vs Hosting Provider

• نرم افزار وب سرور (NGINX در مقابل آپاچی) Web Server Software (NGINX vs Apache)

• مقدمه ای بر پایگاه های داده Introduction to Databases

• SQL در مقابل پایگاه های داده NoSQL SQL vs NoSQL Databases

• استانداردهای معاملات پایگاه داده (ACID در مقابل CAP) Database Transaction Standards (ACID vs CAP)

• قضیه CAP برای پایگاه های داده NoSQL CAP Theorem for NoSQL Databases

• ویژگی های DBMS های SQL در مقابل NoSQL Characteristics of SQL vs NoSQL DBMSes

• اصطلاحات کلیدی: پشته‌ها، چارچوب‌ها و زبان‌ها [بخش اول] Key Terms: Stacks, Frameworks, & Languages [Part 1]

• اصطلاحات کلیدی: پشته‌ها، چارچوب‌ها و زبان‌ها [بخش 2] Key Terms: Stacks, Frameworks, & Languages [Part 2]

• اصطلاحات کلیدی: پشته‌ها، چارچوب‌ها و زبان‌ها [بخش 3] Key Terms: Stacks, Frameworks, & Languages [Part 3]

LAMP Stack نصب و پیکربندی LAMP Stack Installation and Configuration

• نصب LAMP Stack در اوبونتو از طریق خط فرمان Installing LAMP Stack on Ubuntu via Command Line

• نصب LAMP Stack با استفاده از Linode Marketplace Installing LAMP Stack using Linode Marketplace

• تست PHP روی آپاچی Testing PHP on Apache

• تست اتصال MariaDB از PHP [قسمت 1] Testing MariaDB Connection from PHP [Part 1]

• تست اتصال MariaDB از PHP [قسمت 2] Testing MariaDB Connection from PHP [Part 2]

• مدیریت سرور از راه دور با استفاده از Linode GLISH Remote Server Administration using Linode GLISH

مبانی امنیت سرور Foundations of Server Security

• مقدمه ای بر امنیت سرور Introduction to Server Security

• مقدمه ای بر فایروال ها Introduction to Firewalls

• فایروال های شبکه Network Firewalls

• ایمن سازی SSH با فایروال شبکه Securing SSH with a Network Firewall

• سیاست سختگیرانه فایروال شبکه Strict Network Firewall Policy

• فایروال های نرم افزار میزبان UFW Hosted Software Firewalls UFW

مقیاس پذیری سرور Server Scaling

• مقدمه ای بر مقیاس بندی Introduction to Scaling

• مقیاس بندی عمودی Vertical Scaling

• مقیاس افقی با متعادل کننده بار خودکار (NodeBalancer) Horizontal Scaling with Auto Load Balancers (NodeBalancer)

• مبادله IP نمونه Instance IP Swaps

تصاویر سرور و پشتیبان گیری Server Images and Backups

• مقدمه ای بر تصاویر و پشتیبان گیری Introduction to Images and Backups

• ایجاد یک تصویر سفارشی Creating a Custom Image

• سرویس پشتیبان گیری Linode Linode Backup Service

پاکسازی حساب و نمای کلی بخش Account Clean-Up and Segment Overview

• پاکسازی حساب Linode Linode Account Clean-Up

• نمای کلی بخش Segment Overview

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

• مهارت های مورد نیاز Skills Required

• React چیست؟ What is React?

پروژه 1: ساخت ماشین حساب در React Project 1: Build a Calculator in React

• بررسی اجمالی پروژه Project Overview

• سلام واکنش Hello React

• ابزار مورد نیاز Tools Needed

• قلم کد Code Pen

• معرفی JSX Intro to JSX

• کامپوننت های کاربردی در React Functional Components in React

• چرا کامپوننت ها؟ Why Components?

• معرفی Props در React Intro to Props in React

• React Components، Pops و Callbacks React Components, Pops, and Callbacks

• ساخت تصویری ماشین حساب Building the Calculator Visuals

• رویدادهای OnClick در React OnClick Events in React

• عبور پارامترها در توابع پاسخ به تماس Passing Parameters in Callback Functions

• با استفاده از React State Hook Using React State Hook

• پیاده سازی ماشین حساب - نمایش Implementing the calculator - Display

• پیاده سازی ماشین حساب - اپراتورها Implementing the Calculator - Operators

• اشکال زدایی در React Debugging in React

• خلاصه ی پروژه Project Summary

پروژه 2: ساخت Connect-4 Clone در React Project 2: Build a Connect-4 Clone in React

• معرفی پروژه - آنچه ما خواهیم ساخت Project Introduction - What We Will Build

• ابزار مورد نیاز Tools Needed

• ایجاد صفحه بازی Creating the Game Board

• دایره بازی - OnClickEvent Game Circle - OnClickEvent

• گذراندن وسایل - تخریب - واکنش کودکان Passing Props - Destructing - React Children

• ارسال آرگومان ها برای کلیک روی رویدادها Passing Arguments to Click Events

• یک ظاهر طراحی داخلی Inline Styling

• مولفه مربع به دایره Square to Circle Component

• استایل جهانی Global Styling

• یک ظاهر طراحی پویا Dynamic Styling

• کلاس های دینامیک Dynamic Classes

• رسیدگی به تماس ها Handling Callbacks

• استفاده از React State Hook (دوباره) Using React State Hook (again)

• به روز رسانی حلقه بازیکن Updating the Player Circle

• راه اندازی صفحه بازی Initializing the Game Board

• ویژگی React Key React Key Property

• طراحی صفحه بازی - سرصفحه و پاورقی Styling the Game Board - Header and Footer

• محاسبه برنده Calculating the Winner

• نمایش برنده Displaying the Winner

• تعیین یک شرط قرعه کشی Determining a Draw Condition

• رویدادهای چرخه حیات واکنش نشان دهید React Lifecycle Events

• راه اندازی بازی Initializing the Game

• پیشنهاد حرکت - پیاده سازی یک پخش کننده کامپیوتری Suggesting a Move - Implementing a Computer Player

• پخش کننده رایانه هوشمند (هوش مصنوعی اولیه) Smart Computer Player (Basic AI)

• متغیرهای CSS CSS Variables

• رندر مشروط Conditional Rendering

• در Netlify مستقر شوید Deploy to Netlify

• مستقر در Surge Deploy to Surge

• خلاصه ی پروژه Project Summary

پروژه 3: ساخت یک سایت تجارت الکترونیک در React Project 3: Build an E-Commerce Site in React

• معرفی پروژه - آنچه ما می سازیم Project Introduction - What We Build

• داربست پروژه Scaffolding the Project

• معرفی سرور JSON Intro to JSON Server

• واکشی API Fetch API

• سبک دادن به فروشگاه Styling the Store

• ارائه دسته ها Rendering the Categories

• اتصال محصولات Binding the Products

• تماس Fetch API را مجدداً تنظیم کنید Refactor the Fetch API call

• مقابله با خطاها در Fetch API Dealing with errors in Fetch API

• تماس Fetch API را مرتب کنید Tidy the Fetch API call

• سبک دادن به لیست محصولات Styling the Product List

• نصب روتر React Installing React Router

• رفع اخطار کلیدی Fixing the Key Warning

• روتر واکنش - صفحه جزئیات React Router - Detail Page

• Fetch API - دریافت محصول بر اساس شناسه Fetch API - Get Product By Id

• توضیحات محصول Product Description

• مقدمه ای بر اجزای سبک Intro to Styled Components

• اجزای سبک - توضیحات محصول Styled Components - Product Description

• تنظیم خطرناک HTML (آره واقعا) Dangerously Set HTML (Yeah Really)

• Refactor دسته ها Refactor the Categories

• Layout را اصلاح کنید Refactor the Layout

• صفحه اصلی را بازسازی کنید Refactor the Home Page

• معرفی Context در React Intro to Context in React

• UseContext Hook و UseReducer Hook در React UseContext Hook and UseReducer Hook in React

• طرح بندی سبد Basket Layout

• اجرای سبد Implementing the Basket

• پیاده سازی آیکون های سبد Implementing Basket Icons

• اجرای سبد کل Implementing Basket Total

• اتمام پرداخت Finishing the Checkout

• پرداخت - رفع وضعیت Checkout - Fixing the State

• اجرای تایید سفارش Implementing the Order Confirmation

• معرفی Local Storage Intro to Local Storage

• پیاده سازی نتایج جستجو Implementing Search Results

• جستجوی بهتر با Debouncing Better Searching with Debouncing

• اعتبار سنجی فرم ها در React - قسمت 1 Validating Forms in React - Part 1

• اعتبار سنجی فرم ها در React - قسمت 2 Validating Forms in React - Part 2

• اعتبار سنجی فرم ها در React - قسمت 3 Validating Forms in React - Part 3

• اعتبار سنجی فرم ها در React - قسمت 4 Validating Forms in React - Part 4

• خلاصه ی پروژه Project Summary