400-888-5228

課程介紹:

Angular是目前最為流行的前端框架之一,學(xué)會(huì)用 Angular構(gòu)建應(yīng)用,可以把這些代碼復(fù)用在多種不同平臺(tái)的應(yīng)用上 —— Web、移動(dòng) Web、移動(dòng)應(yīng)用、原生應(yīng)用和桌面原生應(yīng)用。同時(shí) Angular借助Web Worker 和服務(wù)端渲染,達(dá)到在如今(以及未來(lái))的 Web 平臺(tái)上所能達(dá)到的最高速度。

Angular讓你有效掌控可伸縮性?;?RxJS、Immutable.js 和其它推送模型,能適應(yīng)海量數(shù)據(jù)需求。

艾威Avtechcn(中國(guó))Angular 應(yīng)用開(kāi)發(fā)培訓(xùn)課程將介紹如何從無(wú)到有的使用 Angular 快速搭建一個(gè)跨平臺(tái)的 Web 應(yīng)用。

 

學(xué)習(xí)前提:

HTML 基礎(chǔ)知識(shí)

CSS 基礎(chǔ)知識(shí)

JavaScript 基礎(chǔ)知識(shí)

 

課程目標(biāo):

掌握 Angular應(yīng)用框架

掌握 TypeScript編程技術(shù)

掌握 JavaScript異步編程模型

掌握 Angular常用的前端開(kāi)發(fā)工具和快速原型搭建工具。

 

課程時(shí)長(zhǎng):

2天

 

 

目標(biāo)學(xué)員:

希望使用 Angular的前端開(kāi)發(fā)人員

 

課程大綱:

Typescript 語(yǔ)法介紹

類 Classes

接口 Interfaces

模塊 Modules

類型注解 Type annotations

編譯時(shí)類型檢查 Compile time type checking

Arrow 函數(shù) (類似 C# 的 Lambda 表達(dá)式)

Angular 程序架構(gòu)

模塊 (Modules)

組件 (Components)

模板 (Templates)

元數(shù)據(jù) (Metadata)

數(shù)據(jù)綁定 (Data Binding)

指令 (Directives)

服務(wù) (Services)

依賴注入 (Dependency Injection)

Angular 數(shù)據(jù)顯示

通過(guò)插值表達(dá)式顯示組件的屬性

為數(shù)據(jù)創(chuàng)建實(shí)體類

通過(guò) NgFor 顯示數(shù)組型屬性

通過(guò) NgIf 實(shí)現(xiàn)按條件顯示

用戶輸入

綁定到用戶輸入事件

通過(guò) $event 對(duì)象取得用戶輸入

從一個(gè)模板引用變量中獲得用戶輸入

按鍵事件過(guò)濾

失去焦點(diǎn)事件處理

Angular 表單數(shù)據(jù)處理

使用組件和模板構(gòu)建 Angular 表單

用 ngModel 創(chuàng)建雙向數(shù)據(jù)綁定,以讀取和寫(xiě)入輸入控件的值

跟蹤狀態(tài)的變化,并驗(yàn)證表單控件

使用特殊的 CSS 類來(lái)跟蹤控件的狀態(tài)并給出視覺(jué)反饋

向用戶顯示驗(yàn)證錯(cuò)誤提示,以及啟用/禁用表單控件

使用模板引用變量在 HTML 元素之間共享信息

Angular 依賴注入

為什么需要依賴注入

Angular 依賴注入

注入器提供商

依賴注入令牌

總結(jié)

Angular 模板語(yǔ)法

HTML

插值表達(dá)式

模板表達(dá)式

模板語(yǔ)句

綁定語(yǔ)法

屬性綁定

HTML 屬性、 class 和 style 綁定

事件綁定

使用 NgModel 進(jìn)行雙向數(shù)據(jù)綁定

內(nèi)置指令

與 <template>

模板引用變量

輸入輸出屬性

模板表達(dá)式操作符

Angular 測(cè)試

測(cè)試 Angular 組件

測(cè)試 Angular 的服務(wù)

Angular 相關(guān)工具介紹

Webpack

安裝和使用

Loaders

插件

概要

NPM 腳本集成

Angular Cli

創(chuàng)建

創(chuàng)建新應(yīng)用程序

啟動(dòng)應(yīng)用

創(chuàng)建組件

創(chuàng)建路由

創(chuàng)建其他東西

測(cè)試

Linting

CLI 命令概述

(sp)