慕课网-angularJS拉勾网 | Angular JS 仿拉勾网 WebApp 开发移动端单页应用

后端开发

课程简介

课程定位与解决的工程问题这门课聚焦于使用 AngularJS 构建移动端单页应用，核心是解决开发者面对真实复杂场景时的工程化落地难题。课程没有停留在枯燥的语法背诵，而是以构建“仿拉勾网 WebApp”为实战载体，手把手梳理项目架构、依赖管理与组件化开发流程。它针对的是那些想要从碎片化知识转向完整工程实践、希望掌握一套可复用技术栈的开发者，旨在提供一份结构…

已有 17 人浏览发布 2026-01-12 更新 2026-09-15

课程定位与解决的工程问题

这门课聚焦于使用 AngularJS 构建移动端单页应用，核心是解决开发者面对真实复杂场景时的工程化落地难题。课程没有停留在枯燥的语法背诵，而是以构建“仿拉勾网 WebApp”为实战载体，手把手梳理项目架构、依赖管理与组件化开发流程。它针对的是那些想要从碎片化知识转向完整工程实践、希望掌握一套可复用技术栈的开发者，旨在提供一份结构清晰、可以直接对照参考的工程级源码与实施路线。

入门门槛与核心学习路径

建议具备基础的 HTML/CSS/JavaScript 功底，最好对单页应用（SPA）的概念有一定了解。入门阶段，务必按顺序通读前几章：先通过第1章理解 AngularJS 与主流框架的差异，建立整体认知；随后重点攻克第2章的工程化配置，包括 SPA 的模块构成、LESS 预编译样式的使用、bower 依赖管理工具的初始化以及 Node.js 环境的搭建。调试插件 Batarang 的使用也应同步掌握，这是后续排查复杂状态问题的关键。跳过基础配置直接看业务代码，极易在环境依赖和架构理解上产生巨大的卡点。

学完产出与资料配合实操建议

完成课程后，你将能够独立使用 AngularJS 完成移动端 WebApp 的从无到有搭建，熟练处理前端依赖集成与样式模块化。配合资料包练习时，强烈建议采取“同步对照”策略：先观看视频建立逻辑框架，再打开源码目录，逐层映射每一节课讲到的模块、工具和样式配置。不要急于求成去复制粘贴，遇到 bower 依赖冲突或调试问题，要利用源码结构反向追溯课程中的讲解点，通过实操验证每一个细节，这样才能真正将这门课的结构化知识内化为自己的工程能力。

课程目录

第1章课程介绍试看4 节 | 10分钟

讲解课程开发内容和开发流程。前端主流开发框架与Angularjs对比。介绍AngularJS的基本概念。

收起列表

视频：1-1 课程介绍 (04:32)试看

视频：1-2 课程安排 (01:09)

视频：1-3 课程内容 (00:58)

视频：1-4 Angular概念简介 (03:16)

第2章基础知识介绍6 节 | 31分钟

介绍单页应用以及AngularJS web app的构成。讲解c++ss预编译语言less的使用。

收起列表

视频：2-1 Angular Web App构成 (02:02)

视频：2-2 调试插件：batarang (04:19)

视频：2-3 依赖管理工具：bower (09:59)

视频：2-4 nodejs安装 (03:50)

视频：2-5 css预编译处理：less (08:05)

视频：2-6 重要概念：单页应用 (02:26)

第3章使用构建工具4 节 | 39分钟

讲解构建工具gulp、包管理工具bower的使用。编写构建工具配置文件。

收起列表

视频：3-1 目录结构说明 (05:32)

视频：3-2 自动化构建工具（1） (04:49)

视频：3-3 自动化构建工具（2） (15:16)

视频：3-4 自动化构建工具（3） (12:50)

第4章实战项目-职位模块实现试看13 节 | 137分钟

路由模块ui-router的使用与配置，编写相关页面、指令与控制器，介绍并使用处理异步调用的$q服务与发送http请求的$http服务。

收起列表

视频：4-1 模块划分 (04:33)试看

视频：4-2 路由配置 (08:03)试看

视频：4-3 路由模块总结扩展 (05:28)

视频：4-4 移动端自适应 (03:17)

视频：4-5 指令：app-head (19:46)

视频：4-6 指令：app-foot (16:15)

视频：4-7 指令：app-position-list（1） (10:22)

视频：4-8 指令：app-position-list（2） (13:34)

视频：4-9 数据绑定与指令总结（1） (11:07)

视频：4-10 数据绑定与指令总结（2） (10:35)

视频：4-11 职位模块详页开发（1） (15:19)

视频：4-12 职位模块详页开发（2） (09:27)

视频：4-13 职位模块详页开发（3） (08:36)

第5章实战项目–搜索模块实现13 节 | 118分钟

介绍并使用AngularJS内置过滤器，自定义过滤器在前端页面实现“搜索”功能。

收起列表

视频：5-1 公司详情静态页开发 (13:35)

视频：5-2 首页controller完善 (05:03)

视频：5-3 职位详情页controller完善（1） (11:00)

视频：5-4 公司详情页controller完善（2） (06:34)

视频：5-5 控制器与作用域总结 (12:00)

视频：5-6 服务总结（1） (09:55)

视频：5-7 服务总结（2） (08:19)

视频：5-8 搜索页编写（1） (05:13)

视频：5-9 搜索页编写（2） (06:40)

视频：5-10 搜索页编写（3） (07:50)

视频：5-11 搜索页业务逻辑编写（1） (14:44)

视频：5-12 搜索页业务逻辑编写（2） (09:54)

视频：5-13 过滤器总结 (06:12)

第6章实战项目-用户模块实现10 节 | 100分钟

收起列表

视频：6-1 用户模块静态页开发（1） (15:07)

视频：6-2 用户模块静态页开发（2） (07:00)

视频：6-3 用户模块静态页开发（3） (05:05)

视频：6-4 用户模块静态页开发（4） (08:16)

视频：6-5 用户模块逻辑编写-使用表单校验 (17:59)

视频：6-6 用户模块逻辑编写-使用装饰器 (08:55)

视频：6-7 用户模块逻辑编写-登录 (06:39)

视频：6-8 用户模块逻辑编写-我与投递记录 (09:28)

视频：6-9 用户模块逻辑编写-收藏 (07:28)

视频：6-10 逻辑完善和bug修复 (13:16)

第7章扩展与总结4 节 | 18分钟

开发流程总结，页面添加动画，利用脚手架工具快速搭建angular项目，并介绍更多提升学习资料。

收起列表

视频：7-1 开发流程总结 (04:12)

视频：7-2 快速构建 (04:24)

视频：7-3 动画 (06:28)

视频：7-4 课程总结 (02:22)

/12-angularJS拉勾网/
│├─angularJS 目录.txt 1.3KB
│├─project.zip 61.4KB
│├─讲师源代码.zip 10.4MB
1/
│├─第一章.mp4 31.2MB
2/
│├─第二章.mp4 162.2MB
3/
│├─第三章.mp4 159.3MB
4/
│├─第四章1-5.mp4 219.1MB
│├─第四章6-8.mp4 291.2MB
│├─第四章9-13节.mp4 543.8MB
5/
│├─第五章1-4节.mp4 354.1MB
│├─第五章11-13节.mp4 341.6MB
│├─第五章5节.mp4 186.1MB
│├─第五章6-10.mp4 438.2MB
6/
│├─六章1-4.mp4 508MB
│├─六章5-8节.mp4 560.3MB
│├─六章9-10.mp4 212.1MB
7/
│├─七章1-2.mp4 78.6MB