Angular JS 仿拉勾网 WebApp 开发移动端单页应用

[复制链接]
查看2364 | 回复1 | 2019-12-6 10:46:10 | 显示全部楼层 |阅读模式
QQ截图20191206104107.png
+ d9 Q( J. ]  W6 D3 p& S$ c% E/ l4 w1 h* x4 j' A$ q
〖课程介绍〗
; B  t6 |% {1 @& C$ _; o基于AngularJS,仿拉勾网开发一个招聘类的移动端单页应用,包括登录、注册、搜索、查看、收藏等功能,涵盖如指令、数据绑定、过滤器等AngularJS最常用的、难理解的核心概念,通过这一次实际开发,最终让你获得使用AngularJS独立开发单页应用的能力
+ o2 K* N; ~' w
- D6 B7 `4 R$ s$ x1 t) @〖课程目录〗% u0 e" J( G( i  C
第1章 课程介绍; y" S6 Z+ }, h8 l1 _% q  o
讲解课程开发内容和开发流程。前端主流开发框架与AngularJS对比。介绍AngularJS的基本概念。# W! p& \* z: y3 T
1-1 课程介绍 试看
' `! d8 ^' \9 m) i+ y8 W5 x! Z$ x1-2 课程安排
& {# Y4 `' L; x0 ]% c3 \1-3 课程内容3 D0 l. k: O: t6 L
1-4 Angular概念简介. A9 B, J0 q7 C7 Y# y2 q; u8 b: h
- O; ?( E) p% y; d1 I" i
第2章 基础知识介绍
( t! c6 g4 n, C' H8 K1 Z  _' c介绍单页应用以及AngularJS web app的构成。讲解css预编译语言less的使用。
. B7 O+ z) r! U" H: i/ y2-1 Angular Web App构成& W( d' ]. X! V. A/ Q  e  h
2-2 调试插件:batarang
1 a: H9 P/ X$ x1 u, B* u' ?2-3 依赖管理工具:bower6 O' N; ^/ K, D, m/ T" T
2-4 nodejs安装
7 V( }) C& _+ e  |' x2-5 css预编译处理:less
0 x! @, J8 p( o9 M& ~2 x8 I2-6 重要概念:单页应用
% \& }  }, D2 n( k3 Q& W, Z" L, R4 @3 d" o7 ~) U
第3章 使用构建工具% u8 D0 Q; `1 b3 }0 H
讲解构建工具gulp、包管理工具bower的使用。编写构建工具配置文件。
$ \& b# ]9 I; T' m0 h5 _! ]3 |3-1 目录结构说明' h9 @) U  d% I5 a
3-2 自动化构建工具(1)1 w, v# A" Z: \% h" |
3-3 自动化构建工具(2)
: }3 W( R# F" X$ P, t0 z* I/ g5 M2 E4 h3-4 自动化构建工具(3)
! @: W2 w7 p( k3 m2 e
1 R' x) Y& w9 v  j2 P4 u6 i7 Y第4章 实战项目-职位模块实现7 `+ k9 S6 I8 ]: ]2 t
路由模块ui-router的使用与配置,编写相关页面、指令与控制器,介绍并使用处理异步调用的$q服务与发送http请求的$http服务。
8 P/ ]& x3 m# @* H4-1 模块划分 试看$ S% @% Z; H1 p6 A# u" D
4-2 路由配置 试看0 v# U' ?" D6 `3 I; I. J
4-3 路由模块总结扩展
  U1 X0 C. s7 m; l4-4 移动端自适应
- t  l  a( @! i( B4-5 指令:app-head
$ _" P- L" b9 S) t' I7 p4-6 指令:app-foot: G+ ^3 N/ c) `' }  G
4-7 指令:app-position-list(1)
' J- y% b/ X2 w1 ?7 |. `4-8 指令:app-position-list(2)0 e# M! f2 r: O' l- m) C( q
4-9 数据绑定与指令总结(1)
0 Z3 ~! f; w1 x5 N, Q( S" P! J: H4-10 数据绑定与指令总结(2)
9 V4 m" A4 o$ X- F/ p4-11 职位模块详页开发(1)
4 O: B0 q9 b; K; T4-12 职位模块详页开发(2)
6 Q; V2 U0 a$ u# U4-13 职位模块详页开发(3)* _4 U9 g3 S+ u3 E
& \3 U! P/ K4 x7 y3 v6 U1 X
第5章 实战项目--搜索模块实现
# s* `# n/ u: G0 r7 J4 E+ O1 n介绍并使用AngularJS内置过滤器,自定义过滤器在前端页面实现“搜索”功能。8 ^- A1 k# M& e+ `, t8 k
5-1 公司详情静态页开发
" ~. i+ q! z- d2 ^, f% E# g5-2 首页controller完善5 Y* {- G% d0 o7 m* L% D
5-3 职位详情页controller完善(1)
; j' ]( a7 L4 r7 F5 R+ ?. k5-4 公司详情页controller完善(2)
$ K" {& S3 d% V% |/ M$ ?6 K' o( ?5-5 控制器与作用域总结
5 N4 Q. v$ o3 ?2 }' l+ ~' j1 D5-6 服务总结(1)9 O0 U, z4 W, ?( K5 G; G
5-7 服务总结(2)5 Z. S. n7 x5 w' |
5-8 搜索页编写(1)
: z. R5 z, H3 Q3 f5-9 搜索页编写(2)
' |, N0 W' p: N" d5-10 搜索页编写(3)
9 H/ H( r" w; d# c" h5-11 搜索页业务逻辑编写(1)  e4 o, p  l$ F9 |" q% K' }# \! W
5-12 搜索页业务逻辑编写(2)
. O2 ^( y" H  `5-13 过滤器总结( z/ T( Q5 V- `9 T
+ j; k) h1 f  D* {
第6章 实战项目-用户模块实现
  a/ G. O6 w2 @8 b登录、注册、投递记录、收藏记录页面开发,并使用angular-validation进行表单校验。' j/ J. H4 \/ p5 j
6-1 用户模块静态页开发(1)
& P+ u* G% T2 |" g" w& i6-2 用户模块静态页开发(2)9 v6 Y2 _0 e& r! L% G* U* k
6-3 用户模块静态页开发(3)1 @+ k: P# J+ Y( u
6-4 用户模块静态页开发(4)( x; S1 y4 q- {$ c/ V
6-5 用户模块逻辑编写-使用表单校验
1 |6 e7 ?% a/ V% Q6-6 用户模块逻辑编写-使用装饰器
; l3 w: i- G: N% a+ ~  o6-7 用户模块逻辑编写-登录! a6 H- @+ q9 k# T3 a) ^9 q
6-8 用户模块逻辑编写-我与投递记录1 b. V2 T( f) E& O
6-9 用户模块逻辑编写-收藏
1 p# B' G- W- G1 S  a6-10 逻辑完善和bug修复% Z' P( V( c/ b9 O# J/ A7 I8 {/ j

& D6 I& ], y, t* \. K1 o6 ^第7章 扩展与总结& c6 m+ z3 D$ H3 a" e
开发流程总结,页面添加动画,利用脚手架工具快速搭建angular项目,并介绍更多提升学习资料。
/ n. f; J% f5 t, n4 {* F7-1 开发流程总结
4 [- J; ^; G- f( }8 |" J' d7-2 快速构建9 A! A% J3 H- v9 n, q  V/ s  L
7-3 动画
5 G: [) a2 b1 W6 x# i/ M" W7-4 课程总结
: c/ ]- }5 Y/ ^, M
9 |  w) j+ {( ~* v' f〖下载地址〗7 g) B8 K) _: k4 x. ~: d
游客,如果您要查看本帖隐藏内容请回复

" I  F7 L+ R* _: H0 p( \* b7 A) }. m  P% G$ g0 Y
----------------华丽分割线-------------------------华丽分割线-----------------------华丽分割线-------------) m( M( Q( s) {
5 m. @/ s$ v( e, d4 F: S
〖下载地址失效反馈〗
  P( a# R6 J) m, Z& {) @  V如果下载地址失效,请尽快反馈给我们,我们尽快修复。请加微信留言:2230304070
8 B$ P8 R  q, \) _! O* |7 |. O7 O0 X
〖升级为终身会员免金币下载全站资源〗2 F& q% G7 t4 a3 [9 E
全站资源高清无密,每天更新,vip特权了解一下:http://www.mano100.cn/rjyfk_url-url.html" L/ g' w& w2 |9 g: x& M6 y. ~
1 r9 A% e: S5 L% L5 |% O9 {
〖客服24小时咨询〗5 R+ C7 R9 f1 v' M
有任何问题,请点击右侧QQ邮箱:2230304070@qq.com 咨询。
回复

使用道具 举报

Hicks | 2020-1-15 09:18:24 来自手机 | 显示全部楼层
不错,学习下
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则