آموزش Master Angular 17 + 18: با آخرین ویژگی ها پیش بمانید

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

مقدمه Introduction

• نمای کلی Overview

• مقدمه و راه اندازی Introduction & Setup

تغییر زاویه 17+18 Angular 17+18 Changes

• نمای کلی در مورد تغییرات زاویه ای 17 Overview over the changes of Angular 17

• جریان کنترل ساخت Build-in Control Flow

• دانش خود را در مورد جریان کنترل ایجاد کنید Check your knowledge about Build-in Control Flow

• اجزای مستقل Standalone Components

• دانش خود را در مورد مؤلفه های مستقل بررسی کنید Check your knowledge about Standalone Components

• معاف کردن Defer

• دانش خود را در مورد حاشیه نویسی Defer بررسی کنید Check your knowledge on the @defer Annotation

• نشان Signals

• دانش خود را در مورد سیگنال های زاویه ای بررسی کنید Check your knowledge about Angular Signals

• سیگنال ها - اثر و منابع Signals - Effect and Sources

• دانش خود را در مورد اثرات ، ورودی سیگنال ، tosignal ، toobservable بررسی کنید Check your knowledge about Effects, Signal Input, toSignal, toObservable

• برنامه خود را بوت کنید Bootstrap your application

• دانش خود را در مورد بوت استراپ زاویه ای با App.config.ts آزمایش کنید Test your knowledge on Angular Bootstrapping with app.config.ts

• سازنده و Liveserver Builder & Liveserver

• گودال های زاویه ای Angular Devtools

• تغییر 18 زاویه ای Angular 18 Changes

• زاویه ای 17 مسابقه جامع Angular 17 Comprehensive Quiz

مهاجرت از زاویه 13 به 17 با ویژگی های جدید Migration from Angular 13 to 17 with new Features

• (اختیاری) مشکل را با دستور ng رفع کنید (Optional) Fix issue with ng command

• مهاجرت 13-14 Migration 13-14

• مهاجرت 14-15 Migration 14-15

• مهاجرت 15-16 Migration 15-16

• مهاجرت 16-17 و استفاده از ویژگی های جدید Migration 16-17 and using new features

یک برنامه هواشناسی را از ابتدا شروع کنید (ایجاد اجزای مستقل Neccesary) Start a Weather App from Scratch (Creating the neccesary Standalone Components)

• توضیح سریع Quick Explaination

• با اجزای پایه برنامه ایجاد کنید Create app with base components

• اضافه کردن یک ظاهر طراحی شده جستجو و کارت Adding search and card base styling

• کارت را برای حاوی پیش بینی آب و هوا گسترش دهید Extend card to contain weather forecast

از ابتدا منطق را به برنامه آب و هوا اضافه کنید Add Logic to the Weather App from Scratch

• از اینجا شروع کنید Start from here

• از داده ها در هدر استفاده کنید Use data in header

• از داده ها در مؤلفه پیش بینی آب و هوا استفاده کنید Use data in weather forecast component

• از داده ها در مؤلفه کارت آب و هوا استفاده کنید Use data in weather card component

• متمرکز کردن داده ها در سرویس Centralize data in service

• کلیدهای API را دریافت کنید و سرویس API را ایجاد کنید Get API keys and create API service

• امکان جستجو و انتخاب مکان را فراهم کنید Allow search and selecting location

• اجازه اضافه کردن کارت برای مکان انتخاب شده Allow adding card for selected location

• اجازه دهید کارت حذف شود Allow delete a card

• اجازه می دهد تا داده های پیش بینی را بارگیری کنید Allow to load forecast data

• برنامه ما را با ادامه داده ها نهایی کنید Finalize our App by persist the data

• در برنامه ما با تعویق بازی کنید Play around with defer in our app

• بارگیری پروژه کامل Download full project