آموزش مقدماتی انگولار: ساخت اولین اپلیکیشن وب - آخرین آپدیت

پایه‌های انگولار Angular Foundations

• معرفی دوره Course Introduction

• آشنایی با انگولار: چیست، چرا و چگونه کار می‌کند Introduction to Angular: What, Why, and How It Works

• سرفصل‌های دوره و نقشه راه یادگیری Angular Course Outline and Learning Roadmap

• نصب Node.js و npm برای توسعه انگولار Setting Up Node.js and npm for Angular Development

• راه‌اندازی Angular CLI: نصب و پیکربندی Angular CLI Setup: Installation and Configuration

• دمو: تنظیم VS Code برای توسعه انگولار DEMO: VS Code Setup for Angular Development

• ساخت اولین پروژه انگولار (روش Standalone) Creating Your First Angular Project (Standalone Approach)

• توضیح مفاهیم Angular SSR و SSG Angular SSR and SSG Explained

• بررسی ساختار فایل‌های پروژه انگولار Angular Project File Structure

• دمو: مقایسه JavaScript و TypeScript: مفاهیم کلیدی برای توسعه‌دهندگان انگولار DEMO: JavaScript vs TypeScript: Key Concepts for Angular Developers

راه‌اندازی پروژه انگولار و مفاهیم کلیدی Angular Project Setup & Core Concepts

• دمو: اجرای اولین اپلیکیشن انگولار DEMO: Running Your First Angular Application

• دمو: بررسی عملی AppComponent در انگولار DEMO: Angular AppComponent: Hands-On Walkthrough

• مقایسه روش NgModule و Standalone در انگولار NgModule vs Standalone Approach in Angular

• ساخت پروژه انگولار با استفاده از NgModule Creating an Angular Project with NgModule

• مقایسه ساختار فایل‌ها در NgModule و Standalone NgModule vs Standalone: File Structure Comparison

• دمو: اجرای اپلیکیشن روی پورت متفاوت و تنظیمات اولیه کامپوننت DEMO: Running an Angular App on a Different Port and Basic Component Setup

• دمو: بررسی ساختار و فایل‌های کلیدی در NgModule و Standalone DEMO: NgModule vs Standalone: Structure and Key Files

• مبانی انگولار: متغیرها، Property Binding و Lifecycle Hooks Angular Basics: Variables, Property Binding and Lifecycle Hooks

• دمو: مفاهیم هسته انگولار: استایل‌دهی، تشخیص تغییرات و Signal DEMO: Angular Core Concepts: Styling, Change Detection and Signal

• دمو: ساخت اولین کامپوننت انگولار (Home Component) DEMO: Creating Your First Angular Component (Home Component)

• درک مفهوم کلمه کلیدی export در انگولار Understanding the export Keyword in Angular

• آشنایی با Routing انگولار، پیکربندی مسیرها و استفاده از Router Outlet Introduction to Angular Routing, Route Configuration & Router Outlet Usage

• دمو: تغییر مسیرها (Redirects)، تطبیق مسیرها و مفاهیم مسیریابی پویا DEMO: Redirects, Path Matching (Prefix vs Full) & Dynamic Routing Concepts

• دمو: ساخت کامپوننت About و تنظیمات مسیریابی DEMO: Creating About Component & Setting Up Routing

• دمو: ناوبری با استفاده از RouterLink و ناوبری برنامه‌نویسی شده (Router Service) DEMO: Navigation using RouterLink & Programmatic Navigation (Router Service)

• پارامترهای مسیر (Route Parameters)، کوئری‌ها و استفاده از ActivatedRoute Route Parameters, Query Parameters & ActivatedRoute Usage

• پایان دوره Course Completion