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

[复制链接]
查看1486 | 回复1 | 2019-12-6 10:46:10 | 显示全部楼层 |阅读模式
QQ截图20191206104107.png
- J) J4 D5 \3 t7 Y  D7 N" }! n- t0 X& @! Q& B
〖课程介绍〗5 D: B! K( `! t9 \* \2 J4 l2 E5 i
基于AngularJS,仿拉勾网开发一个招聘类的移动端单页应用,包括登录、注册、搜索、查看、收藏等功能,涵盖如指令、数据绑定、过滤器等AngularJS最常用的、难理解的核心概念,通过这一次实际开发,最终让你获得使用AngularJS独立开发单页应用的能力4 Y& K3 C) h: r! `* B
1 O: D. R8 `1 X
〖课程目录〗
: }4 \: `; @# ^6 M( G0 d# b第1章 课程介绍" n0 J( R# L! ?) g
讲解课程开发内容和开发流程。前端主流开发框架与AngularJS对比。介绍AngularJS的基本概念。
/ T. i6 Q2 k  @) I7 _$ N1-1 课程介绍 试看! J# F- s, @, s1 ]: {1 H1 d) U
1-2 课程安排. V) m3 b' U5 [. [: f, J
1-3 课程内容- D: \, [! w7 I; j3 b
1-4 Angular概念简介: ]- ?8 b  w/ K  s4 Y5 w

$ P3 r6 j3 ]) J; u& _5 G5 l- a第2章 基础知识介绍3 ?/ ]7 K  i3 O6 X
介绍单页应用以及AngularJS web app的构成。讲解css预编译语言less的使用。
% ], {- ?6 @; n8 ]1 w# n2-1 Angular Web App构成
" i6 Y5 a( g: m) o. [" B! \2-2 调试插件:batarang
2 N+ y4 r" x. K2-3 依赖管理工具:bower5 I6 I2 E  b+ i+ Y* j" q/ `1 C
2-4 nodejs安装3 l" @" w4 F0 O- {) J6 G) U, E
2-5 css预编译处理:less! S. [% K6 y& E5 l2 m3 b5 X! s0 W
2-6 重要概念:单页应用
% t" d! a! W" n0 {
7 [( T& [7 {+ a2 V. d! ~第3章 使用构建工具
! [; X1 k- f, i& o& L) `9 y) ?讲解构建工具gulp、包管理工具bower的使用。编写构建工具配置文件。) ~" H8 ]0 V& {' o2 J7 h% Z$ h
3-1 目录结构说明
& B. H0 \  g# k; Y' O3-2 自动化构建工具(1); a% ?4 R8 ~* m; B% j5 f
3-3 自动化构建工具(2); H. n: j% d/ i, e& ?' J
3-4 自动化构建工具(3)
% e% F: `6 E6 i  ^* _' ]2 Z" T2 @) H; e4 }
2 |- {  M9 K' j' p1 U$ M) W( w: Z第4章 实战项目-职位模块实现
% }4 Z( J' k' N9 F; d8 {; q) }路由模块ui-router的使用与配置,编写相关页面、指令与控制器,介绍并使用处理异步调用的$q服务与发送http请求的$http服务。
+ h% I9 {3 |. k/ o! I4-1 模块划分 试看
  e" z0 n6 M# `- m4-2 路由配置 试看- W& B' [: t0 ]  {6 x1 D+ Q
4-3 路由模块总结扩展
1 K  N* O0 v) l, w8 e! R2 A4-4 移动端自适应
% c3 h  N" s7 G8 Y. ]4-5 指令:app-head4 w- [8 F9 }' N7 z
4-6 指令:app-foot
0 B, l" T  y0 Q  O' l4-7 指令:app-position-list(1)+ w! P2 ?- Z: E# N% h
4-8 指令:app-position-list(2)
0 J/ q% S! }) S/ c7 o! O9 N4-9 数据绑定与指令总结(1)
/ |7 H8 f9 I8 D1 M, \0 U3 {4-10 数据绑定与指令总结(2)5 D5 h6 J" Y/ |: D5 B& t* |  r
4-11 职位模块详页开发(1)7 |0 Z/ b/ f! j" x
4-12 职位模块详页开发(2)
0 c* }7 h' J  d8 E0 ^; `4-13 职位模块详页开发(3)1 m1 ~6 M5 R  o/ C$ [8 E3 w! |. A
3 h9 T5 K$ E- I( C
第5章 实战项目--搜索模块实现' Z" t7 ?3 B( V/ s, M
介绍并使用AngularJS内置过滤器,自定义过滤器在前端页面实现“搜索”功能。4 ]+ q; W! r# C0 w
5-1 公司详情静态页开发
, O9 Z- a7 R; h1 C" i& n5-2 首页controller完善# ~2 @2 k- X3 D: Q: W. k" v& T
5-3 职位详情页controller完善(1)
8 E# s8 p. y* m5-4 公司详情页controller完善(2)
" }; z! w4 {# V$ l% y' r4 U' B2 f0 W" T5-5 控制器与作用域总结- [6 ~+ }: M% g9 O. P3 m
5-6 服务总结(1)- w  `* R( x0 J% v2 z' k: p
5-7 服务总结(2)
' D9 v; _/ n5 w4 e/ Y5-8 搜索页编写(1)/ r" o  E+ }; t5 L: D
5-9 搜索页编写(2)
' o9 L& M# Q) O1 N5-10 搜索页编写(3)1 `7 X% R4 B% ?
5-11 搜索页业务逻辑编写(1)' U) C0 \5 O2 g
5-12 搜索页业务逻辑编写(2): n! u; F4 w% s9 F- x- c6 ]' A
5-13 过滤器总结# u2 W0 A  N  |0 K7 h" Y; |
4 u' x0 A/ w; V4 ~' j
第6章 实战项目-用户模块实现/ k+ O2 y6 S/ Y: Z1 C% C
登录、注册、投递记录、收藏记录页面开发,并使用angular-validation进行表单校验。  n  R4 o' G0 u1 }9 y
6-1 用户模块静态页开发(1)$ E& ~) M- O& |8 I1 Y5 ^9 I
6-2 用户模块静态页开发(2)
1 `; O- q% N$ B( O; C, I' u6-3 用户模块静态页开发(3)6 L4 `* x7 Q2 |' O
6-4 用户模块静态页开发(4)
/ c0 Y: @8 }, m7 {% K& a6-5 用户模块逻辑编写-使用表单校验
" T" J3 T8 p" b0 ]( b4 x6-6 用户模块逻辑编写-使用装饰器" ]) Y$ |" V5 u; m* O% n! t: X. q
6-7 用户模块逻辑编写-登录. e* e" [# `' r9 ?
6-8 用户模块逻辑编写-我与投递记录
* a6 ~" g! B  c$ z; X9 c. x8 V1 z6-9 用户模块逻辑编写-收藏7 V5 \: K7 m! e
6-10 逻辑完善和bug修复
: J" D3 u2 Y; m" Y  q2 x* N( d& d6 G# J
第7章 扩展与总结
/ @! r' k$ Y( \$ m  D& `开发流程总结,页面添加动画,利用脚手架工具快速搭建angular项目,并介绍更多提升学习资料。
: f5 H$ L: c/ I; Y" {" F7-1 开发流程总结, B& h  L% ]6 o: P
7-2 快速构建$ A( w9 |6 _+ @" f
7-3 动画
' `# s2 f7 a4 L8 O5 X1 P) E7-4 课程总结
: b3 D6 U9 Q+ m4 [1 p2 ~5 F- ?% y. x% U, c" z7 A* p
〖下载地址〗! U# K3 x' `/ o! z
游客,如果您要查看本帖隐藏内容请回复

* B$ h" x, r) L7 u. K: ^2 z$ t6 Q' F/ n( j. _
----------------华丽分割线-------------------------华丽分割线-----------------------华丽分割线-------------, U1 R6 S& b: N; }; y! ~% E
7 Q- e/ \+ o' k' K8 X* W
〖下载地址失效反馈〗
" C  \2 A7 A0 N如果下载地址失效,请尽快反馈给我们,我们尽快修复。请加微信留言:2230304070
1 e8 W4 B# k6 k$ [. C$ d- t7 S: b, r, [( w) T8 F7 [
〖升级为终身会员免金币下载全站资源〗) E0 U+ M- e0 p6 e
全站资源高清无密,每天更新,vip特权了解一下:http://www.mano100.cn/rjyfk_url-url.html& {( i! \8 E) W$ S7 ]- b& {

0 }- x% }/ ~2 ~0 y0 b* I8 g$ B( f〖客服24小时咨询〗
- \: D+ Y) G* N7 U! k  g  J4 e有任何问题,请点击右侧QQ邮箱:2230304070@qq.com 咨询。
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则