名校、名企,在职技术总监,精心打磨金课

用最擅长的技术打造精品课程模块,全程服务,培养自己要用的人,拜师就要选最牛的人!

Image placeholder
潘晓雨
  • 学习猿地H5学科导师
  • 现任某企前端高级开发工程师
  • 西南科技大学计算机专业毕业
  • 曾任赶集网高级开发工程师
Image placeholder
齐文轩
  • 学习猿地联合创始人
  • 现任某企前端高级开发工程师
  • 北京理工大学计算机专业毕业
  • 曾任携程高级工程师
Image placeholder
王雷
  • 学习猿地H5学科导师
  • 现任某企前端工程师
  • 华南理工计算机专业毕业
  • 曾任去哪儿网前端负责人
提供全套学习资源,不需要其它内容弥补

成就自己的只需一套精品!

Image placeholder
90 关 任务数量
270 小时+ 教学视频
630 个+ 授课案例/项目
270 个+ 课件/笔记/文章
380 个+ 练习/作业
1400 道+ 阶段测试/面试题
全栈技能,工作内容全覆盖,职场发展无压力

做软件开发工作,需要学习的是一门技术,而不仅仅是一种编程语言

1. HTML5技术

  • + HTML基本语法
  • + HTML常用标签和属性
  • + H5新标签和属性
  • + 音视频
  • + 表单验证
  • + 存储
  • + Canvas
  • + 地图定位

2. CSS3技术

  • + CSS语法
  • + 常用属性
  • + 选择器
  • + 浮动和定位
  • + 动画效果
  • + 文本、字体
  • + 边框、圆角
  • + 背景、渐变

3. JavaScript/ES6

  • + JS基本语法
  • + 流程控制
  • + 内置对象
  • + DOM和BOM
  • + 变量、作用域
  • + 函数、事件
  • + 基于对象
  • + 正则表达式
  • + Promise
  • + 解析赋值
  • + Es6 Class

4. APP与小程序

  • + 移动基础
  • + @media媒体查询
  • + 响应式布局
  • + flex布局
  • + 移动适配方案
  • + 移动端事件
  • + 移动端调试
  • + 终端设备检测
  • + 移动端性能优化
  • + 微信小程序

5. 前端框架

  • + Webpack搭建
  • + Vue组件化
  • + Vue生命周期
  • + Vue路由
  • + React环境搭建
  • + React虚拟DOM
  • + React事件绑定
  • + React生命周期
  • + React脚手架工具

6. 常用库和插件

  • + Ajax、jQuery、JSON
  • + Swiper
  • + Zepto
  • + BootStrap

7. 前端工具

  • + Sublime Text
  • + WebStorm
  • + FireBug
  • + Chrome控制台
  • + Photoshop

前端课程模块

通关式学习,过关时,技术才真正属于自己

学习猿地系统的学习模式,才是真正学习IT的正确姿势

  • 和面授跟着讲师学习一样,跟着听,跟着练习,按照提示向下学习 +
  • 学习猿地以章节内容划分关卡,一关内容也适合正好学习一天时间 +
  • 通关式学习非常有利于提高学习兴趣,就像玩游戏一样很期待过关 +
  • 认真闯过一关时,也就证明你已经完全掌握了上一关的相关技术点 +
  • 过关系统立刻会生成学习报告,能了解自己的学习状况和同期排名 +






  • + 每关开始学习之前都会出现几个测试题,相当于面授的课前提问环节
  • + 提问完成开始了解课程的内容大纲、学习目标和学习路径,难点重点
  • + 开始学习 -> 课上有提问 -> 课上有练习 -> 课上有交流 -> 继续学习
  • + 每关结尾有详细的作业安排,提交后可查看讲解和同期优秀学员作业
  • + 交作业后可以选学一些扩展知识,有相关知识点、面试题和扩展文章


项目驱动教学,才是学习IT的正确路径
知识串联 | 学以致用 | 举一反三 | 积累经验

核心项目一: 企业网站全站模板开发

以在线教育网为原型,开发一站式学习互动交流平台,其内容涵盖了学习规划、成长导航、线上搜课、线上老师答问、在线咨询、网上讨论等内容页面和功能。

项目亮点
真实演练 商业项目
通用项目 必备模块
主流框架 面试必考
项目功能 丰富实用
开发流程 业务流程
工具应用 团队合作
项目模块

首页面、频道页面、文章页面、列表页面、登录注册页面、搜素页面,单页面、后台首页、管理页面等,包括移动端响应式所有对应用页面制作,并用PHP+MySQL实现后台动态数据。

项目核心技术栈

1. React.js实现高自由度组件化开发
2. React-Router4.0打造分离式路由开发模式
3. Redux / Mobix + React-Redux + Redux中间件工具
4. Ant-Design + AD-Mobile 组件库实现高效开发、界面优化
5. create-react-app 脚手架工具自定义开发环境

核心项目二: 系统前后端模板分离实现

以知名租房APP为原型,完成资讯、在线定购、用户互动社交等服务的智慧互联网平台,通过WebAPP技术实现APP的开发。

项目亮点
真实演练 商业项目
通用项目 必备模块
主流框架 面试必考
项目功能 丰富实用
开发流程 业务流程
工具应用 团队合作
项目模块

主要包含用户登录、用户注册、第三方登录、分类查找租房信息、搜素房源、租房列表、租房详情、地图找房、租房咨询、在线下单、个人中心等。

项目核心技术栈

1. Vue.js + Virtual-DOM开启组件化高性能高效率开发模式
2. Vue-Router 实现无切换体验的单页面应用
3. Vuex 实现多组件间状态共享管理
4. Mint-UI、VUX等高性能组件库实现快速开发、界面优化
5. Webpack4.0 + VueCLI 3.0搭建热更新前端开发环境

核心项目三: 微信小程序模板开发

该项目模拟今日头条咨讯类应用,用户移动终端产品,包含文章阅读、刷新推荐、详情阅读、评论点赞、用户频道个性化,以及机器人客服务等功能

项目亮点
真实演练 商业项目
通用项目 必备模块
主流框架 面试必考
项目功能 丰富实用
开发流程 业务流程
工具应用 团队合作
项目模块

第三方快速登录、频道编辑、文件推荐、文章详情、评论功能、个人主页、关注粉丝、收藏历史、智能机器人、消息通知等

项目核心技术栈

1. 小程序开发工具IDE的使用与调试
2. 小程序结构、视图层事件与布局、自定义组件开发
3. 基础库的使用与兼容处理,性能优化方案
4. webview嵌入与智能客服等开发功能
5. 多端支持与API服务




Image placeholder
核心项目一: 企业网站全站模板开发
Image placeholder
核心项目二: 系统前后端模板分离
Image placeholder
核心项目三: 微信小程序模板开发
项目驱动教学,才是学习IT的正确路径
知识串联 | 学以致用 | 举一反三 | 积累经验
核心项目
企业网站全站模板开发

以在线教育网为原型,开发一站式学习互动交流平台,其内容涵盖了学习规划、成长导航、线上搜课、线上老师答问、在线咨询、网上讨论等内容页面和功能。

项目亮点:
真实演练 商业项目
通用项目 必备模块
主流框架 面试必考
项目功能 丰富实用
开发流程 业务流程
工具应用 团队合作

项目模块:
首页面、频道页面、文章页面、列表页面、登录注册页面、搜素页面,单页面、后台首页、管理页面等,包括移动端响应式所有对应用页面制作,并用PHP+MySQL实现后台动态数据。

项目核心技术栈:
1. React.js实现高自由度组件化开发
2. React-Router4.0打造分离式路由开发模式
3. Redux / Mobix + React-Redux + Redux中间件工具
4. Ant-Design + AD-Mobile 组件库实现高效开发、界面优化
5. create-react-app 脚手架工具自定义开发环境
核心项目
系统前后端模板分离实现

以知名租房APP为原型,完成资讯、在线定购、用户互动社交等服务的智慧互联网平台,通过WebAPP技术实现APP的开发。

项目亮点:
真实演练 商业项目
通用项目 必备模块
主流框架 面试必考
项目功能 丰富实用
开发流程 业务流程
工具应用 团队合作

项目模块:
主要包含用户登录、用户注册、第三方登录、分类查找租房信息、搜素房源、租房列表、租房详情、地图找房、租房咨询、在线下单、个人中心等。

项目核心技术栈:
1. Vue.js + Virtual-DOM开启组件化高性能高效率开发模式
2. Vue-Router 实现无切换体验的单页面应用
3. Vuex 实现多组件间状态共享管理
4. Mint-UI、VUX等高性能组件库实现快速开发、界面优化
5. Webpack4.0 + VueCLI 3.0搭建热更新前端开发环境
核心项目
微信小程序模板开发

该项目模拟今日头条咨讯类应用,用户移动终端产品,包含文章阅读、刷新推荐、详情阅读、评论点赞、用户频道个性化,以及机器人客服务等功能

项目亮点:
真实演练 商业项目
通用项目 必备模块
主流框架 面试必考
项目功能 丰富实用
开发流程 业务流程
工具应用 团队合作

项目模块:
第三方快速登录、频道编辑、文件推荐、文章详情、评论功能、个人主页、关注粉丝、收藏历史、智能机器人、消息通知等

项目核心技术栈:
1. 小程序开发工具IDE的使用与调试
2. 小程序结构、视图层事件与布局、自定义组件开发
3. 基础库的使用与兼容处理,性能优化方案
4. webview嵌入与智能客服等开发功能
5. 多端支持与API服务
课程的品质,让学猿自己说

金奖、银奖,不如学猿的夸奖

Image placeholder
冥oo冥
闯过8关

付费的课程就是不一样,逻辑清晰,节奏适中,可以细细的稳固每个细节,做到学过就掌握。之前对前端也是有所运用,可是始终没有扎扎实实的过一遍,这次可以系统的去掌握每个细节点...

Image placeholder
到此为止___
闯过39关

工作一年了,平时都是在工作中学习,但总觉得不够系统,所以这次打算从最基础的重新系统的学习一次,在看视频的过程中确实发现了以前遗漏的内容,从目前的学习过程来看,还是不错的...

Image placeholder
Joseph_Chen
闯过33关

虽然以前学习过前端,可以制作简单的网页,但是学习的不扎实,不系统。在其他机构的价钱很高,这个课程老师讲解的非常好。中间有测试题和选择题,很有利的提高,现在HTML要学完了...

Image placeholder
leeyf666
闯过65关

全程加倍速看的,感觉语速还行,调快了怕自己理解跟不上,讲的很细,以前都是只看书和网上的资料,很快就忘记了。这个课很好,感觉很系统,也方便记忆。总之是为了找工作,买这个课程真值...

Image placeholder
zjxjwxk
闯过44关

作为一个曾经自学过h5,但是没有坚持学下去的人来说,这个课程是比较好的.因为这个课程比较系统,对,最关键的就是系统,很多东西讲解的很详细,自学的话,会漏很多,这课程训练比较丰富...

Image placeholder
庄周的日子
闯过27关

我是学机械的纯小白,因为兴趣同时也想增加自己的职业选择可能性选择了前端学习。教学视频真的做的很好,简单易懂,学完一关立马就有习题和练习。学起来轻松,而且很有成就感,感谢...

Image placeholder
Jotanrua
闯过51关

之前作为网站开放项目助理时,个人对编程非常感兴趣,特别是前端部分,目前虽然不是从事网站开发相关工作,但业余时间学习自己兴趣的部分也很实用,上班族对于这样的网课形式表示合适且欢迎...

选择比努力更重要,这个课程就是你要找的
从对比中赛选产品, 从应用中体验品质

其它平台

普通的老师,没有太多项目经验,技术讲不到点上
课程不全面,企业应用的核心技术点欠缺,学习不扎实
课程是东拼西凑的,没有完整体系,几年不更新,相当陈旧
就是干巴巴的讲技术点,听完课都不知到能用在哪
没有为细分人群设计课,小白觉的难,有基础的觉得浪费时间
学习系统只有视频播放功能,还要到处点来点去找资料学习
几乎没有什么服务,买完课就是自己看
价格昂贵, 全栈的课最少几千,甚至几万,性价比不高

学习猿地

老师都是大型互联网公司的总监级以上职位,名校毕业,老司机
课程是最全的,有这一套精品,不需要再找任何其他学习资料弥补
集中精力在这一套全栈课程中,做好每一节课,不断迭代打造精品
课程以项目贯穿式讲解需要的技术,知其然知其所以然
课程是专为零基础到精通的目标设计,有基础的可选择内容学习
学习系统模拟面授的过程,通关式学习效果却超过面授几倍
服务好,有大牛指导,有同学之间互动,有全面的资料下载
最好的课程价格却是行业最低的,低几倍甚至几十倍
课程的价值高出价格十几倍,精品值得拥有

成就自己,就要从投资自己开始

3学科组合购买
2048元
永久有效期
  • 两个学科的价钱买三个学科
  • 可按推荐组合,可自行组合
开始购买
VIP1对1服务
4096元
永久有效期
  • VIP导师1对1服务
  • 专属于你的在线大牛
开始购买
{