課程簡介
介紹
- 什麼是Angular?
- Angular 與 React 與 Vue
- Angular 16 功能和體系結構概述
- 設置開發環境
開始
- 使用 Angular CLI 創建新的 Angular 16 專案
- 瀏覽項目結構和檔
- 運行和提供應用程式
- 使用插值和表示式顯示數據
元件
- 瞭解元件在 Angular 16 中的作用
- 創建和使用元件
- 使用輸入和輸出在元件之間傳遞數據
- 使用元件生命週期鉤子
指令
- 了解結構指令和屬性指令之間的區別
- 創建和使用內置指令,例如 ngIf、ngFor、ngSwitch 等。
- 創建和使用自定義指令
管道
- 瞭解 Angular 16 中管道的用途
- 創建和使用內置管道,例如日期、貨幣、json 等。
- 創建和使用自定義管道
服務業
- 瞭解服務在 Angular 16 中的作用
- 創建和使用服務
- 使用提供程式注入依賴項
模組
- 瞭解模組在 Angular 16 中的作用
- 創建和使用模組
- 匯入和匯出模組
數據綁定
- 瞭解單向數據綁定和雙向數據綁定之間的區別
- 創建和使用屬性綁定、事件綁定和banana-in-a-box語法
- 使用範本引用變數
路由
- 瞭解路由在 Angular 16 中的作用
- 創建和配置路由
- 使用 routerLink 和 router.navigate 在路由之間導航
- 使用路由參數、查詢參數和片段
形式
- 瞭解範本驅動表單和回應式表單之間的區別
- 使用表單控件、表單組、表單數位等創建和驗證表單。
- 使用內置驗證器,例如 required、minLength、maxLength 等。
- 創建和使用自定義驗證程式
HTTP 用戶端
- 瞭解 HTTP 用戶端在 Angular 16 中的角色
- 創建和使用 HTTP 請求與後端服務通信
- 使用 observables 處理異步數據流
- 使用攔截器修改或處理 HTTP 請求或回應
調試
- 瞭解 Angular 16 個應用程式中的常見錯誤和錯誤
- 使用 Chrome DevTools 檢查元素、源、網路、控制台等。
- 使用斷點、監視表達式、調用堆疊等來調試代碼
測試
- 了解測試在 Angular 16 個應用中的重要性
- 使用 Jest 作為替代測試框架
- 使用 Karma 作為單元測試的測試運行程式
- 使用 Protractor 作為端到端測試工具
摘要和後續步驟
最低要求
- 瞭解 HTML、CSS 和 JavaScript
- 具有 TypeScript 和 RxJS 的經驗
- Web開發經驗
觀眾
- 希望瞭解如何使用 Angular 16 創建動態和回應式 Web 應用程式的開發人員
- 希望從以前版本的 Angular 升級技能的開發人員
- 希望探索 Angular 16 的新功能和更新的程式師
客戶評論 (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Course - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Course - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Course - Building Web Apps using the MEAN stack
我喜歡你的笑話
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
機器翻譯
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Course - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
分步分析。每行代碼說明。我在課程中遇到的每個問題都得到了成功解決,Łukasz 告訴我原因。 我也喜歡已經提出的良好做法。我從來沒有相信過TDD風格 - 我只是覺得它沒有用,不值得花時間。Łukasz 指出了 TDD 的諸多優點,這完全改變了我的看法。
Michał Uściński - Devapo Sp. z o. o.
Course - Testing Angular Applications
機器翻譯
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Course - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Course - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Course - Angular 6
Good examples and interactive course !