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

[复制链接]
查看2307 | 回复1 | 2019-12-6 10:46:10 | 显示全部楼层 |阅读模式
QQ截图20191206104107.png
9 d' p4 ]6 W  x' g; y+ V4 d" M7 M0 _: \6 ]! y% J4 V) D
〖课程介绍〗  J; R/ M+ H0 I9 ]
基于AngularJS,仿拉勾网开发一个招聘类的移动端单页应用,包括登录、注册、搜索、查看、收藏等功能,涵盖如指令、数据绑定、过滤器等AngularJS最常用的、难理解的核心概念,通过这一次实际开发,最终让你获得使用AngularJS独立开发单页应用的能力5 l2 J9 k( N/ U2 Q
- |  ~2 S/ T* d7 \2 g2 N/ C  |* c
〖课程目录〗
+ s5 P! x: J( w2 k8 p6 @; S# C第1章 课程介绍
. {  X/ D/ A: G/ V! L9 t讲解课程开发内容和开发流程。前端主流开发框架与AngularJS对比。介绍AngularJS的基本概念。
4 y6 S1 a* B% ^0 o  v1 R" ]1-1 课程介绍 试看
( C! q6 D% G7 i; t1 |8 Q1-2 课程安排
; P. b+ Z; [. p0 G" b1-3 课程内容
0 L* K5 b- _" x* h; L. t# F4 r1-4 Angular概念简介& G$ i) K. Y4 A" S' K

& E3 h0 Q8 ~" D: c3 V5 P第2章 基础知识介绍. y; l7 X5 d7 j) \% _9 @) W" Y2 g' d$ k
介绍单页应用以及AngularJS web app的构成。讲解css预编译语言less的使用。
3 o! T/ l) [& y  w2-1 Angular Web App构成6 P' _0 |1 E* q) E9 ^1 i$ w
2-2 调试插件:batarang' x! _- F% i" ^6 N) }7 j; ~
2-3 依赖管理工具:bower
7 l; n, [0 b; E2-4 nodejs安装
& B# a9 K2 ?0 j. k6 M2-5 css预编译处理:less' I" S3 z0 d& k! Q4 w
2-6 重要概念:单页应用, ]% S; w4 b6 @, ], g$ }: y9 Z

! m' Z; u# j6 Q# R- [7 b: E+ A第3章 使用构建工具
5 x6 Y9 s& t8 a2 A, v2 ]: e6 ~讲解构建工具gulp、包管理工具bower的使用。编写构建工具配置文件。
8 d# v( [  d  H4 _8 G( [  m/ I3-1 目录结构说明+ F5 I  K2 A# J% V2 }' y- J/ r
3-2 自动化构建工具(1)
# @* Y2 ~5 ?* z0 |) r% B3-3 自动化构建工具(2)& Q# d0 E9 F& F- T) L
3-4 自动化构建工具(3)' H7 g$ C8 P/ _; d: c

8 Z3 [' z  X& x1 J第4章 实战项目-职位模块实现
$ f$ `* N- d0 B. A& W- x8 L路由模块ui-router的使用与配置,编写相关页面、指令与控制器,介绍并使用处理异步调用的$q服务与发送http请求的$http服务。  u* b. u. M) l& ^& D4 `
4-1 模块划分 试看
8 x. i/ g+ ~! a% S6 }; B' a5 @7 R4-2 路由配置 试看
1 r. X$ y/ f3 a6 x! V# d4-3 路由模块总结扩展) E$ y% q9 v. ?* b- E6 {& G! H! G, L
4-4 移动端自适应
7 d2 K$ e2 q  {9 W4-5 指令:app-head+ _, y' k6 Y* [/ G# p/ W; A* R/ x
4-6 指令:app-foot7 ~! l+ i" n# E8 o: H% v& M3 v
4-7 指令:app-position-list(1)
5 j6 e+ m* W3 [* }* V  h4-8 指令:app-position-list(2)2 d* N( U. p7 P, v8 }" Y
4-9 数据绑定与指令总结(1)
2 g# K" f5 K& n, a+ J3 i4-10 数据绑定与指令总结(2)( |% @% p$ T4 X/ }; Z& }) I! E; ]# j
4-11 职位模块详页开发(1)
# R: X! E9 F) M4 Q: d" W1 t, L4-12 职位模块详页开发(2)
5 D0 w% w/ H; L( l: ^9 Y0 P4-13 职位模块详页开发(3)
: U1 h5 o! a0 Q% n9 V/ l4 [. u/ ?9 k8 h* I9 T
第5章 实战项目--搜索模块实现
9 L2 m; Q' k" J7 A8 E) ?+ d介绍并使用AngularJS内置过滤器,自定义过滤器在前端页面实现“搜索”功能。
9 S7 e( P% e6 s/ N) b3 @4 O5-1 公司详情静态页开发$ ~: e, F% X; E+ l/ o
5-2 首页controller完善
# J$ ]1 e$ \1 V; L7 z- w5-3 职位详情页controller完善(1)' Y2 Q. ]. Z" j, n
5-4 公司详情页controller完善(2)3 D) w; T$ ^  H$ [$ Q5 l
5-5 控制器与作用域总结  T9 U, J. W  i
5-6 服务总结(1)
  @4 d) t$ G+ h" w# l5-7 服务总结(2)
0 n" j: I$ S' ~& Q- N5-8 搜索页编写(1)
. I- c8 y5 Q5 f8 C" m% l5-9 搜索页编写(2)
7 R' Y: N0 _3 e: }6 h7 Y' ?5-10 搜索页编写(3)
4 j- h( I, ?. Y5-11 搜索页业务逻辑编写(1)' W. [, c3 R5 }, \
5-12 搜索页业务逻辑编写(2)
: U6 J  q7 E4 S$ h# M5-13 过滤器总结6 J7 _  j$ R! w; J' a' L) v

2 v& i, Z0 e' K第6章 实战项目-用户模块实现
; A/ L" y5 r, b0 |" G. K登录、注册、投递记录、收藏记录页面开发,并使用angular-validation进行表单校验。
$ ^  I2 S0 e0 z6-1 用户模块静态页开发(1)8 P& u- `2 x0 |3 {
6-2 用户模块静态页开发(2)
8 u2 }, V+ h3 R# G6-3 用户模块静态页开发(3)
# L0 u9 v% h# M  |1 Y' B1 S6-4 用户模块静态页开发(4)! \; ^! A& {& E9 v' p7 d
6-5 用户模块逻辑编写-使用表单校验; g5 u" n$ M& R# h7 q( E
6-6 用户模块逻辑编写-使用装饰器  ?6 ^5 m1 ^' Y3 X
6-7 用户模块逻辑编写-登录* Q3 ~2 N5 k( W4 b" u
6-8 用户模块逻辑编写-我与投递记录+ w' o: Y$ ^3 Y+ R! I
6-9 用户模块逻辑编写-收藏
  H$ i0 a' \! u6-10 逻辑完善和bug修复
& @! `* Q' t3 _8 u
0 _4 s9 L. g0 `" y$ ]第7章 扩展与总结/ [1 q# j- X* H$ y2 P
开发流程总结,页面添加动画,利用脚手架工具快速搭建angular项目,并介绍更多提升学习资料。: r7 ~/ o! _% Y. s6 v% M
7-1 开发流程总结
+ ^, U) e/ _5 P& [& `+ ~7-2 快速构建$ a' A4 b8 f4 j3 W$ i: d
7-3 动画8 H; O: h9 h( ~# O1 f5 K
7-4 课程总结
! j; \8 {$ h0 @8 _% P  V# ~1 ?% J; N; x# x
〖下载地址〗! n  e( Y& |8 c. W' X* B. K
游客,如果您要查看本帖隐藏内容请回复

' L/ {2 c+ r3 H' z
6 p# [* w+ M; i  C----------------华丽分割线-------------------------华丽分割线-----------------------华丽分割线-------------* Z" S2 O8 l* g- T4 O

8 D' L) Q/ r* ^4 J9 z$ }〖下载地址失效反馈〗! J. S- q3 d. Q7 R& q& w; v; T
如果下载地址失效,请尽快反馈给我们,我们尽快修复。请加微信留言:2230304070
$ }0 F: T) y6 Y4 W2 k, X0 A/ Y7 Z3 U
〖升级为终身会员免金币下载全站资源〗
$ H) ~9 t) ]) N: K# H全站资源高清无密,每天更新,vip特权了解一下:http://www.mano100.cn/rjyfk_url-url.html
  f% l' z2 p5 o$ T+ [7 u  h& y+ r. a* I$ m# |' o: C
〖客服24小时咨询〗
, H6 `! x2 x+ V; B5 `有任何问题,请点击右侧QQ邮箱:2230304070@qq.com 咨询。
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则