آموزش دواپس وب اپلیکیشن فول‌استک - از ایده تا ابر (جامع و یکپارچه) - آخرین آپدیت

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

مقدمه‌ای بر ابزارهای توسعه وب فول‌استک Introduction to Your Full-Stack Web Development Toolkit

• شروع مسیر مهندسی DevOps فول‌استک Start Your Fullstack DevOps Engineer Journey

• آشنایی با مدرس: یادگیری از ۲۰ سال تجربه در حوزه فول‌استک Meet Your Instructor - Learn from 20 Years of Full-Stack Expertise

• استفاده از ساختار ماژولار دوره: بهره‌وری و تمرکز بر مهارت‌ها Use Your Course Modularity - Efficiency, Skill Focus & Skip Logic

• انتظارات از دوره: در پایان دوره به چه دستاوردهایی می‌رسید؟ Course Expectations - What will You Achieve by the End of the Course?

• استراتژی یادگیری برای بیشترین نتیجه: لطفاً این بخش را رد نکنید! Your Pedagogical Learning Strategy to Maximize Results - Please Don't Skip!

راه‌اندازی محیط توسعه محلی فول‌استک Full-Stack Local Development Environment Setup

• دانلود منابع دوره Download The Course Resources

• نقشه راه محیط توسعه: برنامه‌ریزی برای راه‌اندازی محیط حرفه‌ای Dev Env Roadmap - Planning Your Professional Full-Stack Dev Env Setup

• نصب VirtualBox و ماشین مجازی Ubuntu: محیط توسعه لینوکسی شما Install VirtualBox & Ubuntu Virtual Machine - Your Linux Development Environment

• بهینه‌سازی تنظیمات ماشین مجازی (VM) Optimize Your VM Settings

• نصب و بررسی Node.js (محیط اجرای بک‌اند) Install & Verify Node.js (Your Backend Runtime)

• نصب Visual Studio Code (IDE حرفه‌ای) Install Visual Studio Code (The Professional IDE)

• افزونه‌های ضروری VS Code و پیکربندی فول‌استک Essential VS Code Extensions & Full-Stack Configuration

• ایجاد ساختار پروژه وب فول‌استک و فایل‌های اولیه Create Your Web Full-Stack Project Structure & Starter Files

• نصب Git و مقداردهی اولیه مخزن محلی Install Git & initialize Your Local Repository

• اتصال و ارسال پروژه به مخزن Remote در GitHub Connect & Push Your Project to GitHub Remote Repository

• راه‌اندازی XAMPP (وب‌سرور Apache و دیتابیس MariaDB در یک بسته) Setup XAMPP (Apache Webserver & MariaDB Database In-One Local Stack)

• مرور بخش ۲: مهارت‌های راه‌اندازی محیط توسعه Section 2 Review - Dev Env Setup Skills

• آزمون دانش راه‌اندازی محیط توسعه Check Your Dev Env Setup Knowledge

مهندسی نیازمندی‌ها و مستندات معماری نرم‌افزار Requirements Engineering and Software Architecture Documentation

• نقشه راه بلوپرینت: برنامه‌ریزی و مستندسازی حرفه‌ای Blueprint Roadmap - Professional Planning & Documentation

• مهندسی نیازمندی‌ها: معیارهای عملکردی، غیرعملکردی و کیفی Requirements Engineering - Functional, Non-Functional & Quality Criteria

• اصول ARC42: قالب مستندات معماری حرفه‌ای ARC42 Essentials - The Professional Architecture Documentation Template

• تصویرسازی معماری با مدل C4: Context, Containers و Components Visualizing Architecture with the C4 Model - Context, Containers & Components

• اصول مستندسازی به صورت کد (DaC): PlantUML, Draw.io و Markdown Documentation as Code (DaC) Essentials - PlantUML, Draw.io & Markdown

• نیازمندی‌های پروژه: استخراج نیازهای عملکردی و غیرعملکردی اپلیکیشن Project Requirements - Capturing Our App's Functional & Non-Functional Needs

• بلوپرینت پروژه ۱: ARC42 (مقدمه، اهداف و محدودیت‌ها) Project Blueprint I - ARC42 - Introduction, Goals & Constraints

• بلوپرینت پروژه ۲: نمودارهای ARC42 (Context, Building Blocks و Deployment) Project Blueprint II - ARC42 Diagrams - Context, Building Blocks & Deployment

• کنترل نسخه: ثبت بلوپرینت معماری در Git Version Control - Committing Your Architecture Blueprint to Git

• مرور بخش ۳: بلوپرینت معماری شما Section 3 Review - Your Architecture Blueprint

• تست مهارت‌های مستندسازی معماری و نیازمندی‌ها Test Your Architecture & Requirements Documentation Skills

پیاده‌سازی فرانت‌اند وب: HTML, CSS, JavaScript Web Frontend Implementation - HTML, CSS, JavaScript

• نقشه راه فرانت‌اند: برنامه‌ریزی برای پیاده‌سازی HTML, CSS و JS Frontend Roadmap - Planning Your HTML, CSS, & JS Implementation

• تکنولوژی‌های اصلی فرانت‌اند: معرفی HTML, CSS, JavaScript و ویرایشگر آنلاین Frontend Core Technologies - Intro to HTML, CSS, JavaScript & Online Editor

• اصول HTML: معناشناسی (Semantics)، فرم‌ها، جداول، Divها و المان‌های رایج HTML Essentials - Semantics, Forms, Tables, Divs, Multimedia & Common Elements

• اصول CSS ۱: استایل‌دهی با Selectorها و Box Model CSS Essentials I - Styling with Selectors & The Box Model

• اصول CSS ۲: چیدمان (Flexbox و Grid)، متغیرها و Positioning CSS Essentials II - Layout (Flexbox & Grid), Variables & Positioning

• اصول جاوااسکریپت ۱: متغیرها، انواع داده، توابع، کنترل جریان و DOM JavaScript Essentials I: Variables, Data Types, Functions, Control Flow, & DOM

• اصول جاوااسکریپت ۲: Eventها، Async/Await, Fetch API, Try/Catch و ماژول‌ها JavaScript Essentials II: Events, Async/Await, Fetch API, Try/Catch, & Modules

• پیاده‌سازی ساختار فرانت‌اند WoF با HTML و ADR فنی WoF Frontend Structure Implementation with HTML & Tech ADR

• پیاده‌سازی استایل‌های فرانت‌اند WoF با CSS - بخش اول WoF Frontend Styling Implementation with CSS - Part 1

• پیاده‌سازی استایل‌های فرانت‌اند WoF با CSS - بخش دوم WoF Frontend Styling Implementation with CSS - Part 2

• پیاده‌سازی رفتار فرانت‌اند WoF با جاوااسکریپت، دستکاری DOM و داده‌های Mock WoF Frontend Behavior Impl with JavaScript, DOM Manipulation & Data Mocks

• مدل داده و ADR ارتباطات: رابط بین فرانت‌اند و بک‌اند Data Model & Communication ADR - Frontend-Backend Interface

• پیاده‌سازی رفتار فرانت‌اند WoF با جاوااسکریپت و فراخوانی API واقعی بک‌اند WoF Frontend Behavior Impl with JavaScript & Real Backend API Calls

• مرور بخش ۴: مبانی پیاده‌سازی فرانت‌اند Section 4 Review - Frontend Implementation Fundamentals

• تست مهارت‌های HTML, CSS و JavaScript Test Your HTML, CSS, & JavaScript Skills

پیاده‌سازی بک‌اند: Node.js, Express و REST API Backend Implementation - Node.js, Express & REST API

• نقشه راه بک‌اند: برنامه‌ریزی برای پیاده‌سازی Node.js و REST API Backend Roadmap - Planning Your Node.js & REST API Implementation

• اصول REST API: Endpointها، متدهای HTTP، کدهای وضعیت و تست API REST API Essentials - Endpoints, HTTP Methods, Status Codes, API Testing...

• ADR فنی بک‌اند، مقداردهی NPM و مدیریت وابستگی‌ها Backend Tech ADR & NPM Initialization & Dependencies

• اسکلت بک‌اند: راه‌اندازی Express, CORS, Nodemon و توابع پایه سرور Backend Skeleton - Setup Express, CORS, Nodemon & Basic Server Functions

• پیاده‌سازی Endpoint مربوط به 'Read' و تست با cURL Implement 'Read' REST Endpoint & Test with cURL

• پیاده‌سازی Endpoint مربوط به 'Reset' و تست با cURL Implement 'Reset' REST Endpoint & Test with cURL

• پیاده‌سازی Endpoint مربوط به 'Spin' و تست با cURL Implement 'Spin' REST Endpoint & Test with cURL

• یکپارچه‌سازی، تست و دیباگ: جریان داده بین فرانت‌اند و بک‌اند و ابزارهای مرورگر Integration, Testing & Debugging - Frontend-Backend Data Flow & Browser Dev-Tool

• کنترل نسخه: Commit کد بک‌اند و استفاده از .gitignore برای node_modules Version Control - Commit Backend Code & Use .gitignore for node_modules

• مرور بخش ۵: مهارت‌های پیاده‌سازی بک‌اند با Node.js Section 5 Review - Node.js Backend Implementation Skills

• تست مهارت‌های Node.js, Express و REST API Test Your Node.js, Express & REST API Skills

استقرار محلی، وب‌سرور Apache و دسترسی به اینترنت Local Deployment, Apache Webserver & Internet Access

• جمع‌بندی کدهای فول‌استک Full Stack Code Summary

• نقشه راه استقرار محلی: برنامه‌ریزی برای استقرار اپلیکیشن و دسترسی شبکه Local Deployment Roadmap - Planning Your Web App Deployment & Network Access

• اصول وب‌سرور: نقطه ورود واحد، سرویس‌دهی استاتیک و Reverse Proxy Webserver Essentials - Single Entry Point, Static Serving & Reverse Proxy

• استقرار محلی WoF با استفاده از وب‌سرور Apache در ماشین مجازی Ubuntu WoF Local Deployment using Apache Webserver in Ubuntu Dev VM

• پیکربندی شبکه: توضیح روتر و Port Forwarding در VirtualBox Network Config - Router & VirtualBox Port Forwarding Explained

• تمرین پیکربندی شبکه: دسترسی اینترنت خارجی به VM از طریق Port Forwarding Network Config Hands-on - External Internet Access to Dev VM via Port Forwarding

• بررسی کیفیت و Commit در Git: به‌روزرسانی استقرار در ARC42 و پیشرفت نیازمندی‌ها Quality Checking & Git Commit - ARC42 Deployment Update & Requirements Progress

• مرور بخش ۶: استقرار محلی و پیکربندی شبکه Section 6 Review. Local Deployment & Network Config

• تست دانش وب‌سرور Apache و پیکربندی شبکه Test Your Apache Webserver & Network Config Knowledge

منبع داده قابل پیکربندی: FileSystem, MariaDB و الگوی Repository Configurable Datasource - Filesystem, MariaDB & Repository Pattern

• نقشه راه دیتابیس: برنامه‌ریزی برای منبع داده قابل پیکربندی Database Roadmap - Planning Your Configurable Datasource

• اصول MariaDB: RDBMS، کوئری‌های SQL، DDL و DML MariaDb Essentials - RDBMS, SQL Queries, DDL and DML

• به‌روزرسانی مستندات Arc42: افزودن الگوی Repository و نمای White Box بک‌اند Arc42 Doc Update - Add Repository Pattern and White-Box Backend View

• جداسازی معماری: تفکیک منطق کسب‌وکار (Business) از دسترسی به داده (Data Access) Architectural Isolation - Separate Business and Data Access Logic

• الگوی Repository: ایجاد Stub برای DbRepo و سوئیچ منبع داده قابل پیکربندی Repository Pattern - Create DbRepo Stub and Configurable Datasource Switch

• اتصال به MariaDB: راه‌اندازی DDL و کدهای اتصال MariaDB Connection - DDL Setup and Connection Code

• به‌روزرسانی کد: اصلاح مکان فایل .env Code Update - Fixing .env File Location

• پیاده‌سازی Interface مربوط به DbRepo: عملیات CRUD در دیتابیس MariaDB با DML Implement DbRepo Interface - MariaDb Database CRUD with DML

• بررسی کیفیت و Commit در Git Quality Checking and Git Commit

• مرور بخش ۷: مهارت‌های یکپارچه‌سازی منبع داده Section 7 Review - Datasource Integration Skills

• آزمون دانش یکپارچه‌سازی منبع داده Your Datasource Integration knowledge

استقرار وب اپلیکیشن فول‌استک در Cloud VPS: Ubuntu, NginX, MariaDb, PAT Cloud VPS Full-Stack Web-App Deployment - Ubuntu, NginX, MariaDb, PAT

• نقشه راه استقرار: برنامه‌ریزی استراتژی استقرار در Cloud VPS Deployment Roadmap - Planning Your Cloud VPS Deployment Strategy

• اصول VPS: انتخاب ارائه‌دهنده، نمونه VPS و کلیدهای SSH VPS Essentials - Provider Selection, VPS Instance and SSH Keys

• به‌روزرسانی ARC42: نمودارهای استقرار و ADR ارائه‌دهنده VPS ARC42 Update - Deployment Diagrams and VPS Provider ADR

• راه‌اندازی ابری: ثبت‌نام و دریافت اعتبار رایگان VPS (DigitalOcean) Cloud Setup - Register and Get $200 Free VPS Credit (DigitalOcean)

• ایجاد نمونه Ubuntu VPS (DigitalOcean Droplet) Create Your Ubuntu VPS Instance (DigitalOcean Droplet)

• ورود بدون رمز عبور: اتصال به VPS با استفاده از کلیدهای SSH Passwordless Login - VPS Connection with SSH Keys

• نصب Node.js روی VPS با استفاده از NVM (محیط اجرای ابری بک‌اند) Setup Node.js on VPS using NVM (Cloud Backend Runtime)

• نصب و پیکربندی NginX (وب‌سرور محیط عملیاتی) Install & Configure NginX (Production Webserver)

• دریافت مخزن GitHub با احراز هویت PAT (دسترسی امن) GitHub Repository Checkout with PAT Authentication (Secure Access)

• یکپارچه‌سازی و تست اپلیکیشن WoF با NginX WoF App and NginX Integration and Testing

• مرور راه‌اندازی ابری و نصب MariaDB Cloud Setup Recap and Mariadb Setup

• پیکربندی کد MariaDB و تست یکپارچه‌سازی MariaDB Code Config & Integration Testing

• ایجاد کاربر دیتابیس اختصاصی برای اپلیکیشن و بررسی کیفیت Dedicated Database User for Your App and Quality Checking

• مرور بخش ۸: مبانی استقرار در Cloud VPS Section 8 Review - Cloud VPS Deployment Fundamentals

• تست مهارت‌های استقرار در Cloud VPS Test Your Cloud VPS Deployment Skills

ثبت دامنه و دسترسی HTTPS: Registrar, DNS Records, NginX, TLS Domain Registration & HTTPS Access - Registrar, DNS-Records, NginX, TLS

• نقشه راه دامنه: برنامه‌ریزی برای ثبت دامنه و دسترسی HTTPS Domain Roadmap - Planning Domain Registration and HTTPS Access

• اصول دامنه: رکوردهای DNS (A, CNAME)، ثبت‌کننده (Registrar) و زیردامنه Domain Essentials - DNS Records (A, CNAME), Registrar and Subdomains

• ADR ارائه‌دهنده دامنه: انتخاب ثبت‌کننده Domain Provider ADR - Selecting Your Registrar

• ثبت و خرید دامنه (Namecheap) Domain Registration and Purchase (Namecheap)

• تمرین با Namecheap: پیکربندی رکوردهای DNS (A و CNAME) Namecheap Hands-on - Configuring DNS Records (A & CNAME)

• پیکربندی NginX: تنظیم دامنه اصلی و زیردامنه NginX Config - Setting Up Your Main-Domain and Subdomain

• اصول TLS: مرجع صدور گواهینامه (CA)، Let's Encrypt، Handshake و CertBot TLS Essentials - Certificate Authority, Let's Encrypt, Handshake and CertBot

• تمرین با CertBot: پیکربندی TLS در NginX و تست CertBot Hands-on - TLS NginX Configuration and Testing

• پیکربندی دیوار آتش VPS (ufw) و بررسی کیفیت VPS Firewall Config (ufw) and Quality Checking

• مرور بخش ۹: مبانی دامنه و HTTPS Section 9 Review - Domain and HTTPS Fundamentals

• حذف نمونه VPS (Droplet) برای جلوگیری از هزینه‌های اضافی! (بسیار مهم - رد نکنید) Terminate Your VPS Instance (DROPLET) to Prevent Billing! (CRITICAL don´t skip)

• تست دانش دامنه و HTTPS Test Your Domain and HTTPS Knowledge

تبریک، جمع‌بندی و چشم‌انداز آینده Congratulations, Recap and Future Outlook

• تبریک! پایان مسیر توسعه‌دهنده فول‌استک: جمع‌بندی و چشم‌انداز آینده Congratulations! Your Full-Stack Developer Journey - Recap and Future Outlook

بونوس: تست عملکرد (Performance Testing) Bonus - Performance Testing

• اصول نیازمندی‌های غیرعملکردی مربوط به عملکرد (Performance) Performance Non-Functional Requirements Essentials

• تمرین تست عملکرد: تأخیر (Latency)، نرخ انتقال (Throughput)، CPU، حافظه و Hey Performance Testing Hands-On - Latency, Throughput, CPU, Memory, Hey