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

[复制链接]
查看1422 | 回复1 | 2019-12-6 10:46:10 | 显示全部楼层 |阅读模式
QQ截图20191206104107.png ' q9 }4 e: l  j7 |! n$ w" s
( _: n2 ^& b- }. ^7 B
〖课程介绍〗0 D$ I( {3 c' K$ w
基于AngularJS,仿拉勾网开发一个招聘类的移动端单页应用,包括登录、注册、搜索、查看、收藏等功能,涵盖如指令、数据绑定、过滤器等AngularJS最常用的、难理解的核心概念,通过这一次实际开发,最终让你获得使用AngularJS独立开发单页应用的能力. z. d4 h4 G7 s9 V8 N, a- I' `
* u# h' v0 {/ Y9 [$ X
〖课程目录〗8 Y/ m% H. A+ y% I! Q3 [) |0 H
第1章 课程介绍) E' l1 s& N: {# d" Y' ~! r
讲解课程开发内容和开发流程。前端主流开发框架与AngularJS对比。介绍AngularJS的基本概念。: N# Q4 J2 i' T, A4 w2 z# d" ~
1-1 课程介绍 试看
, Z1 p! y9 q$ G) Y4 h9 @7 @1-2 课程安排$ Q) v! {& o. c! U# ^7 z
1-3 课程内容
% i1 v/ W7 T( p  h2 ?5 Q# r7 a1-4 Angular概念简介* R) J/ K4 F! Z! U, [8 d/ W
7 \& Z: n$ E6 m8 l8 o
第2章 基础知识介绍
0 p; a1 B* t( j  k, m- g& f( r& Y, v+ t; y介绍单页应用以及AngularJS web app的构成。讲解css预编译语言less的使用。
5 U% u% }2 ~5 Q& e2-1 Angular Web App构成
' @5 b+ K; I! a9 C# j. u5 J2-2 调试插件:batarang6 D# m  m2 B5 k1 s! y; Y$ B
2-3 依赖管理工具:bower+ V  s0 ]( c7 F: r' ]6 x
2-4 nodejs安装
3 A! ?4 W$ K4 k% A) `2-5 css预编译处理:less, Q5 a) ?. O: z
2-6 重要概念:单页应用) y) L5 C6 ~- U- _1 O. b0 l3 F
% a5 l  O5 o) p
第3章 使用构建工具
! j# P, c. ^9 Z9 p6 p讲解构建工具gulp、包管理工具bower的使用。编写构建工具配置文件。
" x6 J7 @4 X7 R1 _3-1 目录结构说明9 g1 z* B5 G! [/ V3 P/ n8 i- R
3-2 自动化构建工具(1)& C& y! A; r0 O6 A+ }
3-3 自动化构建工具(2)
0 Q% R' j( L- j3-4 自动化构建工具(3)3 b- }. l, d/ r& \
+ U( n- U) x% K- X1 \' s; Y3 d* w
第4章 实战项目-职位模块实现
2 f% q7 E. }+ o6 u+ c3 a路由模块ui-router的使用与配置,编写相关页面、指令与控制器,介绍并使用处理异步调用的$q服务与发送http请求的$http服务。
" D, ]' P( X1 l( G" `4-1 模块划分 试看6 Q1 s2 Y& O& J: b" O0 y6 }, z" m
4-2 路由配置 试看9 s4 E* c: R5 y% Z7 _/ b6 g6 h( A
4-3 路由模块总结扩展! q5 e& J# t4 W1 T7 F3 L
4-4 移动端自适应' }7 O7 o. m/ H; m( X0 l5 O
4-5 指令:app-head
0 u3 M. }! `" G! F4-6 指令:app-foot8 @9 j9 {+ c- H9 p, j
4-7 指令:app-position-list(1)7 }6 o% V2 i' c7 k
4-8 指令:app-position-list(2)* f  Z) \) {& n. @" }. ^8 y3 r
4-9 数据绑定与指令总结(1); z9 ~7 I$ z8 m0 r+ e: K1 _
4-10 数据绑定与指令总结(2)! _. M+ Y/ v$ O2 d/ Z
4-11 职位模块详页开发(1)3 O) Y9 m5 D2 N
4-12 职位模块详页开发(2)+ |. V% @6 C/ v# d
4-13 职位模块详页开发(3). Y' T  T  U9 v* ~# f1 T
4 H( L, A0 K2 R7 Y( G' {
第5章 实战项目--搜索模块实现# _$ r( @) ^  r! [, Y
介绍并使用AngularJS内置过滤器,自定义过滤器在前端页面实现“搜索”功能。
) q6 P5 A" T% \- e7 @4 f* H5-1 公司详情静态页开发1 q3 A; ]: A  _% o% z
5-2 首页controller完善% N/ [; A- w# l1 m5 f/ A. g8 I" y
5-3 职位详情页controller完善(1)$ l2 o8 S& E" W; ?, C2 F* H
5-4 公司详情页controller完善(2)
4 G' F& a! E: W/ z5-5 控制器与作用域总结
0 [1 @" o: n" m! i" k' p! m6 U5-6 服务总结(1)% l* i" r7 a3 K. F9 h# b
5-7 服务总结(2)
5 Q9 j2 }7 O' v0 _4 G3 X5-8 搜索页编写(1)% t9 e0 X8 t. R, f, b
5-9 搜索页编写(2)9 O; W% j  K9 d3 }7 r
5-10 搜索页编写(3)
3 U/ v5 p5 _+ ?+ G( J5-11 搜索页业务逻辑编写(1)
& Q7 O: ^( W& g7 m7 m% C$ a+ _& [5-12 搜索页业务逻辑编写(2)& p* e' e' I: F! ~9 M5 S
5-13 过滤器总结
' Y8 D! D2 S% y8 p  ^9 B# @, \" |: R7 h
第6章 实战项目-用户模块实现
1 \( S& p; m4 X9 G/ R) d: h) x* @登录、注册、投递记录、收藏记录页面开发,并使用angular-validation进行表单校验。
6 y$ y6 K0 B" q5 B: U$ ?- q7 S( t6-1 用户模块静态页开发(1)
; R( \' y* a3 L3 s* d. Y6-2 用户模块静态页开发(2)
6 Z+ m+ K* A5 J: ?6 x6-3 用户模块静态页开发(3)
( z; `- `& c. b6-4 用户模块静态页开发(4)
# X1 E3 Z: W& i- z, w/ S6-5 用户模块逻辑编写-使用表单校验
2 |! W; ?: N. `3 p: M  a6-6 用户模块逻辑编写-使用装饰器' p8 J1 e' {( B; S- Y1 z- w# ?
6-7 用户模块逻辑编写-登录  w: @. c1 o$ D+ {- E/ l
6-8 用户模块逻辑编写-我与投递记录! ?; a0 E2 w3 E- j: e
6-9 用户模块逻辑编写-收藏
) }3 N2 i& j/ t+ h' V6-10 逻辑完善和bug修复
/ u+ ^- E4 a. _) H( i  k: f; s$ n; F( L: S. S
第7章 扩展与总结9 I) ?" y8 X& p+ N
开发流程总结,页面添加动画,利用脚手架工具快速搭建angular项目,并介绍更多提升学习资料。& }3 f- S5 |  [. ]3 C: \
7-1 开发流程总结
/ V( X, o3 Z7 d3 U& x# r7-2 快速构建
/ ^) P: G4 e9 N6 A& e8 k7-3 动画* v  M: @* S: v
7-4 课程总结; a: J& g" [, M$ i, X+ R

1 V6 Z5 Q  W2 I5 ~9 M. v〖下载地址〗
7 ~! j- u1 l/ z* I) Y2 a8 w0 C; n
游客,如果您要查看本帖隐藏内容请回复

. r5 p, P! ?; Q0 ^! \; G( i/ o4 m- i+ P' R
----------------华丽分割线-------------------------华丽分割线-----------------------华丽分割线-------------9 _+ c; {) q, |4 g
8 @  d$ h; m* V! n7 l" \: S3 r
〖下载地址失效反馈〗+ F4 I7 a/ Z$ V+ A1 O6 o% Y
如果下载地址失效,请尽快反馈给我们,我们尽快修复。请加微信留言:22303040706 C! Z1 s2 H2 j; k
2 f" x( Q1 l$ `3 {8 |
〖升级为终身会员免金币下载全站资源〗
: w% V' b  D8 X4 U3 A: ]0 k8 \全站资源高清无密,每天更新,vip特权了解一下:http://www.mano100.cn/rjyfk_url-url.html
. P1 s6 Q! ]+ m) D* q
5 S: x( U6 V. o& G- ^- T〖客服24小时咨询〗( f3 E4 `8 Y3 H" _: L3 ~) t
有任何问题,请点击右侧QQ邮箱:2230304070@qq.com 咨询。
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则