Angular 18 Front End Development Beginner to Master 2024

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

مقدمه Introduction

• مقدمه Introduction

• لیست را نصب کنید Install List

• کلیدهای فوری و ماکروها Hotkeys & Macros

• نصب - لینوکس Install - Linux

• نصب - ویندوز Install - Windows

• نصب - MacOS Install - MacOS

• MacOS: "فرمان یافت نشد: دم" MacOS: "Command not found: brew"

• چگونه به راحتی بیشتر بیاموزیم How To Learn More Easily

HTML پایه HTML Basic

• نظریه Theory

• ناوبری و راه اندازی ترمینال Terminal Navigation & Setup

• DOCTYPE DOCTYPE

• تگ های پایه HTML Pt1 Basic HTML Tags Pt1

• تگ های پایه HTML Pt2 Basic HTML Tags Pt2

• برچسب های سازمانی Organizational Tags

• نظرات Comments

• CoursePic.jpg CoursePic.jpg

• تصاویر Images

• لنگر (پیوند) Anchor (Link)

• مبانی HTML HTML Basics

HTML متوسط HTML Intermediate

• نظریه Theory

• لیست نامرتب Unordered List

• لیست سفارش داده شده Ordered List

• جدول Table

• دکمه Button

• ورودی Input

• ناحیه متن Text Area

• عنوان Title

• HTML HTML

CSS Basic CSS Basic

• نظریه Theory

• رنگ پس زمینه Background Color

• برگه های سبک Style Sheets

• حاشیه و بالشتک Margins and Padding

• ارتفاع و عرض Height and Width

• کلاس ها Classes

• اندازه و رنگ فونت Font Size & Color

• تراز و تزئین Align & Decorate

CSS Intermediate CSS Intermediate

• نظریه Theory

• نمایش و موقعیت Display & Position

• فلکس Flex

• شبکه Grid

• مرزها Borders

• سایه ها Shadows

• گرادیان ها Gradients

• کدورت Opacity

• اندازه تصویر ImageSize

• مکان نما CursorHover

• رسانه ها Media

• CSS CSS

متغیرهای جاوا اسکریپت JavaScript Variables

• نظریه Theory

• کنسول مرورگر Browser Console

• گره Node

• اعلام متغیر Variable Declaration

• اعلام متغیر - عددی Variable Declaration - Numeric

• اعلام متغیر - Pt1 غیر عددی Variable Declaration - Non-Numeric Pt1

• اعلام متغیر - Pt2 غیر عددی Variable Declaration - Non-Numeric Pt2

• اعلام متغیر Variable Declaration

جاوا اسکریپت - اپراتورها و شرایط JavaScript - Operators & Conditionals

• نظریه Theory

• عملگرهای ریاضی Mathematical Operators

• عملگرهای ریاضی Mathematical Operators

• اپراتورهای مشروط Conditional Operators

• اپراتورهای مشروط Conditional Operators

• اگر دیگر If Else

• سه تایی Ternary

• مورد سوئیچ Switch Case

• اظهارات مشروط Conditional Statements

• Catch را امتحان کنید Try Catch

جاوا اسکریپت - ساختار داده JavaScript - Data Structure

• نظریه Theory

• آرایه ها Arrays

• ویرایش آرایه Array Edit

• برش و کپی Slice & Copy

• تقسیم و پیوستن Split & Join

• آرایه ها Arrays

• اشیاء Objects

• ویرایش شی Object Edit

• کپی شی Object Copy

• Stringify & Parse Stringify & Parse

• اشیاء Objects

جاوا اسکریپت - حلقه ها JavaScript - Loops

• نظریه Theory

• برای For

• برای هر کدام For Each

• در حالی که While

• در حالی که انجام دهید Do While

• شکستن Break

• ادامه دهید Continue

جاوا اسکریپت - توابع JavaScript - Functions

• نظریه Theory

• توابع Functions

• توابع پیکان Arrow Functions

• IFFE - توابع خود فراخوانی IFFE - Self Calling Functions

• استدلال ها Arguments

• پیش فرض های آرگومان Argument Defaults

• بازگشت Return

• آرگومان های پویا Dynamic Arguments

• بازگشت دینامیک Dynamic Return

• قول بده Promise

• صف و پشته Queues & Stacks

• توابع بازگشتی Recursive Functions

کلاس های جاوا اسکریپت JavaScript Classes

• نظریه Theory

• کلاس ها Classes

• سازنده constructor

• روش ها Methods

• ارث Inheritance

• فوق العاده super

آرایه های جاوا اسکریپت Pt2 JavaScript Arrays Pt2

• نظریه Theory

• گسترش Spread

• مرتب کردن sort

• فیلتر filter

• نقشه map

• هر every

• برخی some

• کاهش دهد reduce

• Object.keys Object.keys

زاویه ای - مبانی Angular - Basics

• نظریه Theory

• ng جدید ng new

• ساختار پروژه Project Structure

• درون یابی Interpolation

• اجزاء Components

Angular - Data Binding & Directives Angular - Data Binding & Directives

• نظریه Theory

• کلیک کنید click

• دوبار کلیک کنید (dblclick) Double Click (dblclick)

• اتصال داده های یک طرفه One Way Data Binding

• Git را حذف کنید Remove Git

• اتصال داده دو طرفه Two Way Data Binding

• *ngاگر *ngIf

• *ngبرای *ngFor

• نظریه Pt2 Theory Pt2

• کلیک راست کنید (منو زمینه) Pt1 Right Click (contextmenu) Pt1

• کلیک راست کنید (منو زمینه) Pt2 Right Click (contextmenu) Pt2

• ماوس روی Mouse Over

• ngStyle ngStyle

• ngClass ngClass

Angular - Cross Component & Life Cycle Angular - Cross Component & LifeCycle

• نظریه Theory

• آرایه userList userList Array

• ورودی Input

• انتشار دهنده رویداد (خروجی) Event Emitters (Output)

• خدمات Pt1 Services Pt1

• خدمات Pt2 Services Pt2

• واگذاری خدمات Services Assignment

• راه حل واگذاری خدمات Services Assignment Solution

• OnInit OnInit

• OnDestroy OnDestroy

• به روز رسانی استایل Styling Update

• اشتراک ها Pt1 Subscriptions Pt1

• اشتراک ها Pt2 Subscriptions Pt2

گره - مبانی Node - Basics

• نظریه API API Theory

• تئوری اکسپرس Express Theory

• راه اندازی اکسپرس Express Setup

• users.json users.json

• فایل را بخوانید Read File

• دریافت کاربران Get Users

• تک کاربر Single User

• جستجوی کاربر Search User

• JSON Middleware JSON Middleware

• ارسال کاربر Pt1 - افزودن Post User Pt1 - Add

• ارسال کاربر Pt2 - ذخیره Post User Pt2 - Save

• قرار دادن کاربر - ویرایش Put User - Edit

• حذف کاربر Delete User

• CORS CORS

• پیشگیری از کاربر تکراری Duplicate User Prevention

Angular - HTTP Angular - HTTP

• نظریه Theory

• Backend را اجرا کنید Run Backend

• راه اندازی HTTP HTTP Setup

• مدل های Pt1 Models Pt1

• مدل های Pt2 Models Pt2

• نمایشگر مدل Pt1 Model Display Pt1

• نمایشگر مدل Pt2 Model Display Pt2

• ویرایش کاربر User Edit

• کاربران تغییر کرده اند Users Have Changed

• حذف کنید Delete

• به روز رسانی استایل Styling Update

• فرم ها Forms

• افزودن کاربر Add User

• جستجوی کاربر User Search

زاویه ای - مسیریابی Angular - Routing

• نظریه Theory

• راه اندازی روتر Router Setup

• پارامترهای روتر Router Parameters

• ناوبری Navigation

• به بالا بروید Scroll To Top

• مسیرهای کودک Child Routes

Angular - جریان کنترل الگو Angular - Template Control Flow

• نظریه Theory

• @if @else if @else @if @else if @else

• @برای خالی بودن @for @empty

• @switch @case @default @switch @case @default

Node - Auth Node - Auth

• نظریه Theory

• بسته ها Packages

• نمونه ثبت نام Registration Example

• نقطه پایانی ثبت نام Registration Endpoint

• هش کردن رمز عبور Password Hashing

• ثبت نام ذخیره کنید Registration Save

• وارد شوید Login

• ایجاد توکن JWT JWT Token Creation

• نیازمندی های میان افزار توکن Token Middleware requirements

• میان افزار توکن Token Middleware

• مجوزهای توکن Token Permissions

• نوسازی رمز Token Refresh

Angular - Auth Angular - Auth

• نظریه Theory

• آماده سازی Backend Backend Prep

• مدل های احراز هویت Auth Models

• سرویس احراز هویت Auth Service

• ثبت جزء Register Component

• وارد شوید Login

• به روز رسانی استایل Styling Update

• مدیریت توکن Token Handling

• سرصفحه های احراز هویت Auth Headers

• رهگیرهای URL URL Interceptors

• URL ریشه Root URL

• ورود دائمی Persistant Login

• نگهبانان مسیر Route Guards

• از سیستم خارج شوید Log Out

• نمایه من My Profile

• مجوزها Permissions

• مدیریت بد نشانه Bad Token Handling

گره - پست ها Node - Posts

• نظریه Theory

• posts.json posts.json

• دریافت پست ها Get Posts

• اضافه کردن پست ها Add Posts

• ویرایش پست ها Edit Posts

• حذف پست Delete Post

Angular - پست ها Angular - Posts

• نظریه Theory

• سرویس پست ها Posts Service

• نقشه کاربر User Map

• کامپوننت های پست Post Components

• پست تک Post Single

• پاک کردن کد Code Clean Up

• پست ویرایش Post Edit

• افزودن پست Post Add

• ارسال با Enter Submit With Enter

Angular - اجزای مستقل Angular - Standalone Components

• نظریه Theory

• واردات Imports

• مسیریابی Routing

• بارگذاری تنبل Lazy Loading

• منابع API را باز کنید Open API Sources

• HTTP HTTP

• استقرار Firebase Firebase Deployment

• استقرار Deployment

تبریک میگم Congratulations

• تبریک میگم Congratulations