-
不限期
视频有效期
-
90
教学关卡
-
270
视频时长
-
630
教学案例
-
97.6
好评率
-
花呗分期
-
7 天可退款
用最擅长的技术打造精品课程模块，全程服务，培养自己要用的人，拜师就要选最牛的人！
潘晓雨
- 学习猿地H5学科导师
- 现任某企前端高级开发工程师
- 西南科技大学计算机专业毕业
- 曾任赶集网高级开发工程师
齐文轩
- 学习猿地联合创始人
- 现任某企前端高级开发工程师
- 北京理工大学计算机专业毕业
- 曾任携程高级工程师
王雷
- 学习猿地H5学科导师
- 现任某企前端工程师
- 华南理工计算机专业毕业
- 曾任去哪儿网前端负责人
成就自己的只需一套精品！
做软件开发工作，需要学习的是一门技术，而不仅仅是一种编程语言
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的正确姿势
- 和面授跟着讲师学习一样，跟着听，跟着练习，按照提示向下学习 +
- 学习猿地以章节内容划分关卡，一关内容也适合正好学习一天时间 +
- 通关式学习非常有利于提高学习兴趣，就像玩游戏一样很期待过关 +
- 认真闯过一关时，也就证明你已经完全掌握了上一关的相关技术点 +
- 过关系统立刻会生成学习报告，能了解自己的学习状况和同期排名 +
关
优
势
关
内
容
- + 每关开始学习之前都会出现几个测试题，相当于面授的课前提问环节
- + 提问完成开始了解课程的内容大纲、学习目标和学习路径，难点重点
- + 开始学习 -> 课上有提问 -> 课上有练习 -> 课上有交流 -> 继续学习
- + 每关结尾有详细的作业安排，提交后可查看讲解和同期优秀学员作业
- + 交作业后可以选学一些扩展知识，有相关知识点、面试题和扩展文章
知识串联 ｜ 学以致用 ｜ 举一反三 ｜ 积累经验
核心项目一： 企业网站全站模板开发
以在线教育网为原型，开发一站式学习互动交流平台,其内容涵盖了学习规划、成长导航、线上搜课、线上老师答问、在线咨询、网上讨论等内容页面和功能。
项目亮点
项目模块
首页面、频道页面、文章页面、列表页面、登录注册页面、搜素页面，单页面、后台首页、管理页面等，包括移动端响应式所有对应用页面制作，并用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服务
核心项目一： 企业网站全站模板开发
核心项目二： 系统前后端模板分离
核心项目三： 微信小程序模板开发
知识串联 ｜ 学以致用 ｜ 举一反三 ｜ 积累经验
核心项目
以在线教育网为原型，开发一站式学习互动交流平台,其内容涵盖了学习规划、成长导航、线上搜课、线上老师答问、在线咨询、网上讨论等内容页面和功能。
项目亮点：
项目模块：
项目核心技术栈：
2. React-Router4.0打造分离式路由开发模式
3. Redux / Mobix + React-Redux + Redux中间件工具
4. Ant-Design + AD-Mobile 组件库实现高效开发、界面优化
5. create-react-app 脚手架工具自定义开发环境
核心项目
以知名租房APP为原型，完成资讯、在线定购、用户互动社交等服务的智慧互联网平台，通过WebAPP技术实现APP的开发。
项目亮点：
项目模块：
项目核心技术栈：
2. Vue-Router 实现无切换体验的单页面应用
3. Vuex 实现多组件间状态共享管理
4. Mint-UI、VUX等高性能组件库实现快速开发、界面优化
5. Webpack4.0 + VueCLI 3.0搭建热更新前端开发环境
核心项目
该项目模拟今日头条咨讯类应用，用户移动终端产品，包含文章阅读、刷新推荐、详情阅读、评论点赞、用户频道个性化，以及机器人客服务等功能
项目亮点：
项目模块：
项目核心技术栈：
2. 小程序结构、视图层事件与布局、自定义组件开发
3. 基础库的使用与兼容处理，性能优化方案
4. webview嵌入与智能客服等开发功能
5. 多端支持与API服务
金奖、银奖，不如学猿的夸奖
冥oo冥
闯过8关付费的课程就是不一样，逻辑清晰，节奏适中，可以细细的稳固每个细节，做到学过就掌握。之前对前端也是有所运用，可是始终没有扎扎实实的过一遍，这次可以系统的去掌握每个细节点...
到此为止___
闯过39关工作一年了，平时都是在工作中学习，但总觉得不够系统，所以这次打算从最基础的重新系统的学习一次，在看视频的过程中确实发现了以前遗漏的内容，从目前的学习过程来看，还是不错的...
Joseph_Chen
闯过33关虽然以前学习过前端，可以制作简单的网页，但是学习的不扎实，不系统。在其他机构的价钱很高，这个课程老师讲解的非常好。中间有测试题和选择题，很有利的提高，现在HTML要学完了...
leeyf666
闯过65关全程加倍速看的，感觉语速还行，调快了怕自己理解跟不上，讲的很细，以前都是只看书和网上的资料，很快就忘记了。这个课很好，感觉很系统，也方便记忆。总之是为了找工作，买这个课程真值...
zjxjwxk
闯过44关作为一个曾经自学过h5,但是没有坚持学下去的人来说,这个课程是比较好的.因为这个课程比较系统,对,最关键的就是系统,很多东西讲解的很详细,自学的话,会漏很多，这课程训练比较丰富...
庄周的日子
闯过27关我是学机械的纯小白，因为兴趣同时也想增加自己的职业选择可能性选择了前端学习。教学视频真的做的很好，简单易懂，学完一关立马就有习题和练习。学起来轻松，而且很有成就感，感谢...
Jotanrua
闯过51关之前作为网站开放项目助理时，个人对编程非常感兴趣，特别是前端部分，目前虽然不是从事网站开发相关工作，但业余时间学习自己兴趣的部分也很实用，上班族对于这样的网课形式表示合适且欢迎...
