開(kāi)發(fā)經(jīng)理
電信
推薦課程
average > 0 ? $model->average . '分' : '10.0分' ?>

Angular 應(yīng)用開(kāi)發(fā)

蘇浩

北京航空航天大學(xué)軟件學(xué)院 客座教授，云計(jì)算專(zhuān)業(yè)研究生導(dǎo)師

====技術(shù)背景=======
精通ASP.NET 技術(shù)，10年以上經(jīng)驗(yàn)
精通 SQL SERVER技術(shù) 10年以上經(jīng)驗(yàn)
精通 JavaScript 技術(shù)8年以上經(jīng)驗(yàn)
精通HTML5 技術(shù) 3年以上經(jīng)驗(yàn)
精通 PHP 技術(shù)4年以上經(jīng)驗(yàn)
精通HTML/CSS3 技術(shù) 5年以上經(jīng)驗(yàn)
精通C#語(yǔ)言 8年以上經(jīng)驗(yàn)
UML語(yǔ)言建模 5年以上經(jīng)驗(yàn)
擁有PMP項(xiàng)目管理認(rèn)證
=====工作經(jīng)驗(yàn)========
微軟亞洲工程院工作 擔(dān)任測(cè)試項(xiàng)目管理工作 參與微軟的MSN 7測(cè)試工作。
? 測(cè)試自動(dòng)化
? 軟件本地化測(cè)試工作
微軟中國(guó)工作 擔(dān)任平臺(tái)開(kāi)發(fā)與合作部工作 開(kāi)發(fā)合作經(jīng)理
? ASP.NET Web開(kāi)發(fā)
? 與ISV合作伙伴深度合作開(kāi)發(fā)培訓(xùn)
北京市奧組委 奧運(yùn)場(chǎng)館經(jīng)理
? 與第三方合作平臺(tái)聯(lián)信合作開(kāi)運(yùn)動(dòng)員信息同步系統(tǒng)
? 場(chǎng)館內(nèi)通信項(xiàng)目管理工作
北京航空航天大學(xué)軟件學(xué)院（兼容） 客座教授
? 移動(dòng)互聯(lián)網(wǎng)產(chǎn)品交互設(shè)計(jì)專(zhuān)業(yè)研究生導(dǎo)師

====技術(shù)背景======= 精通ASP.NET 技術(shù)，10年以上經(jīng)驗(yàn) 精通 SQL SERVER技術(shù) 10年以上經(jīng)驗(yàn) 精通 JavaScript 技術(shù)8年以上經(jīng)驗(yàn) 精通HTML5 技術(shù) 3年以上經(jīng)驗(yàn) 精通 PHP 技術(shù)4年以上經(jīng)驗(yàn) 精通HTML/CSS3 技術(shù) 5年以上經(jīng)驗(yàn) 精通C#語(yǔ)言 8年以上經(jīng)驗(yàn) UML語(yǔ)言建模 5年以上經(jīng)驗(yàn) 擁有PMP項(xiàng)目管理認(rèn)證 =====工作經(jīng)驗(yàn)======== 微軟亞洲工程院工作 擔(dān)任測(cè)試項(xiàng)目管理工作 參與微軟的MSN 7測(cè)試工作。 ? 測(cè)試自動(dòng)化 ? 軟件本地化測(cè)試工作 微軟中國(guó)工作 擔(dān)任平臺(tái)開(kāi)發(fā)與合作部工作 開(kāi)發(fā)合作經(jīng)理 ? ASP.NET Web開(kāi)發(fā) ? 與ISV合作伙伴深度合作開(kāi)發(fā)培訓(xùn) 北京市奧組委 奧運(yùn)場(chǎng)館經(jīng)理 ? 與第三方合作平臺(tái)聯(lián)信合作開(kāi)運(yùn)動(dòng)員信息同步系統(tǒng) ? 場(chǎng)館內(nèi)通信項(xiàng)目管理工作 北京航空航天大學(xué)軟件學(xué)院（兼容） 客座教授 ? 移動(dòng)互聯(lián)網(wǎng)產(chǎn)品交互設(shè)計(jì)專(zhuān)業(yè)研究生導(dǎo)師

課程費(fèi)用

5800.00 /人

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

2天

成為教練

課程簡(jiǎn)介

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ù)需求。
本課程將介紹如何從無(wú)到有的使用 Angular 快速搭建一個(gè)跨平臺(tái)的 Web 應(yīng)用。

目標(biāo)收益

掌握 TypeScript 編程技術(shù)
掌握 JavaScript 異步編程模型
掌握 Angular 常用的前端開(kāi)發(fā)工具和快速原型搭建工具。

培訓(xùn)對(duì)象

希望使用 Angular 的前端開(kāi)發(fā)人員 掌握 Angular 應(yīng)用框架

課程大綱

Typescript 語(yǔ)法介紹
 ? 類(lèi) Classes
? 接口 Interfaces
? 模塊 Modules
? 類(lèi)型注解 Type annotations
? 編譯時(shí)類(lèi)型檢查 Compile time type checking
? Arrow 函數(shù) (類(lèi)似 C# 的 Lambda 表達(dá)式)
Angular 程序架構(gòu)
 ? 模塊 (Modules)
? 組件 (Components)
? 模板 (Templates)
? 元數(shù)據(jù) (Metadata)
? 數(shù)據(jù)綁定 (Data Binding)
? 指令 (Directives)
? 服務(wù) (Services)
? 依賴(lài)注入 (Dependency Injection)
Angular 數(shù)據(jù)顯示
 通過(guò)插值表達(dá)式顯示組件的屬性
? 為數(shù)據(jù)創(chuàng)建實(shí)體類(lèi)
? NgFor 顯示數(shù)組型屬性
? 通過(guò) NgIf 實(shí)現(xiàn)按條件顯示
用戶(hù)輸入 ? 綁定到用戶(hù)輸入事件
? 通過(guò) $event 對(duì)象取得用戶(hù)輸入
? 從一個(gè)模板引用變量中獲得用戶(hù)輸入
? 按鍵事件過(guò)濾
? 失去焦點(diǎn)事件處理
Angular 表單數(shù)據(jù)處理
 使用組件和模板構(gòu)建 Angular 表單
? 用 ngModel 創(chuàng)建雙向數(shù)據(jù)綁定，以讀取和寫(xiě)入輸入控件的值
? 跟蹤狀態(tài)的變化，并驗(yàn)證表單控件
? 使用特殊的 CSS 類(lèi)來(lái)跟蹤控件的狀態(tài)并給出視覺(jué)反饋
? 向用戶(hù)顯示驗(yàn)證錯(cuò)誤提示，以及啟用/禁用表單控件
? 使用模板引用變量在 HTML 元素之間共享信息
Angular 依賴(lài)注入
 為什么需要依賴(lài)注入？
? Angular 依賴(lài)注入
? 注入器提供商
? 依賴(lài)注入令牌
? 總結(jié)
Angular 模板語(yǔ)法
 HTML
? 插值表達(dá)式
? 模板表達(dá)式
? 模板語(yǔ)句
? 綁定語(yǔ)法
? 屬性綁定
? HTML 屬性、 class 和 style 綁定
? 事件綁定
? 使用 NgModel 進(jìn)行雙向數(shù)據(jù)綁定
? 內(nèi)置指令
? 與