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

[复制链接]
查看2725 | 回复1 | 2019-12-6 10:46:10 | 显示全部楼层 |阅读模式
QQ截图20191206104107.png ! X- r7 W5 e+ o% C/ ]! `" K
$ w; n5 d/ s- z6 W" T
〖课程介绍〗1 r1 l1 M; w! P% H, X' }2 ?
基于AngularJS,仿拉勾网开发一个招聘类的移动端单页应用,包括登录、注册、搜索、查看、收藏等功能,涵盖如指令、数据绑定、过滤器等AngularJS最常用的、难理解的核心概念,通过这一次实际开发,最终让你获得使用AngularJS独立开发单页应用的能力
( Q: ?& g" C* ~/ M/ F
5 F& k: D' m& u% F0 _) A〖课程目录〗2 T2 t) n8 B6 d. q
第1章 课程介绍& w0 q8 y% X- L
讲解课程开发内容和开发流程。前端主流开发框架与AngularJS对比。介绍AngularJS的基本概念。0 f# V! Z' n% ^
1-1 课程介绍 试看
' E6 u  y0 p1 x4 o6 M5 ~) s1-2 课程安排
4 G. P6 m7 U- d4 z1-3 课程内容
* P* P5 q) m/ W1-4 Angular概念简介& |- ^, w. p, y
% ?5 u2 D( B( r+ k7 h
第2章 基础知识介绍
! L0 \) c; R) i4 h( O! e0 J介绍单页应用以及AngularJS web app的构成。讲解css预编译语言less的使用。5 r3 B; q2 a, w9 D) [4 _
2-1 Angular Web App构成
7 I+ U- O1 k! Y- c3 S8 l3 O2 U2-2 调试插件:batarang  v, q, b; k; f# c
2-3 依赖管理工具:bower
( E1 x/ N4 }; u: q; y% F. k5 X0 h" N5 Z2-4 nodejs安装4 M; J$ P: B! e- j3 f% b) d' d: |
2-5 css预编译处理:less
+ J, r- J  q6 e* W2-6 重要概念:单页应用2 _- j+ f' Y& Y

# n3 m5 z3 ^, j# I' H  @第3章 使用构建工具
, ^' ?9 l( y! i( T% K讲解构建工具gulp、包管理工具bower的使用。编写构建工具配置文件。
. r* v  y3 {+ T; {8 n; r  z3-1 目录结构说明
: y% E3 C( H0 w8 N6 ^3-2 自动化构建工具(1)
: M, h& U# N/ ?% A3 y" u3-3 自动化构建工具(2)( N/ N+ a- X) `% s0 z/ ~# ~
3-4 自动化构建工具(3)% t. [* b5 ~" `

, n5 \4 n% T# C4 \第4章 实战项目-职位模块实现% f9 w) `4 W* N* Y' w
路由模块ui-router的使用与配置,编写相关页面、指令与控制器,介绍并使用处理异步调用的$q服务与发送http请求的$http服务。
7 f3 t3 W! E7 ?4-1 模块划分 试看
5 q: `2 h2 l4 m. s4 s4-2 路由配置 试看
/ y. x. {; k/ p: J' |- b4-3 路由模块总结扩展
0 B& z2 Q) \& f3 `) J; }; s4-4 移动端自适应+ c( T0 b/ J! E/ c; r, a' u9 _8 D
4-5 指令:app-head
( l" S7 a. G# T4 W/ `  v0 S4-6 指令:app-foot1 E0 z5 }# g, ?! |# J2 E# W
4-7 指令:app-position-list(1)
; M) v' ^* }4 @9 S5 B0 {4-8 指令:app-position-list(2)$ n0 s& o: R: U! @
4-9 数据绑定与指令总结(1)7 v2 I! `% W! h
4-10 数据绑定与指令总结(2)+ O. x( Y! Y+ Y. b) q6 H  K
4-11 职位模块详页开发(1)
" Q. @3 _+ q+ }" q4-12 职位模块详页开发(2)! H" v# _4 F6 {$ H; k
4-13 职位模块详页开发(3)
7 Q, ?2 i5 b5 O
* r9 b# B1 n! @3 `4 s5 D# Y第5章 实战项目--搜索模块实现( @* _. P* C0 W! O3 L% w# {
介绍并使用AngularJS内置过滤器,自定义过滤器在前端页面实现“搜索”功能。
+ j; Q" c4 m/ E5-1 公司详情静态页开发
8 Y' P( }* @( G: K5-2 首页controller完善$ }  A9 ?) z# [* p: W& U4 @
5-3 职位详情页controller完善(1)
. o- f* A) W' e5 t7 Z/ m5-4 公司详情页controller完善(2)
2 G& w; r2 y8 A0 a' C1 X5-5 控制器与作用域总结, h* {- a8 I- y4 C7 W
5-6 服务总结(1)
* b: q( h: i6 L, F5-7 服务总结(2)
* j4 ?- k4 j9 T/ _: T5-8 搜索页编写(1), }0 u6 o, L+ r2 O  |$ D! G$ ^* ^
5-9 搜索页编写(2)
) X* B* s' \7 g3 s* q& M5-10 搜索页编写(3)- d) E4 e: ]+ P1 f! a8 b' j
5-11 搜索页业务逻辑编写(1)  `8 r/ Q9 |' V+ i
5-12 搜索页业务逻辑编写(2)
( Y! e; a" l. r3 |' D5-13 过滤器总结) T$ n8 U- _4 p3 d  m6 G- ^
4 }% Q- M7 V$ T+ b5 Z. R
第6章 实战项目-用户模块实现$ d6 F& A5 X- X$ n+ L) w% n
登录、注册、投递记录、收藏记录页面开发,并使用angular-validation进行表单校验。' Q0 y- k/ V: ?7 S! @' t
6-1 用户模块静态页开发(1)
* l" G0 ?0 g  N' W6-2 用户模块静态页开发(2)
9 [: X5 X  l  P" d. Y% d6 G6-3 用户模块静态页开发(3)! d0 h  a3 E8 i  j' W1 G5 E
6-4 用户模块静态页开发(4)5 m* x, b7 X" a" |
6-5 用户模块逻辑编写-使用表单校验/ ^' l' t+ Z6 ]9 q( Y
6-6 用户模块逻辑编写-使用装饰器# x6 q; N/ }8 a: [% r
6-7 用户模块逻辑编写-登录
- K# i! Y4 ?( ~6-8 用户模块逻辑编写-我与投递记录$ k6 @4 l. b# g4 f
6-9 用户模块逻辑编写-收藏9 ?4 w$ V# \2 D* z- q$ S
6-10 逻辑完善和bug修复0 a& k% u& @( o0 a" }% a

7 O$ s5 t. ]$ c第7章 扩展与总结
# }' S, ~9 ~% Q; B" p开发流程总结,页面添加动画,利用脚手架工具快速搭建angular项目,并介绍更多提升学习资料。( O% U1 b$ @9 c7 Z* Q, W" r
7-1 开发流程总结/ s' B% z3 |- ~/ Y4 g
7-2 快速构建' f7 L% ~3 Q9 o; _- X0 w
7-3 动画
) q2 d9 m4 R( Z  `7-4 课程总结9 w) L* t8 ^9 A# J- g* F
( ~/ X" R8 j- A! k
〖下载地址〗
1 t# {* E0 ~3 _- z) t% }
游客,如果您要查看本帖隐藏内容请回复

6 l7 N% P+ N% U. F2 U6 G
; F. g2 S& \2 H' G( V: D2 z* L----------------华丽分割线-------------------------华丽分割线-----------------------华丽分割线-------------( k: m- l7 t. l# u

0 z5 C5 S4 h2 g〖下载地址失效反馈〗6 [  n' N- j9 r* c
如果下载地址失效,请尽快反馈给我们,我们尽快修复。请加微信留言:2230304070
3 d# X7 \* G  {. q, Z- e' i$ [! m" O7 G  i5 _
〖升级为终身会员免金币下载全站资源〗
. o8 ~3 E3 [) h全站资源高清无密,每天更新,vip特权了解一下:http://www.mano100.cn/rjyfk_url-url.html/ X9 l8 F, r  z1 J" L6 v/ f" d
* t. }" ^" k3 F) ]" E. R+ e' e
〖客服24小时咨询〗4 P6 k4 |* U; a5 _; w6 H9 N
有任何问题,请点击右侧QQ邮箱:2230304070@qq.com 咨询。
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则