& T, i9 y% Y: r: G
& p/ F& D4 c* n
〖课程介绍〗
, ?9 z2 v3 E* U/ }7 \. h为了让你更好的理解Angular的新特性,讲师精心设计一个单页应用(SPA)-股票管理网站,将Angular与日常开发需求相结合,助你将所有的知识点融会贯通, M2 h/ m' {/ H! }5 F9 b1 c2 _
课程将从最基本的知识入手,带你搞清楚组件,服务,指令,模块等概念,然后带你在实际开发中学会解决页面导航、服务器通讯、数据展示、表单验证等问题,让你能熟练使用Angular和TypeScript开发组件式单页应用
( z9 Y& q: C+ i
0 j y5 Q& \0 F: W' c! p( [〖课程目录〗第1章 准备好了吗,那就开始吧!!!1 t) g+ w# g: X$ T
在这一章里,我们首先会对整个课程的内容做一个简要的介绍,包括章节的安排,实战案例的介绍以及前置知识的介绍等内容。然后我们会从一个比较高的视角对angularJS和angular的架构做一个介绍和比较,使你对angular有一个初步的印象。...- A5 R$ ^9 I2 b, o. y( ]
1-1 Angular课程介绍 试看9 N {: d# X2 O
1-2 Angular简介
$ P4 M. I( I7 T3 s, n- J" J
6 y- \1 }4 C; @1 p" w8 f, e4 M第2章 开始Angular开发2 h* k1 z B, L
我们会开始开发一个简单的angular应用。首先你会学习标准的angular程序的架构,然后会学习如何搭建一个angular的开发环境,在这个环境中创建项目,编写angular的组件,并最终运行一个angular应用。在这一章的最后,我们会编写股票管理的第一个版本,用这一章学到的知识编写一个组件化的主页出来。...
+ E# e) |# }9 D+ u: q- ~2 {( ^( l2-1 内容介绍
1 O$ l7 |% n( g$ k( Z2-2 Angular程序架构. v. t0 a: V6 _7 E H
2-3 搭建环境 i* F+ a4 `9 F. Q/ E4 R2 E* X
2-4 启动Angular过程介绍
8 N* {1 z1 E; M* @+ q2-5 开发准备
' O' I' w+ @1 ]. c; N2-6 开发项目组件上
( P0 R1 ^( Z$ {. a6 s* U2-7 开发项目组件下9 I; q6 G# Q/ W0 N6 L
9 x$ N- g4 G: j) |. a& @
第3章 Angular-路由
- G1 d( Y, W0 W* M: E( }主要讲解angular路由相关的知识。angular的路由提供了一个灵活的方式来在单页应用中进行导航,你将会学习如何在父组件和子组件配置路由,在从一个路由导航到另一个路由时如何传递数据,以及子路由、重定向路由、辅助路由、路由守卫等与路由相关的知识,在这一章的最后,我们会重构之前的股票管理应用,把它重新封装为一些新.../ J' i$ k5 W/ r2 p, S% t7 M7 }& T f
3-1 路由内容介绍
; G5 S: ?/ Q5 T; }0 G* N3-2 路由基础
; b$ S. n5 ?5 @, c3-3 在路由时传递数据& K" c7 T. c/ o% r* {! ]0 H
3-4 重定向路由: X- N9 Y4 j6 u# w$ z) k
3-5 子路由2 k7 z1 p7 o$ T" ~, K! N) i
3-6 辅助路由; u* M" j, O( o2 \$ H
3-7 路由守卫
. l: O( E* q+ J' [5 R( _3-8 resolve守卫
H. R$ l; ?/ N+ S! \3-9 改造股票管理应用
4 Z- [" q8 h8 v: q; a* @+ _+ Q) z/ D% Y6 x+ W
第4章 Angular-依赖注入
& M3 y' q4 c) j3 H你将会学习关于依赖注入设计模式的知识以及angular是如何实现依赖注入模式的。angular开发中最重要的问题就是如何开发可重用的组件,而依赖注入则是编写可重用组件的重要技术手段之一。我们将会详细讲解angular的提供器和注入器的相关知识。在新的股票管理应用中,我们会使用依赖注入来解耦组件和服务间的依赖。使组件的重...
1 t, w% s/ s U+ q* v" {4-1 依赖注入内容介绍
& G8 L6 y% s4 R4-2 依赖注入的好处" R8 {# J* v# ]8 s% ~( h* T
4-3 提供器入门
9 k3 x8 u2 Z( _0 j6 o- {4-4 使用工厂和值声明提供器
6 w5 A+ D! S! F# e$ R6 h7 \; L4-5 注入器及其层级关系
4 |4 z, u: x, i7 H) X" i4-6 改造项目; F% Q+ K/ C7 a; o& w% g* w9 g
2 i/ Y$ p6 ^; i9 b$ `5 ~3 [5 V第5章 数据绑定,响应式编程和管道. h, O4 G7 }$ X9 y5 `7 A
首先会详细的介绍angular中各种数据绑定的方式,然后会介绍响应式编程的基础知识,在angular中,我们会频繁的使用响应式编程来处理各种异步事件。在这一章中,我们还会介绍如何使用管道来格式化和过滤数据。在这一章的最后,我们会综合运用本章学到的知识,为我们的股票管理项目添加一个过滤功能。...& w6 n* L/ h3 B5 s% b
5-1 整章内容介绍
* a# J! S" y1 b: m% H5-2 事件绑定
1 O. D1 [& A1 l5-3 Dom属性绑定
# E; _) d0 N2 F$ s; t; c" [7 P5-4 html属性绑定
/ K9 f) {7 G1 G7 W8 y7 D5-5 双向绑定
0 y% [+ T; `' f& ~) @: L; K6 e5-6 响应式编程
1 s, U) [( p o; K5-7 管道
4 c t7 Q/ X' S5-8 实战2 l" T8 K6 ~9 B
7 z. N& k( a J# [第6章 组件间通讯
! J v! X4 a. B$ e. {: C2 [主要是讲如何让组件之间以一种松耦合的方式来彼此通讯,我们会学习组件的输入输出属性,会学习一个新的模式:中间人模式,还会学习组件生命周期的相关知识,包括组件生命周期钩子以及angular的变更检测机制等内容,最后我们会使用本章的知识来开发一个高度可重用的星级评价组件。...
3 ?5 }' u1 {# g( o. P+ D6-1 组件间通讯内容介绍4 b- Z3 o) O$ d6 G; B1 H) |/ x
6-2 输入属性
; F. @# p# B% s4 b0 Q& z' I' N- }+ z. H6-3 输出属性
5 L A5 t: q1 R; N/ N6-4 中间人模式
3 K6 e7 N* P. a+ j* H& p3 g6-5 组件生命周期钩子概述
# G& a. X9 g [1 ?6 H6-6 OnChanges钩子2 K' J9 J) y: z% G4 g8 U6 ]
6-7 变更检测和DoCheck钩子
! Q! \4 z' c/ _- x9 A' G8 q; c* y5 ~6-8 view钩子
6 c5 m5 A+ i( ?& |1 {1 O! m6-9 ngContent指令
$ |* {7 Y1 ]# B" g ]6-10 最后的钩子+ m# [( Y. P- \+ u9 @; p
6-11 本章实战
* m/ F4 P0 T& l! e! h! T4 `6-12 本章小结( U# n+ W6 w6 m& L9 k( H
5 l; R$ O- c9 {$ U: g( F第7章 表单处理) n7 `4 Y) z2 Y9 Y- Q
主要介绍在angular中如何处理表单,我们会从最基础的html表单入手,首先我们会讨论纯html表单的不足之处,然后介绍angular的表单处理API是如何弥补这些不足的。我们会详细的介绍angular的两套表单处理API,一套叫做模板式表单,另一套叫做响应式表单,介绍它们各自的特性、优势和需要注意的地方。我们还会详细的学习如何使...
7 N2 s* p1 i+ A2 N7-1 表单处理内容介绍$ g$ f1 n" c3 }& O- x, ^$ x
7-2 表单简介/ F8 Y& ^0 `" `
7-3 模板式表单
+ L1 ]8 ^0 @1 ?, ~( B, o2 J7-4 响应式表单( y, ?/ ^ I; N- n0 `7 F5 i! Y
7-5 响应式表单重构
( x* i5 \% Y( [7-6 表单校验上0 Y1 `* g# L5 y* p- L& ]8 a
7-7 表单校验下
, I) W/ [8 O' G* @6 C9 u7-8 状态字段
2 k* t# ~0 \& }6 X! }6 \: z! a7-9 模板式表单校验
0 i; a1 K& R8 e" Q3 I+ e7-10 表单处理实战上
4 Z1 V8 H7 A9 Q" W" K7-11 表单处理实战下
" f$ F, ?$ x9 K' I; \9 v* p7-12 表单处理小结
" e, e; F9 h& ?0 m( K/ N! W4 w" }5 G0 o/ o- i
第8章 与服务器通讯
) D+ _- B1 W+ W# ]5 |这一章讲解了一个angular客户端应用如何使用http协议和WebSocket协议与服务器进行通讯。首先我们会用nodejs和express框架创建一个简单web服务器。然后我们会介绍angular的Http服务,以及如何使用http服务来与服务通讯并响应式的处理服务器返回的数据。接着我们会进入这门课最难的一部分,我们会详细讲解WebSocket协议的特性...
3 U+ y; i4 p' @9 [$ U8-1 与服务器通讯内容介绍
( d z, k6 Q8 X8-2 web服务器
: V, s3 j; k) Z% J q8-3 http通讯 k9 b3 T3 _5 `% B, p$ k
8-4 websocket通讯) V1 @1 {) B/ u) [0 h
8-5 本章实战上
) R5 N, L3 ^* w# I8-6 本章实战下2 S9 j" r5 E- q5 W+ G
8-7 本章内容小结
0 n; }6 s: k. f* ^
( M+ m. l0 D3 w2 _" l& m第9章 构建和部署) L/ ^" B X$ l$ Q' I% d
我们会学习如何编译typescript写成的项目,将其构建为最终可发布的js代码,并将其发布到我们前一章编写的nodejs服务器上去。我们还会讨论angular的多环境支撑能力,学习如何用一套代码适应开发、测试、生产等多种不同的环境。...
& n/ u1 h1 F2 w& h, T% k$ M+ N9-1 构建和部署6 l3 U" O$ ~6 O i. j2 |
5 { o! U' y6 A A第10章 课程总结9 ?+ U$ B3 D; A
取经之路终于完成,这一章我们会回顾整门课中学到的知识,并对后面的进一步学习指出一些方向。6 }* X* Z- R) D: d1 N
10-1 总结0 }4 z+ \% z% \: k# V2 e
9 J! Y7 t: C4 o# Q6 R
8 {, L) b, ~3 Z〖下载地址〗; w- {$ q6 u3 N3 C
$ G6 u% E" l, z
1 }) H v5 R# U9 k7 O---------------------------------华丽分割线-----------------------------------华丽分割线--------------------------华丽分割线---------------% u- e+ s' \( R) `6 s# x- u
〖下载地址失效反馈〗( _& |) q4 J( B8 l7 T: [, o, V
如果下载地址失效,请尽快反馈给我们,我们尽快修复。可加客服微信:2230304070
& H; c2 c: }+ q h4 ^
( d6 n: v3 N5 C/ s- G- s〖客服24小时咨询〗
2 t; o3 n* ~" _- U/ p' g6 R# L有任何问题,请点击右侧QQ咨询。3 F6 c; U& S5 Q/ A9 I- o
0 d- Z) @: F5 g, F" W
' `! O! I& K$ x$ ?0 _% H$ ?
9 b `- P& z7 Y3 _' C+ c. O |