آموزش سریع انگولار - یادگیری انگولار و گوگل فایربیس - آخرین آپدیت

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

مقدمه Introduction

• مقدمه Introduction

• نصب ویژوال استودیو کد Install Visual Studio Code

• نصب افزونه های ویژوال استودیو کد Install Visual Studio Code Extensions

• نصب Node.js و npm Install Node Js and npm

• نصب Angular CLI Install Angular CLI

• مخزن کد گیت هاب Github Code Repository

مبانی و ضروریات انگولار Angular basics and essentials

• بیایید انگولار را درک کنیم Let's Understand Angular

• ایجاد یک برنامه جدید انگولار Create New Angular Application

• کامپوننت ها - بلوک های سازنده یک برنامه انگولار Components - Building Blocks of an Angular Application

• مدیریت داده های پویا - حالت و رفتار کامپوننت Managing Dynamic Data - Component State and Behavior

• رندر کردن قالب های پویا Rendering Dynamic Templates

• عبارات شرطی و حلقه ها Conditionals and Loops

• مدیریت رویدادهای کاربر User Event Handling

• اشتراک گذاری کد یا منطق با استفاده از سرویس ها Sharing Code or Logic using Services

نبض توسعه - پروژه واقعی انگولار و گوگل فایربیس Dev Pulse - Angular and Google Firebase Real World Project

• ایجاد یک برنامه جدید انگولار با استفاده از Angular CLI Create New Angular Application Using Angular CLI

• نصب Tailwind CSS در برنامه انگولار Install Tailwind CSS in Angular Application

• ایجاد منوی ناوبری یا نوار ناوبری Create Navigation Menu or Navbar

• کامپوننت Create-Post، RouterOutlet و RouterLink Create-Post Component, RouterOutlet and RouterLink

• تعریف عناصر و استایل صفحه Create-Post Define Elements and Style Create-Post Page

• فرم های واکنشی انگولار و فرم ایجاد پست Angular Reactive Forms and Create Post Form

• اعتبارسنجی در فرم های واکنشی Validations in Reactive Forms

• محیط ها Environments

• معرفی و راه اندازی گوگل فایربیس Google Firebase Intro and Setup

• نصب AngularFire و افزودن پیکربندی فایربیس Install AngularFire and Add Firebase Configuration

• ذخیره داده با استفاده از متد addDoc در فایربیس Save data using addDoc method to Firebase

• ذخیره داده با استفاده از متد setDoc در فایربیس Save data using setDoc method to Firebase

• ایجاد سرویس BlogPost Creating BlogPost Service

• افزودن ویرایشگر Markdown و پیش نمایش Add Markdown Editor and Preview

• بارگذاری فایل ها - CoverImage به BlogPost Upload Files - CoverImage to BlogPost

عملیات CRUD، صفحه داشبورد، صفحات عمومی CRUD Operations, Dashboard Page, Public pages

• مقدمه بخش Section Introduction

• نوار ناوبری - عملکرد ورود و خروج و UserService Navbar - LoggedIn and LoggedOut Functionality and UserService

• منوی کشویی نوار ناوبری (استفاده از سیگنال ها برای تغییر واکنش گرا حالت) Navbar Dropdown (use signals to reactively change state)

• صفحه داشبورد و آمار داشبورد - انتقال داده از کامپوننت والد به فرزند Dashboard Page and Dashboard Statistics - Passing Data From Parent to Child Co

• دریافت داده های مجموعه از Firestore - لیست BlogPost Getting Collection Data From Firestore - BlogPost List

• دریافت یک سند واحد از Firestore - ویرایش/به روز رسانی BlogPost Get Single Document From Firestore - Edit/Update BlogPost

• حذف سند از Firestore - حذف BlogPost Delete Document From Firestore - Delete BlogPost

احراز هویت با استفاده از گوگل فایربیس (ثبت نام، ورود، خروج) Authentication using Google Firebase (Register, Login, Logout)

• مروری بر احراز هویت گوگل فایربیس Google Firebase Authentication Overview

• فعال کردن احراز هویت گوگل فایربیس Enable Google Firebase Authentication

• ایجاد صفحه/کامپوننت ثبت نام Create Register Page/Component

• الگوی صفحه ثبت نام Register Page Template

• ثبت نام کاربر Register User

• ایجاد کامپوننت صفحه ورود Create Login Page Component

• الگوی HTML صفحه ورود Login Page HTML Template

• ورود کاربر با استفاده از گوگل فایربیس User Login using Google Firebase

• عملکرد خروج/خروج از سیستم Logout/Signout Functionality

فیلتر، ایجاد دسته ای داده، صفحه اصلی و صفحه جزئیات وبلاگ (صفحات عمومی) Filter, Batch Create Data, Home page and Blog Details Page (Public pages)

• افزودن جزئیات کاربر به وبلاگ ها Add User Details To Blogs

• داشبورد برای نمایش فقط وبلاگ های ایجاد شده توسط کاربر وارد شده Dashboard to show only loggedIn user created blogs

• بارگذاری دسته ای/عمده داده در پایگاه داده Firestore Bulk/Batch Upload Data in Firestore Database

• صفحه اصلی - نمایش تمام وبلاگ ها Home Page - Display All Blogs

• صفحه جزئیات وبلاگ - استفاده از Observables Blog Details Page - Using Observables

• صفحه جزئیات وبلاگ - استفاده از سیگنال ها Blog Details Page - Using Signals

• صفحه جزئیات وبلاگ - استفاده از RxResource Blog Details Page - Using RxResource