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

[复制链接]
查看2543 | 回复1 | 2019-12-6 10:46:10 | 显示全部楼层 |阅读模式
QQ截图20191206104107.png % S$ [, i/ ~+ |+ [; l

2 T) _" [" U8 i. ]2 a+ a9 B/ G〖课程介绍〗1 }3 j/ r" ~7 a5 R, S
基于AngularJS,仿拉勾网开发一个招聘类的移动端单页应用,包括登录、注册、搜索、查看、收藏等功能,涵盖如指令、数据绑定、过滤器等AngularJS最常用的、难理解的核心概念,通过这一次实际开发,最终让你获得使用AngularJS独立开发单页应用的能力
0 a. a4 k. P! H( X: ~) F% e
9 q2 w& h% T! z8 t/ y〖课程目录〗
9 d" j: ^" F" R2 b5 J第1章 课程介绍
+ b9 F+ G1 B$ P2 D2 c5 R讲解课程开发内容和开发流程。前端主流开发框架与AngularJS对比。介绍AngularJS的基本概念。+ a* r; D5 q9 ]8 u. a
1-1 课程介绍 试看; B1 q/ n5 n! t! K
1-2 课程安排
+ h% i% G: l' e! ?9 W) S: f1-3 课程内容
/ \; m# G3 f6 A6 ^1-4 Angular概念简介( F. i9 H7 o) K" Y0 G, k! \
3 I1 F9 I; J0 Y0 i' L& z
第2章 基础知识介绍
$ Z9 L# {; ?9 v+ S% {/ B! D介绍单页应用以及AngularJS web app的构成。讲解css预编译语言less的使用。
' G2 F/ u0 f8 H0 L* O( L. u6 Y7 o2-1 Angular Web App构成
: D& e4 r3 v2 b. Y2 f9 l( S0 f9 @; B2-2 调试插件:batarang0 Y4 p0 ?/ e/ ^% H% r
2-3 依赖管理工具:bower0 j4 {/ i! p/ u3 @" b9 h
2-4 nodejs安装5 t7 w' Q6 I+ H# U) l
2-5 css预编译处理:less
  h$ ~8 @- K2 D0 m2-6 重要概念:单页应用
+ f" Z6 @) L+ T- Y2 @9 ?! C: A+ T, n. I; n( l5 T
第3章 使用构建工具3 C; X/ O+ Y+ q1 s5 ^* s
讲解构建工具gulp、包管理工具bower的使用。编写构建工具配置文件。! K" R( e3 S, @. S
3-1 目录结构说明
( ~: w3 X" z3 {  L! c' B7 C" z% s8 O3-2 自动化构建工具(1)
6 P/ ~3 X+ I. j$ k7 V3-3 自动化构建工具(2)& T* {' N% R5 p7 K4 [5 P. _
3-4 自动化构建工具(3)6 r0 @( F% M4 O" p' g
0 I) B: }6 e$ o8 h
第4章 实战项目-职位模块实现% Q8 H. z4 o2 Y+ B9 d
路由模块ui-router的使用与配置,编写相关页面、指令与控制器,介绍并使用处理异步调用的$q服务与发送http请求的$http服务。
, Z( J" A5 ]3 `) K  B) X. M4-1 模块划分 试看
6 H. {3 e3 E+ K" ^1 w$ b4-2 路由配置 试看, {4 [$ r, @, T% }1 ~
4-3 路由模块总结扩展
' J6 a. E8 O; O6 T; U  |4 k4-4 移动端自适应- @0 d/ z7 U/ ~: }' \
4-5 指令:app-head* x# ~) T5 J( x  S  @
4-6 指令:app-foot- `3 ^3 ~/ g& m* E
4-7 指令:app-position-list(1)
/ v# C. t- J' e/ k/ b4-8 指令:app-position-list(2)
2 ]) _/ z$ y+ d' L/ v2 F3 J% w8 w4-9 数据绑定与指令总结(1)
$ J' K  M1 k3 Y  @/ H: j4-10 数据绑定与指令总结(2)( \5 d1 }/ i0 E# Y1 [0 l- l
4-11 职位模块详页开发(1)4 S. J, F6 e, y  z! H
4-12 职位模块详页开发(2)
* p. k. q0 G8 S7 E# J  r% ]2 r$ s4-13 职位模块详页开发(3)0 s! Z# H8 ~( s# d( L& [

. P( i0 ~( l/ J% z% t8 g8 }第5章 实战项目--搜索模块实现
  G% y1 E3 ^8 i" c! I介绍并使用AngularJS内置过滤器,自定义过滤器在前端页面实现“搜索”功能。8 }7 b2 s" `* Y$ b$ P8 g, c6 x
5-1 公司详情静态页开发
$ D- @6 C4 _) Y( n: u5-2 首页controller完善  F/ m3 q/ `8 I0 R: r. i8 q
5-3 职位详情页controller完善(1)
( g! y6 J; `2 D2 d, g! X+ [5-4 公司详情页controller完善(2)
4 i$ d$ B+ t0 W' {2 Q; T5-5 控制器与作用域总结
( T  j# c+ b; r0 W5-6 服务总结(1)  X1 H- k9 D1 H5 H3 j9 |& `
5-7 服务总结(2)
+ y& B$ }. ~) l; l' ?& a5-8 搜索页编写(1)' Y  G( k2 W; j$ s4 H  h
5-9 搜索页编写(2)
+ E+ ~7 ~* s* P! p5-10 搜索页编写(3)
0 \& g, X1 A) C8 Q5-11 搜索页业务逻辑编写(1)# @$ @9 e/ [6 E7 @
5-12 搜索页业务逻辑编写(2)
/ }  V' k7 @/ a; `; b% _& Y3 R; k5 F5-13 过滤器总结
  w! _) E& W% q" ]; e- Y7 [* j5 u0 i1 H' x4 L  p
第6章 实战项目-用户模块实现" M0 }. B2 n) H. Z
登录、注册、投递记录、收藏记录页面开发,并使用angular-validation进行表单校验。3 F1 h/ D& F( L, j8 `
6-1 用户模块静态页开发(1)
7 q( n# J( o6 [7 ]# W6-2 用户模块静态页开发(2)
- E* A# H) P! ?0 c! T3 R, V7 t# E6-3 用户模块静态页开发(3)$ o  K% c- h9 [" u" T- [% D$ z# y* q
6-4 用户模块静态页开发(4)
7 m& t- }/ X- x2 C, Y( x6-5 用户模块逻辑编写-使用表单校验: x( n. X0 t9 z) U
6-6 用户模块逻辑编写-使用装饰器( E% E# i( P# ]8 Y5 @3 M
6-7 用户模块逻辑编写-登录
! K- w8 N1 g# f6-8 用户模块逻辑编写-我与投递记录
% g: [; O5 S; \% i8 ]2 Z6 l9 P6-9 用户模块逻辑编写-收藏
4 a- n# a( W7 h6 G6-10 逻辑完善和bug修复) c7 k! _* n- [$ ]( m+ ]

; R! }5 M# Z& ~* S6 J第7章 扩展与总结
! J; M0 M" l; g* j+ P2 |开发流程总结,页面添加动画,利用脚手架工具快速搭建angular项目,并介绍更多提升学习资料。6 @1 A$ w- X0 _2 t$ Z# g/ k' m
7-1 开发流程总结
" f1 W; ]3 r, K7-2 快速构建
' N" c1 {  V. S2 v6 G& @7-3 动画- B$ p9 Y- W* m8 }  l7 _
7-4 课程总结& a: Z& I' m: G7 K, w

, ^7 F& E( A5 n" T7 n〖下载地址〗( a9 u% A, g$ T; H' V
游客,如果您要查看本帖隐藏内容请回复

" H) k) P6 {/ `) c
8 z; ]$ v& r3 q----------------华丽分割线-------------------------华丽分割线-----------------------华丽分割线-------------
8 R0 @4 c0 @  |9 H3 Q
8 b) Y' ]; h1 q3 `, d〖下载地址失效反馈〗$ x; S2 v% p' C8 V3 H) {4 a
如果下载地址失效,请尽快反馈给我们,我们尽快修复。请加微信留言:2230304070
- K7 ~+ I8 s$ o: e; w# m8 P+ y, x  L
〖升级为终身会员免金币下载全站资源〗
( I5 w$ |3 }4 `2 C" y/ J6 L全站资源高清无密,每天更新,vip特权了解一下:http://www.mano100.cn/rjyfk_url-url.html
9 a, g9 e# C+ K# e* L. {1 a# E3 T2 x' I! r6 s
〖客服24小时咨询〗
% v6 A" T4 s& e) q) I有任何问题,请点击右侧QQ邮箱:2230304070@qq.com 咨询。
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则