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

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

蘇浩

北京航空航天大學(xué)軟件學(xué)院 客座教授,云計(jì)算專業(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#語言 8年以上經(jīng)驗(yàn)
UML語言建模 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è)試工作
微軟中國工作 擔(dān)任平臺(tái)開發(fā)與合作部工作 開發(fā)合作經(jīng)理
? ASP.NET Web開發(fā)
? 與ISV合作伙伴深度合作開發(fā)培訓(xùn)
北京市奧組委 奧運(yùn)場(chǎng)館經(jīng)理
? 與第三方合作平臺(tái)聯(lián)信合作開運(yùn)動(dòng)員信息同步系統(tǒng)
? 場(chǎng)館內(nèi)通信項(xiàng)目管理工作
北京航空航天大學(xué)軟件學(xué)院(兼容) 客座教授
? 移動(dòng)互聯(lián)網(wǎng)產(chǎn)品交互設(shè)計(jì)專業(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#語言 8年以上經(jīng)驗(yàn) UML語言建模 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è)試工作 微軟中國工作 擔(dān)任平臺(tái)開發(fā)與合作部工作 開發(fā)合作經(jīng)理 ? ASP.NET Web開發(fā) ? 與ISV合作伙伴深度合作開發(fā)培訓(xùn) 北京市奧組委 奧運(yùn)場(chǎng)館經(jīng)理 ? 與第三方合作平臺(tái)聯(lián)信合作開運(yùn)動(dòng)員信息同步系統(tǒng) ? 場(chǎng)館內(nèi)通信項(xiàng)目管理工作 北京航空航天大學(xué)軟件學(xué)院(兼容) 客座教授 ? 移動(dòng)互聯(lián)網(wǎng)產(chǎn)品交互設(shè)計(jì)專業(yè)研究生導(dǎo)師

課程費(fèi)用

5800.00 /人

課程時(shí)長

2

成為教練

課程簡介

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á)到在如今(以及未來)的 Web 平臺(tái)上所能達(dá)到的最高速度。
Angular 讓你有效掌控可伸縮性。基于 RxJS、Immutable.js 和其它推送模型,能適應(yīng)海量數(shù)據(jù)需求。
本課程將介紹如何從無到有的使用 Angular 快速搭建一個(gè)跨平臺(tái)的 Web 應(yīng)用。

目標(biāo)收益

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

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

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

課程大綱

Typescript 語法介紹
? 類 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ù)顯示
通過插值表達(dá)式顯示組件的屬性
? 為數(shù)據(jù)創(chuàng)建實(shí)體類
? NgFor 顯示數(shù)組型屬性
? 通過 NgIf 實(shí)現(xiàn)按條件顯示
用戶輸入 ? 綁定到用戶輸入事件
? 通過 $event 對(duì)象取得用戶輸入
? 從一個(gè)模板引用變量中獲得用戶輸入
? 按鍵事件過濾
? 失去焦點(diǎn)事件處理
Angular 表單數(shù)據(jù)處理
使用組件和模板構(gòu)建 Angular 表單
? 用 ngModel 創(chuàng)建雙向數(shù)據(jù)綁定,以讀取和寫入輸入控件的值
? 跟蹤狀態(tài)的變化,并驗(yàn)證表單控件
? 使用特殊的 CSS 類來跟蹤控件的狀態(tài)并給出視覺反饋
? 向用戶顯示驗(yàn)證錯(cuò)誤提示,以及啟用/禁用表單控件
? 使用模板引用變量在 HTML 元素之間共享信息
Angular 依賴注入
為什么需要依賴注入?
? Angular 依賴注入
? 注入器提供商
? 依賴注入令牌
? 總結(jié)
Angular 模板語法
HTML
? 插值表達(dá)式
? 模板表達(dá)式
? 模板語句
? 綁定語法
? 屬性綁定
? HTML 屬性、 class 和 style 綁定
? 事件綁定
? 使用 NgModel 進(jìn)行雙向數(shù)據(jù)綁定
? 內(nèi)置指令
? 與