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

[复制链接]
查看2157 | 回复1 | 2019-12-6 10:46:10 | 显示全部楼层 |阅读模式
QQ截图20191206104107.png
& {( ]! v+ u/ N! r/ Z3 L; d/ [+ L3 w$ T0 L" ^
〖课程介绍〗9 E3 J  y: n6 b" k' w, B
基于AngularJS,仿拉勾网开发一个招聘类的移动端单页应用,包括登录、注册、搜索、查看、收藏等功能,涵盖如指令、数据绑定、过滤器等AngularJS最常用的、难理解的核心概念,通过这一次实际开发,最终让你获得使用AngularJS独立开发单页应用的能力' F5 E& @5 o7 O( k
2 k1 l9 b( B3 `4 u$ y" J$ J
〖课程目录〗1 ?/ _8 v3 Q; w0 E0 o
第1章 课程介绍9 }- i5 i0 {- C' |; K; V6 Q
讲解课程开发内容和开发流程。前端主流开发框架与AngularJS对比。介绍AngularJS的基本概念。' z8 u+ s: A- Q9 b
1-1 课程介绍 试看+ [4 b4 \( I* P' O
1-2 课程安排9 t  I, o$ c/ D$ m" w' q
1-3 课程内容7 a+ @5 v! ^! ~( s/ b) ?
1-4 Angular概念简介
, b7 L' r6 D6 V2 z$ x# m
" m: J# y2 H& e+ ^4 _& L第2章 基础知识介绍* P" G5 u% V' m7 d! a
介绍单页应用以及AngularJS web app的构成。讲解css预编译语言less的使用。
$ G/ X2 z- W2 O' C' y! w' Q7 m" D% g2-1 Angular Web App构成
( d* S9 w" |# R" J2-2 调试插件:batarang
" k1 g! h4 d( T% b5 q" t2-3 依赖管理工具:bower  [0 E$ f8 f, v. U  P5 Q
2-4 nodejs安装3 Y# d- Z9 b8 k+ c9 X
2-5 css预编译处理:less; [3 g) ]" _* O5 f" z
2-6 重要概念:单页应用
8 G+ Y/ Q5 h+ |( ^( P- |* D/ b/ _% y* U) H
第3章 使用构建工具
# Z$ g5 s# ]+ L- t' ~7 Y讲解构建工具gulp、包管理工具bower的使用。编写构建工具配置文件。5 V3 c8 }+ W) W0 I3 }
3-1 目录结构说明9 x7 s5 x& W5 M
3-2 自动化构建工具(1)1 L; \: p# F% U9 e7 A
3-3 自动化构建工具(2)9 |& X4 [+ s; C* n# [
3-4 自动化构建工具(3)& j( s) i3 t( n# t

  ?6 J% ]% E- Y5 s1 u第4章 实战项目-职位模块实现; h8 w- J- X$ Q2 C0 m# U
路由模块ui-router的使用与配置,编写相关页面、指令与控制器,介绍并使用处理异步调用的$q服务与发送http请求的$http服务。7 q0 D  \6 k4 L9 R# W' l
4-1 模块划分 试看
$ {( @6 Q# Q& n$ w: E( b4-2 路由配置 试看: P8 F: @5 J: F) G" E
4-3 路由模块总结扩展
. [( n! O% \8 u. [! `8 y4-4 移动端自适应
- J& g( k7 U0 M0 H. r$ B! S0 I& B' _4-5 指令:app-head
; j; y" C& s3 Y( J4 f4-6 指令:app-foot3 \3 i/ l8 |) C8 k) n, C% Y3 z
4-7 指令:app-position-list(1)4 X( b" O  ?. [9 x& R7 P. F
4-8 指令:app-position-list(2)  K. u+ Z8 b" s! B
4-9 数据绑定与指令总结(1)
2 ^/ X0 X0 i, d) z4-10 数据绑定与指令总结(2)! R( G0 d" q% ]
4-11 职位模块详页开发(1)
3 B& D+ f  P* I, R; z7 s* I+ P4-12 职位模块详页开发(2)0 m7 C( A6 e3 w3 }
4-13 职位模块详页开发(3)
( n! l, }3 q3 l; @4 [
% `. _8 E+ K- ~+ E9 E第5章 实战项目--搜索模块实现5 ?; ^2 Y8 y, B# e6 D, R
介绍并使用AngularJS内置过滤器,自定义过滤器在前端页面实现“搜索”功能。
/ z, o1 _& e8 Z5-1 公司详情静态页开发( l- v( Q6 o3 r" }; C
5-2 首页controller完善
% o, `: H( h1 H5 d6 s5-3 职位详情页controller完善(1)* i7 _9 s- i2 X; o1 Z9 P( @
5-4 公司详情页controller完善(2)
  Q9 k# Q2 p5 Q" Q. G5-5 控制器与作用域总结
& O0 e' @3 k5 \* g% U& D4 z5-6 服务总结(1)) _6 f( Q9 E  j9 a* u# U
5-7 服务总结(2)
( h  K2 `" r$ m5-8 搜索页编写(1)
3 ?& x! h# N2 C" ]% [; Q6 k- Y6 ~5-9 搜索页编写(2)! Z2 h- D- x/ c. D6 g& V9 y
5-10 搜索页编写(3)  J3 ?1 G5 c# g# `/ @
5-11 搜索页业务逻辑编写(1)6 M4 f$ `9 }) K. _% H
5-12 搜索页业务逻辑编写(2)' m. Z, D) k* K& ?# h
5-13 过滤器总结
9 K* z0 Y2 T. k" d7 }1 ?4 c: B2 o& {: h4 O8 g# l
第6章 实战项目-用户模块实现" z9 k% Z% x2 f# h' F
登录、注册、投递记录、收藏记录页面开发,并使用angular-validation进行表单校验。: Q2 d! X: t( o2 z/ b% ?
6-1 用户模块静态页开发(1)/ R* B! n9 T* q$ L0 O7 @( u/ K
6-2 用户模块静态页开发(2)
: O6 G+ }  X* _) M7 N1 m6-3 用户模块静态页开发(3)
# q6 P; F3 f: W8 d# T( z6-4 用户模块静态页开发(4)0 n7 P1 m& J- v+ Y/ x8 M7 R1 B* w
6-5 用户模块逻辑编写-使用表单校验
' z- m  A. H' b6-6 用户模块逻辑编写-使用装饰器8 T. i! k! l8 a+ A+ F
6-7 用户模块逻辑编写-登录
5 a8 j& o8 e& F9 Z  Y6-8 用户模块逻辑编写-我与投递记录; K5 U! ], r) {& d" I
6-9 用户模块逻辑编写-收藏$ o/ @% d2 ]/ b( O) C0 H2 F/ k5 }/ l
6-10 逻辑完善和bug修复3 \% r/ b2 o2 L

3 r5 C3 V8 Z$ \第7章 扩展与总结
4 e- a9 z) E) @3 _% M开发流程总结,页面添加动画,利用脚手架工具快速搭建angular项目,并介绍更多提升学习资料。$ \: Q5 s, y0 h! p
7-1 开发流程总结: N  m4 T) Q$ }' n
7-2 快速构建9 a( s# C0 a4 I/ N/ @  h' `' Y
7-3 动画
, x5 @( r( X4 q7-4 课程总结
4 [) d' ~* P3 g5 @/ }  J0 w# H: F) b& @$ i1 w; o/ B8 X" l  O/ D
〖下载地址〗
7 Y5 ^$ b( u! Z- D* r4 I) d
游客,如果您要查看本帖隐藏内容请回复

7 E4 s. K# P. c( X& G1 T8 Q5 O& M9 S$ F
----------------华丽分割线-------------------------华丽分割线-----------------------华丽分割线-------------
" S% f& h+ y' L, P, g
. E+ G4 y6 }& v# q〖下载地址失效反馈〗
8 U4 j. b. d- c; `# n' i如果下载地址失效,请尽快反馈给我们,我们尽快修复。请加微信留言:2230304070
) l; Q" U& R& Z6 t! N$ @, ?% N& q$ I* X3 ^' ?4 }
〖升级为终身会员免金币下载全站资源〗
$ @, V1 K" E, c0 |- r全站资源高清无密,每天更新,vip特权了解一下:http://www.mano100.cn/rjyfk_url-url.html
4 E# r# w8 I5 l* }, X5 `
  Z8 }6 D& x" h1 {4 B- w〖客服24小时咨询〗
7 d& Y. d9 Y8 B, p有任何问题,请点击右侧QQ邮箱:2230304070@qq.com 咨询。
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则