2016最新前端学习计划

xiaoxiao2021-11-17 65

原文地址:http://blog.csdn.net/qq_25827845/article/details/53079094

以下是简单的使用说明

前端学习路线图：由前端教学经验相当丰富的老师梳理而成，知识由浅入深，循序渐进。自学前端，按照这份学习路线图学习就可以了！

视频篇：根据学习路线图搭配了相应的视频、源码资源。部分资源还在玩命更新中，请稍安勿躁，静候更新。

工具篇：精心收集了40多款前端流行框架、开发工具、手册、插件、模板引擎。市场上常用的、最新的几乎都在这了！

经验篇：前端前辈的经验之谈，给你的学习助上一臂之力！

面试篇：前端技术面试题汇总+非技术面试题完美解答。从此不再怕HR的刁难，看过的都说好！

全部资源只赠有缘人，拿走，还不用谢～另外，这份资源会一直更新，需要的同学持续关注吧！

一、前端学习路线图

二、前端学习路线图——视频篇

六大

阶段

学完后目标

知识点

视频资源(附笔记+PPT+模板

+源码)

密码

准备篇

学习周期：15天

学完后目标：

1、熟悉媒体查询和响应式设计，使得设计有适配不同的移动;

2、熟悉基础CSS的格式和CSS盒模式;

3、理解网页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素;

4、理解如何创建和浏览一个基本的网页。

市场价值：

熟练掌握之后，可以满足市场静态页面布局，但是市场就业工资相对较低，还需继续往下学习。

开发工具的安装配置的介绍

sublime、webstorm、Visual Studio Code

正在玩命更新中

HTML

理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点

《前端轻松入门： HTML超强视频分享》

《前端轻松入门： HTML笔记+PPT+源码》

pt2p bya5

CSS

基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型

《前端轻松入门：CSS超强视频分享》

《前端轻松入门：CSS笔记+PPT+源码》

《CSS梅兰商城项目实战视频教程传智出品，无偿分享！》

《CSS梅兰商城项目实战视频教程—配套资源》

ha3i u7k1 isx8 6scx

JavaScript入门

基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象

《快速入门JavaScript 三天视频教程分享》

《快速入门JavaScript教程配套笔记+源码+PPT》

t4bw 3w93

京东首页实战

CSS代码抽象与复用、浮动的盒子布局、padding 和 margin 使用、层级的使用、定位特性的各种使用场景

正在玩命更新中

基础篇

学习周期：20天

学完后目标：

1、能够基于jQuery实现炫酷效果和复杂的功能模块；

2、能创造或添加自定义效果到网页上；

3、能熟练添加标准的动画效果到网页上；

4、熟练操作DOM模型。

市场价值：8-13K

JavaScript基础

JS语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础

《五天Javascript基础加强视频分享！》

《【前端】Javascript基础加强配套笔记+源码+PPT》

98ef p23z

DOM + BOM

DOM基本结构、节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能

正在玩命更新中

网页特效与进阶

在网页特效中常用的编程接口、动画编程、事件对象和冒泡、缓动框架封装和旋转木马案例、正则表达式及应用

正在玩命更新中

Jquery

选择器、基本操作API、动画API、事件API、插件机制、原理分析、项目实战

正在玩命更新中

核心篇

学习周期：20天

学完后目标：

1、能够基于jQueryMobile/Zepto等框架进行移动端js功能开发；

2、能够熟练使用html5/css3/ canvas进行移动端页面和功能效果开发，并且能够基于原生和框架进行响应式效果开发；

3、能够基于jQuery、bootstrap等框架实现炫酷效果和复杂的功能模块；

4、能够独立制作电商类，企业类网站，以及常见js动态效果。

市场价值：13K-18K

HTML5 + CSS3

语义化结构、多媒体、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局、Canvas

《2016年最新H5+CSS3教程视频》

v53j

服务端编程

端的概念、Web 服务器的概念、服务器搭建、XML与JSON

正在玩命更新中

PHP

PHP基础语法、PHP服务端编程基础

正在玩命更新中

AJAX

基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载

《2016年最新AJAX教程》

hj8n

移动Web开发

响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS

《传智前端就业班视频分享：移动web开发课程》

《移动web开发课程源码+笔记+PPT》

n6mi

eq37

进阶篇

学习周期：15天

学完后目标：

1、熟练使用闭包、高级函数、立即执行函数(匿名函数)等；

2、熟练使用元编程，解决Callback等；

3、熟悉JavaScript基本语法。

市场价值：18-22K

面向对象在JS中的体现与实践

面向对象理论、对象的基本概念、对象的属性和方法、通过字面量创建对象

《javaScript高级面向对象-传智前端就业班视频免费分享》

《javaScript高级面向对象配套源码+笔记+PPT》

nwu6 8x2y

开发过程中常用的模式与思想

开闭原则、MVC思想、高内聚低耦合、工厂模式

正在玩命更新中

JavaScript高级特性

通过构造函数创建对象、原型对象、继承的多种实现方式、原型链、函数的本质以及 Function 构造函数、作用域链、闭包、沙箱模式

正在玩命更新中

封装一个自己框架

选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装

《传智前端就业班视频分享：JavaScript 高级框架设计》

《JavaScript 高级框架课程配套笔记+PPT+源码》

kcv9 8ega

高级篇

学习周期：20天

学完后目标：

1、了解主流的后台技术和前后端协作方式，从全局角度理解项目的整个生命周期；

2、熟悉nodejs的全栈式解决方案；

3、从前端的全局角度认识相关的框架；

4、熟练使用VueJS，AngularJS等框架完成复杂的前端功能，熟悉前端工作流。

市场价值：22K+

前端工作流

自动化流程工具使用、源代码版本控制工具使用、依赖项管理工具、项目模板脚手架

正在玩命更新中

流行框架

Angular基本使用、Angular高级特性、VueJS基本入门和路由、项目实战：豆瓣电影

正在玩命更新中

模块化开发

模块化开发规范、常用的模块化开发工具、RequireJS、AMD/CMD、统一规范UMD、SeaJS

正在玩命更新中

NodeJS

Node介绍、基本操作、常用内置模块、高级特性、常用框架

正在玩命更新中

移动

APP

开发

学习周期：8天

学完后目标：

1、深刻理解移动App的开发模式和技术选型；

2、熟练使用各种模式开发移动应用；

3、了解微信企业公共号开发。

市场价值：22K+

混合式应用开发

混合式平台架构、混合式开发实践、京东APP端实战

正在玩命更新中

微信开发

微信公共号介绍、平台API对接、X5兼容处理、内置接口

正在玩命更新中

React

组件化思想、基本使用、核心特性、JSX、TODOMVC案例

正在玩命更新中

React Native

环境与工具、实现思路、常用组件、常用插件、综合案例：豆瓣电影

正在玩命更新中

移动其他APP开发框架

PhoneGap、AppCan、HTML5+、Framework7

正在玩命更新中

三、前端学习路线图——工具篇

前端

流行

框架

angular angular-1.5.8离线文档 http://pan.baidu.com/s/1pLVilLp rrbv angular.js 在线中文文档： http://www.angularjsapi.cn/ 无 angular.js官方文档 https://angular.io/docs/ts/latest/ 无 react react-15.3.1离线文档 http://pan.baidu.com/s/1kUKkMTh 2vmp React 在线文档 http://reactjs.cn/react/docs/getting-started-zh-CN.html 无 ionic ionic-1.x离线文档： http://pan.baidu.com/s/1nuFxaWT 3jbd ionic 在线文档 http://www.ionic.wang/js_doc-index.html 无 node.js node.js 官方在线文档 https://nodejs.org/dist/latest-v6.x/docs/api/ 无 Bootstrap Bootstrap在线文档 http://www.bootcss.com/ 无 vue vue离线文档： http://pan.baidu.com/s/1c2LvllQ xp7e vue.js 在线文档 http://cn.vuejs.org/guide/ 无以上资源合并下载 https://pan.baidu.com/s/1pLfbxnP i4mr

前端

开发

工具

CSS处理工具 less 官方文档 http://lesscss.cn/#download-options 无 sass 官方文档 http://www.w3cplus.com/sassguide/ 无构建工具 GRUNT 官方文档 http://www.gruntjs.net/getting-started 无 Gulp 官方文档 http://www.gulpjs.com.cn/docs/getting-started/ 无字体库 iconfont http://www.iconfont.cn/ 无 fontawesome离线文档 http://pan.baidu.com/s/1slTcqFb b3im fontawesome在线文档

http://fontawesome.io/

无代码编辑工具 WebStorm 前端开发神器下载 http://pan.baidu.com/s/1dEATsWh hjak Sublime Text 下载+全套快捷键 http://pan.baidu.com/s/1eSjxmTk 2yka 常用编辑器Editplus下载 http://pan.baidu.com/s/1dFidrpR grnq 编码必备：Adobe Dreamweaver CC下载 http://pan.baidu.com/s/1nvLIBbF z637 编辑利器：Atom下载 https://pan.baidu.com/s/1i46H2dB s5ft 免费编辑器Brackets下载 https://pan.baidu.com/s/1bYGa1g 4152 编写代码利器：Notepad++下载 https://pan.baidu.com/s/1bp9lMyV 83yy 其它工具 YII框架软件下载 http://pan.baidu.com/s/1i5Ezk5v vnef 数据库客户端软件navicat下载 http://pan.baidu.com/s/1hr91pqc mnny 集成环境软件WampServer下载 http://pan.baidu.com/s/1i5uMxvf pkkc 抓包工具Httpwatch下载 https://pan.baidu.com/s/1skFo7sp kph4 文件及目录对比神器Beyond Compare下载 http://pan.baidu.com/s/1eS5bVii ci6t nodejs http://pan.baidu.com/s/1c2olq84 cfn9 以上资源合并下载 https://pan.baidu.com/s/1i518nvJ m4gt

前端

手册

HTML5 html5参考手册 api 下载 https://pan.baidu.com/s/1jIQ8yBc ee3z CSS CSS2.0中文参考手册 api 下载

https://pan.baidu.com/s/1dEJbf8X

u23n CSS3.0中文参考手册 api 下载 https://pan.baidu.com/s/1bLPc7O hxa3 css3.4 API 中文样式表手册下载 https://pan.baidu.com/s/1jI8r3L0 99ar CSS4.0中文参考手册 api 下载 https://pan.baidu.com/s/1dFsmGUX xs2y JavaScript JavaScript参考手册 http://pan.baidu.com/s/1jIqaPVK 4ivy javascript权威指南 http://pan.baidu.com/s/1gfx867h 66e7 JavaScript中文教程 http://pan.baidu.com/s/1jHD1pIm 2fth JavaScript中文手册api下载 https://pan.baidu.com/s/1eSeD0cy rmhq jQuery jQuery1.11.0_中文 http://pan.baidu.com/s/1qXQMlU8 73rf jQuery api 1.8 中文（离线）版下载 https://pan.baidu.com/s/1c1WAaYW i2fm Bootstrap Bootstrap中文api参考手册 https://pan.baidu.com/s/1cn9hsM 6sd3 Bootstrap-v3.3.5中文api http://pan.baidu.com/s/1jHKmPOa s5hv Bootstrap3.2.0中文文档 http://pan.baidu.com/s/1c155VpQ igxj 其它手册 Zepto中文api参考手册 https://pan.baidu.com/s/1dFOGHqD zsic AngularJS中文api离线参考手册 https://pan.baidu.com/s/1i5oaLYt gd57 MYSQL手册 https://pan.baidu.com/s/1boFHhwz 7d1k DOM手册 https://pan.baidu.com/s/1qXDUHm0 5s8p w3school api文档下载 https://pan.baidu.com/s/1miuau16 qvqi seajs离线文档 http://pan.baidu.com/s/1hrB31li aqzn 以上资源合并下载 https://pan.baidu.com/s/1nuJ0Ivf hrxv

前端

插件

Canvas图表插件

echarts http://echarts.baidu.com/index.html 无

模板

引擎

underscorejs underscorejs官方文档 http://underscorejs.org/ 无 underscorejs中文文档 http://www.css88.com/doc/underscore/ artTemplate artTemplate离线文档 https://pan.baidu.com/s/1qXHsMGO baer artTemplate官方文档 https://github.com/aui/artTemplate 以上资源合并下载 https://pan.baidu.com/s/1dEErv1J c865

四、前端学习路线图——经验篇

前端技术

文章

（新人篇）

从零基础到精通的前端学习路线 http://bbs.itheima.com/thread-318332-1-1.html 无为什么整个互联网行业都缺前端工程师？ http://bbs.itheima.com/thread-329957-1-1.html 无如何成为一名优秀的前端工程师 http://bbs.itheima.com/thread-329959-1-1.html 无前端开发需要学什么？ http://bbs.itheima.com/thread-329958-1-1.html 无高效的前端编程入门训练方法 http://bbs.itheima.com/thread-324088-1-1.html 无写给刚入门的前端工程师的前后端交互指南 http://bbs.itheima.com/thread-330979-1-1.html 无写给前端新人：前端开发必会的二十五个知识点 http://bbs.itheima.com/thread-329964-1-1.html 无【干货】最全面的前端开发指南：HTML、CSS http://bbs.itheima.com/thread-330971-1-1.html 无【干货】最全面的前端开发指南：JavaScript http://bbs.itheima.com/thread-330976-1-1.html 无 HTML5新手入门指南 http://bbs.itheima.com/thread-330655-1-1.html 无 HTML5 如何重新定义web http://bbs.itheima.com/thread-330656-1-1.html 无 HTML5标签使用的常见误区 http://bbs.itheima.com/thread-330652-1-1.html 无 20 个重要的 HTML5 面试题及答案 http://bbs.itheima.com/thread-330969-1-1.html 无 css工作中常用的效果总结 http://bbs.itheima.com/thread-330963-1-1.html 无 CSS编码规范 http://bbs.itheima.com/thread-330644-1-1.html 无 20个很有用的CSS技巧 http://bbs.itheima.com/thread-330983-1-1.html 无流行的CSS思想之——浅析OOCSS必须看这个贴 http://bbs.itheima.com/thread-329965-1-1.html 无 41个Web开发者必须收藏的JavaScript实用技巧 http://bbs.itheima.com/thread-330982-1-1.html 无 10+ 实用的 JavaScript 调试小技巧 http://bbs.itheima.com/thread-330977-1-1.html 无新人拒绕晕： JS中toFixed四舍五入的坑 http://bbs.itheima.com/thread-329961-1-1.html 无流行的CSS思想之——浅析OOCSS必须看这个贴 http://bbs.itheima.com/thread-329965-1-1.html 无 8种CSS样式使用技巧 http://bbs.itheima.com/thread-332570-1-1.html 无如何写出小而清晰的函数 http://bbs.itheima.com/thread-332579-1-1.html 无 Web前端有哪些职位？ http://bbs.itheima.com/thread-332574-1-1.html 无 CSS消失的边界问题 http://bbs.itheima.com/thread-332606-1-1.html 无网页前端学习总结（一） http://bbs.itheima.com/thread-332609-1-1.html 无网页前端学习总结（二） http://bbs.itheima.com/thread-332612-1-1.html 无以上资源合并下载 http://pan.baidu.com/s/1slcVfvJ gjqg

前端技术

文章

（经验篇）

【前端技术分享】Web前端性能优化的9大问题 http://bbs.itheima.com/thread-329968-1-1.html 无 JavaScript学习笔记之判断语句的使用 http://bbs.itheima.com/thread-329969-1-1.html 无 Nodejs --- 丢掉flash，兼容IE789的进度 http://bbs.itheima.com/thread-329970-1-1.html 无如何实现点对点随机匹配聊天 http://bbs.itheima.com/thread-329972-1-1.html 无一看就懂的ReactJs入门教程 http://bbs.itheima.com/thread-329973-1-1.html 无谈一谈循环的性能提升 http://bbs.itheima.com/thread-329975-1-1.html 无超强的JS总结（一） http://bbs.itheima.com/thread-329984-1-1.html 无 zepto和jquery的区别，zepto的不同使用小结 http://bbs.itheima.com/thread-330314-1-1.html 无 CSS3图片倒影技术 http://bbs.itheima.com/thread-330315-1-1.html 无 HTML5标签使用的常见误区 http://bbs.itheima.com/thread-330316-1-1.html 无 JavaScript中的数据类型判断 http://bbs.itheima.com/thread-330495-1-1.html 无 web前端35个jQuery小技巧！ http://bbs.itheima.com/thread-330632-1-1.html 无前端性能之----减少DNS查询次数 http://bbs.itheima.com/thread-330913-1-1.html 无 vue中引入swiper关键问题解决 http://bbs.itheima.com/thread-330915-1-1.html 无理解ionic2 + angular2开发方案 http://bbs.itheima.com/thread-330931-1-1.html 无 Ajax同步与异步优缺点与使用 http://bbs.itheima.com/thread-330938-1-1.html 无 Bootstrap滚动监控器的设计 http://bbs.itheima.com/thread-330645-1-1.html 无 JS家的十大经典排序算法（上） http://bbs.itheima.com/thread-331275-1-1.html 无 JS家的十大经典排序算法（下） http://bbs.itheima.com/thread-331290-1-1.html 无详解JavaScript存储 http://bbs.itheima.com/thread-332646-1-1.html 无有趣的CSS题目（2）：从条纹边框的实现谈盒子模型

http://bbs.itheima.com/thread-332647-1-1.html

无以上资源合并下载 http://pan.baidu.com/s/1slpMuBz e56b

五、前端学习路线图——面试篇

前端面试

宝典

技术篇大牛教你如何写出优秀的前端工程师简历 http://bbs.itheima.com/thread-318331-1-1.html 无近期整理前端面试题，供大家参考 http://bbs.itheima.com/thread-330105-1-1.html 无前端开发工程师面试题 http://bbs.itheima.com/thread-330106-1-1.html 无百度2016校招笔试题（含答案、解析） http://bbs.itheima.com/thread-330107-1-1.html 无前端面试常见问答 http://bbs.itheima.com/thread-330633-1-1.html 无超实用的前端面试题 http://bbs.itheima.com/thread-330627-1-1.html 无薪资篇面试官如何评判应聘者的工资

http://bbs.itheima.com/thread-330108-1-1.html

无当HR问“你对薪资有什么要求”时怎么回答 HR指责要薪太高怎么办？自我介绍篇如何进行自我介绍？

http://bbs.itheima.com/thread-330109-1-1.html

无 “你有什么优劣势？” “你为什么选择我们公司？” 项目篇如何介绍简历中的项目？ http://bbs.itheima.com/thread-330110-1-1.html 无 HR贬低项目时你该怎么办“ 项目经验少该怎么办？学历年龄篇你学历低，为什么要录用你？ http://bbs.itheima.com/thread-330111-1-1.html 无你是不是年龄太大了？你太小了，你能承担项目吗？规划篇你准备在我们这家单位做多久？ http://bbs.itheima.com/thread-330112-1-1.html 无未来五年的规划是怎样的？以上资源合并下载

https://pan.baidu.com/s/1geXjXvl

byn6 http://blog.csdn.net/qq_25827845/article/details/53079094

以下是简单的使用说明

前端学习路线图：由前端教学经验相当丰富的老师梳理而成，知识由浅入深，循序渐进。自学前端，按照这份学习路线图学习就可以了！

视频篇：根据学习路线图搭配了相应的视频、源码资源。部分资源还在玩命更新中，请稍安勿躁，静候更新。

工具篇：精心收集了40多款前端流行框架、开发工具、手册、插件、模板引擎。市场上常用的、最新的几乎都在这了！

经验篇：前端前辈的经验之谈，给你的学习助上一臂之力！

面试篇：前端技术面试题汇总+非技术面试题完美解答。从此不再怕HR的刁难，看过的都说好！

全部资源只赠有缘人，拿走，还不用谢～另外，这份资源会一直更新，需要的同学持续关注吧！

一、前端学习路线图

二、前端学习路线图——视频篇

六大

阶段

学完后目标

知识点

视频资源(附笔记+PPT+模板

+源码)

密码

准备篇

学习周期：15天

学完后目标：

1、熟悉媒体查询和响应式设计，使得设计有适配不同的移动;

2、熟悉基础CSS的格式和CSS盒模式;

3、理解网页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素;

4、理解如何创建和浏览一个基本的网页。

市场价值：

熟练掌握之后，可以满足市场静态页面布局，但是市场就业工资相对较低，还需继续往下学习。

开发工具的安装配置的介绍

sublime、webstorm、Visual Studio Code

正在玩命更新中

HTML

理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点

《前端轻松入门： HTML超强视频分享》

《前端轻松入门： HTML笔记+PPT+源码》

pt2p bya5

CSS

基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型

《前端轻松入门：CSS超强视频分享》

《前端轻松入门：CSS笔记+PPT+源码》

《CSS梅兰商城项目实战视频教程传智出品，无偿分享！》

《CSS梅兰商城项目实战视频教程—配套资源》

ha3i u7k1 isx8 6scx

JavaScript入门

基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象

《快速入门JavaScript 三天视频教程分享》

《快速入门JavaScript教程配套笔记+源码+PPT》

t4bw 3w93

京东首页实战

CSS代码抽象与复用、浮动的盒子布局、padding 和 margin 使用、层级的使用、定位特性的各种使用场景

正在玩命更新中

基础篇

学习周期：20天

学完后目标：

1、能够基于jQuery实现炫酷效果和复杂的功能模块；

2、能创造或添加自定义效果到网页上；

3、能熟练添加标准的动画效果到网页上；

4、熟练操作DOM模型。

市场价值：8-13K

JavaScript基础

JS语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础

《五天Javascript基础加强视频分享！》

《【前端】Javascript基础加强配套笔记+源码+PPT》

98ef p23z

DOM + BOM

DOM基本结构、节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能

正在玩命更新中

网页特效与进阶

在网页特效中常用的编程接口、动画编程、事件对象和冒泡、缓动框架封装和旋转木马案例、正则表达式及应用

正在玩命更新中

Jquery

选择器、基本操作API、动画API、事件API、插件机制、原理分析、项目实战

正在玩命更新中

核心篇

学习周期：20天

学完后目标：

1、能够基于jQueryMobile/Zepto等框架进行移动端js功能开发；

2、能够熟练使用html5/css3/ canvas进行移动端页面和功能效果开发，并且能够基于原生和框架进行响应式效果开发；

3、能够基于jQuery、bootstrap等框架实现炫酷效果和复杂的功能模块；

4、能够独立制作电商类，企业类网站，以及常见js动态效果。

市场价值：13K-18K

HTML5 + CSS3

语义化结构、多媒体、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局、Canvas

《2016年最新H5+CSS3教程视频》

v53j

服务端编程

端的概念、Web 服务器的概念、服务器搭建、XML与JSON

正在玩命更新中

PHP

PHP基础语法、PHP服务端编程基础

正在玩命更新中

AJAX

基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载

《2016年最新AJAX教程》

hj8n

移动Web开发

响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS

《传智前端就业班视频分享：移动web开发课程》

《移动web开发课程源码+笔记+PPT》

n6mi

eq37

进阶篇

学习周期：15天

学完后目标：

1、熟练使用闭包、高级函数、立即执行函数(匿名函数)等；

2、熟练使用元编程，解决Callback等；

3、熟悉JavaScript基本语法。

市场价值：18-22K

面向对象在JS中的体现与实践

面向对象理论、对象的基本概念、对象的属性和方法、通过字面量创建对象

《javaScript高级面向对象-传智前端就业班视频免费分享》

《javaScript高级面向对象配套源码+笔记+PPT》

nwu6 8x2y

开发过程中常用的模式与思想

开闭原则、MVC思想、高内聚低耦合、工厂模式

正在玩命更新中

JavaScript高级特性

通过构造函数创建对象、原型对象、继承的多种实现方式、原型链、函数的本质以及 Function 构造函数、作用域链、闭包、沙箱模式

正在玩命更新中

封装一个自己框架

选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装

《传智前端就业班视频分享：JavaScript 高级框架设计》

《JavaScript 高级框架课程配套笔记+PPT+源码》

kcv9 8ega

高级篇

学习周期：20天

学完后目标：

1、了解主流的后台技术和前后端协作方式，从全局角度理解项目的整个生命周期；

2、熟悉nodejs的全栈式解决方案；

3、从前端的全局角度认识相关的框架；

4、熟练使用VueJS，AngularJS等框架完成复杂的前端功能，熟悉前端工作流。

市场价值：22K+

前端工作流

自动化流程工具使用、源代码版本控制工具使用、依赖项管理工具、项目模板脚手架

正在玩命更新中

流行框架

Angular基本使用、Angular高级特性、VueJS基本入门和路由、项目实战：豆瓣电影

正在玩命更新中

模块化开发

模块化开发规范、常用的模块化开发工具、RequireJS、AMD/CMD、统一规范UMD、SeaJS

正在玩命更新中

NodeJS

Node介绍、基本操作、常用内置模块、高级特性、常用框架

正在玩命更新中

移动

APP

开发

学习周期：8天

学完后目标：

1、深刻理解移动App的开发模式和技术选型；

2、熟练使用各种模式开发移动应用；

3、了解微信企业公共号开发。

市场价值：22K+

混合式应用开发

混合式平台架构、混合式开发实践、京东APP端实战

正在玩命更新中

微信开发

微信公共号介绍、平台API对接、X5兼容处理、内置接口

正在玩命更新中

React

组件化思想、基本使用、核心特性、JSX、TODOMVC案例

正在玩命更新中

React Native

环境与工具、实现思路、常用组件、常用插件、综合案例：豆瓣电影

正在玩命更新中

移动其他APP开发框架

PhoneGap、AppCan、HTML5+、Framework7

正在玩命更新中

三、前端学习路线图——工具篇

前端

流行

框架

前端

开发

工具

http://fontawesome.io/

前端

手册

HTML5 html5参考手册 api 下载 https://pan.baidu.com/s/1jIQ8yBc ee3z CSS CSS2.0中文参考手册 api 下载

https://pan.baidu.com/s/1dEJbf8X

前端

插件

Canvas图表插件

echarts http://echarts.baidu.com/index.html 无

模板

引擎

四、前端学习路线图——经验篇

前端技术

文章

（新人篇）

前端技术

文章

（经验篇）

http://bbs.itheima.com/thread-332647-1-1.html

无以上资源合并下载 http://pan.baidu.com/s/1slpMuBz e56b

五、前端学习路线图——面试篇

前端面试

宝典

http://bbs.itheima.com/thread-330108-1-1.html

无当HR问“你对薪资有什么要求”时怎么回答 HR指责要薪太高怎么办？自我介绍篇如何进行自我介绍？

http://bbs.itheima.com/thread-330109-1-1.html

https://pan.baidu.com/s/1geXjXvl

byn6 原文地址：

以下是简单的使用说明

前端学习路线图：由前端教学经验相当丰富的老师梳理而成，知识由浅入深，循序渐进。自学前端，按照这份学习路线图学习就可以了！

视频篇：根据学习路线图搭配了相应的视频、源码资源。部分资源还在玩命更新中，请稍安勿躁，静候更新。

工具篇：精心收集了40多款前端流行框架、开发工具、手册、插件、模板引擎。市场上常用的、最新的几乎都在这了！

经验篇：前端前辈的经验之谈，给你的学习助上一臂之力！

面试篇：前端技术面试题汇总+非技术面试题完美解答。从此不再怕HR的刁难，看过的都说好！

全部资源只赠有缘人，拿走，还不用谢～另外，这份资源会一直更新，需要的同学持续关注吧！

一、前端学习路线图

二、前端学习路线图——视频篇

六大

阶段

学完后目标

知识点

视频资源(附笔记+PPT+模板

+源码)

密码

准备篇

学习周期：15天

学完后目标：

1、熟悉媒体查询和响应式设计，使得设计有适配不同的移动;

2、熟悉基础CSS的格式和CSS盒模式;

3、理解网页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素;

4、理解如何创建和浏览一个基本的网页。

市场价值：

熟练掌握之后，可以满足市场静态页面布局，但是市场就业工资相对较低，还需继续往下学习。

开发工具的安装配置的介绍

sublime、webstorm、Visual Studio Code

正在玩命更新中

HTML

理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点

《前端轻松入门： HTML超强视频分享》

《前端轻松入门： HTML笔记+PPT+源码》

pt2p bya5

CSS

基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型

《前端轻松入门：CSS超强视频分享》

《前端轻松入门：CSS笔记+PPT+源码》

《CSS梅兰商城项目实战视频教程传智出品，无偿分享！》

《CSS梅兰商城项目实战视频教程—配套资源》

ha3i u7k1 isx8 6scx

JavaScript入门

基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象

《快速入门JavaScript 三天视频教程分享》

《快速入门JavaScript教程配套笔记+源码+PPT》

t4bw 3w93

京东首页实战

CSS代码抽象与复用、浮动的盒子布局、padding 和 margin 使用、层级的使用、定位特性的各种使用场景

正在玩命更新中

基础篇

学习周期：20天

学完后目标：

1、能够基于jQuery实现炫酷效果和复杂的功能模块；

2、能创造或添加自定义效果到网页上；

3、能熟练添加标准的动画效果到网页上；

4、熟练操作DOM模型。

市场价值：8-13K

JavaScript基础

JS语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础

《五天Javascript基础加强视频分享！》

《【前端】Javascript基础加强配套笔记+源码+PPT》

98ef p23z

DOM + BOM

DOM基本结构、节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能

正在玩命更新中

网页特效与进阶

在网页特效中常用的编程接口、动画编程、事件对象和冒泡、缓动框架封装和旋转木马案例、正则表达式及应用

正在玩命更新中

Jquery

选择器、基本操作API、动画API、事件API、插件机制、原理分析、项目实战

正在玩命更新中

核心篇

学习周期：20天

学完后目标：

1、能够基于jQueryMobile/Zepto等框架进行移动端js功能开发；

2、能够熟练使用html5/css3/ canvas进行移动端页面和功能效果开发，并且能够基于原生和框架进行响应式效果开发；

3、能够基于jQuery、bootstrap等框架实现炫酷效果和复杂的功能模块；

4、能够独立制作电商类，企业类网站，以及常见js动态效果。

市场价值：13K-18K

HTML5 + CSS3

语义化结构、多媒体、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局、Canvas

《2016年最新H5+CSS3教程视频》

v53j

服务端编程

端的概念、Web 服务器的概念、服务器搭建、XML与JSON

正在玩命更新中

PHP

PHP基础语法、PHP服务端编程基础

正在玩命更新中

AJAX

基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载

《2016年最新AJAX教程》

hj8n

移动Web开发

响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS

《传智前端就业班视频分享：移动web开发课程》

《移动web开发课程源码+笔记+PPT》

n6mi

eq37

进阶篇

学习周期：15天

学完后目标：

1、熟练使用闭包、高级函数、立即执行函数(匿名函数)等；

2、熟练使用元编程，解决Callback等；

3、熟悉JavaScript基本语法。

市场价值：18-22K

面向对象在JS中的体现与实践

面向对象理论、对象的基本概念、对象的属性和方法、通过字面量创建对象

《javaScript高级面向对象-传智前端就业班视频免费分享》

《javaScript高级面向对象配套源码+笔记+PPT》

nwu6 8x2y

开发过程中常用的模式与思想

开闭原则、MVC思想、高内聚低耦合、工厂模式

正在玩命更新中

JavaScript高级特性

通过构造函数创建对象、原型对象、继承的多种实现方式、原型链、函数的本质以及 Function 构造函数、作用域链、闭包、沙箱模式

正在玩命更新中

封装一个自己框架

选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装

《传智前端就业班视频分享：JavaScript 高级框架设计》

《JavaScript 高级框架课程配套笔记+PPT+源码》

kcv9 8ega

高级篇

学习周期：20天

学完后目标：

1、了解主流的后台技术和前后端协作方式，从全局角度理解项目的整个生命周期；

2、熟悉nodejs的全栈式解决方案；

3、从前端的全局角度认识相关的框架；

4、熟练使用VueJS，AngularJS等框架完成复杂的前端功能，熟悉前端工作流。

市场价值：22K+

前端工作流

自动化流程工具使用、源代码版本控制工具使用、依赖项管理工具、项目模板脚手架

正在玩命更新中

流行框架

Angular基本使用、Angular高级特性、VueJS基本入门和路由、项目实战：豆瓣电影

正在玩命更新中

模块化开发

模块化开发规范、常用的模块化开发工具、RequireJS、AMD/CMD、统一规范UMD、SeaJS

正在玩命更新中

NodeJS

Node介绍、基本操作、常用内置模块、高级特性、常用框架

正在玩命更新中

移动

APP

开发

学习周期：8天

学完后目标：

1、深刻理解移动App的开发模式和技术选型；

2、熟练使用各种模式开发移动应用；

3、了解微信企业公共号开发。

市场价值：22K+

混合式应用开发

混合式平台架构、混合式开发实践、京东APP端实战

正在玩命更新中

微信开发

微信公共号介绍、平台API对接、X5兼容处理、内置接口

正在玩命更新中

React

组件化思想、基本使用、核心特性、JSX、TODOMVC案例

正在玩命更新中

React Native

环境与工具、实现思路、常用组件、常用插件、综合案例：豆瓣电影

正在玩命更新中

移动其他APP开发框架

PhoneGap、AppCan、HTML5+、Framework7

正在玩命更新中

三、前端学习路线图——工具篇

前端

流行

框架

前端

开发

工具

http://fontawesome.io/

前端

手册

HTML5 html5参考手册 api 下载 https://pan.baidu.com/s/1jIQ8yBc ee3z CSS CSS2.0中文参考手册 api 下载

https://pan.baidu.com/s/1dEJbf8X

前端

插件

Canvas图表插件

echarts http://echarts.baidu.com/index.html 无

模板

引擎

四、前端学习路线图——经验篇

前端技术

文章

（新人篇）

前端技术

文章

（经验篇）

http://bbs.itheima.com/thread-332647-1-1.html

无以上资源合并下载 http://pan.baidu.com/s/1slpMuBz e56b

五、前端学习路线图——面试篇

前端面试

宝典

http://bbs.itheima.com/thread-330108-1-1.html

无当HR问“你对薪资有什么要求”时怎么回答 HR指责要薪太高怎么办？自我介绍篇如何进行自我介绍？

http://bbs.itheima.com/thread-330109-1-1.html

https://pan.baidu.com/s/1geXjXvl

byn6 原文地址：

以下是简单的使用说明

前端学习路线图：由前端教学经验相当丰富的老师梳理而成，知识由浅入深，循序渐进。自学前端，按照这份学习路线图学习就可以了！

视频篇：根据学习路线图搭配了相应的视频、源码资源。部分资源还在玩命更新中，请稍安勿躁，静候更新。

工具篇：精心收集了40多款前端流行框架、开发工具、手册、插件、模板引擎。市场上常用的、最新的几乎都在这了！

经验篇：前端前辈的经验之谈，给你的学习助上一臂之力！

面试篇：前端技术面试题汇总+非技术面试题完美解答。从此不再怕HR的刁难，看过的都说好！

全部资源只赠有缘人，拿走，还不用谢～另外，这份资源会一直更新，需要的同学持续关注吧！

一、前端学习路线图

二、前端学习路线图——视频篇

六大

阶段

学完后目标

知识点

视频资源(附笔记+PPT+模板

+源码)

密码

准备篇

学习周期：15天

学完后目标：

1、熟悉媒体查询和响应式设计，使得设计有适配不同的移动;

2、熟悉基础CSS的格式和CSS盒模式;

3、理解网页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素;

4、理解如何创建和浏览一个基本的网页。

市场价值：

熟练掌握之后，可以满足市场静态页面布局，但是市场就业工资相对较低，还需继续往下学习。

开发工具的安装配置的介绍

sublime、webstorm、Visual Studio Code

正在玩命更新中

HTML

理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点

《前端轻松入门： HTML超强视频分享》

《前端轻松入门： HTML笔记+PPT+源码》

pt2p bya5

CSS

基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型

《前端轻松入门：CSS超强视频分享》

《前端轻松入门：CSS笔记+PPT+源码》

《CSS梅兰商城项目实战视频教程传智出品，无偿分享！》

《CSS梅兰商城项目实战视频教程—配套资源》

ha3i u7k1 isx8 6scx

JavaScript入门

基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象

《快速入门JavaScript 三天视频教程分享》

《快速入门JavaScript教程配套笔记+源码+PPT》

t4bw 3w93

京东首页实战

CSS代码抽象与复用、浮动的盒子布局、padding 和 margin 使用、层级的使用、定位特性的各种使用场景

正在玩命更新中

基础篇

学习周期：20天

学完后目标：

1、能够基于jQuery实现炫酷效果和复杂的功能模块；

2、能创造或添加自定义效果到网页上；

3、能熟练添加标准的动画效果到网页上；

4、熟练操作DOM模型。

市场价值：8-13K

JavaScript基础

JS语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础

《五天Javascript基础加强视频分享！》

《【前端】Javascript基础加强配套笔记+源码+PPT》

98ef p23z

DOM + BOM

DOM基本结构、节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能

正在玩命更新中

网页特效与进阶

在网页特效中常用的编程接口、动画编程、事件对象和冒泡、缓动框架封装和旋转木马案例、正则表达式及应用

正在玩命更新中

Jquery

选择器、基本操作API、动画API、事件API、插件机制、原理分析、项目实战

正在玩命更新中

核心篇

学习周期：20天

学完后目标：

1、能够基于jQueryMobile/Zepto等框架进行移动端js功能开发；

2、能够熟练使用html5/css3/ canvas进行移动端页面和功能效果开发，并且能够基于原生和框架进行响应式效果开发；

3、能够基于jQuery、bootstrap等框架实现炫酷效果和复杂的功能模块；

4、能够独立制作电商类，企业类网站，以及常见js动态效果。

市场价值：13K-18K

HTML5 + CSS3

语义化结构、多媒体、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局、Canvas

《2016年最新H5+CSS3教程视频》

v53j

服务端编程

端的概念、Web 服务器的概念、服务器搭建、XML与JSON

正在玩命更新中

PHP

PHP基础语法、PHP服务端编程基础

正在玩命更新中

AJAX

基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载

《2016年最新AJAX教程》

hj8n

移动Web开发

响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS

《传智前端就业班视频分享：移动web开发课程》

《移动web开发课程源码+笔记+PPT》

n6mi

eq37

进阶篇

学习周期：15天

学完后目标：

1、熟练使用闭包、高级函数、立即执行函数(匿名函数)等；

2、熟练使用元编程，解决Callback等；

3、熟悉JavaScript基本语法。

市场价值：18-22K

面向对象在JS中的体现与实践

面向对象理论、对象的基本概念、对象的属性和方法、通过字面量创建对象

《javaScript高级面向对象-传智前端就业班视频免费分享》

《javaScript高级面向对象配套源码+笔记+PPT》

nwu6 8x2y

开发过程中常用的模式与思想

开闭原则、MVC思想、高内聚低耦合、工厂模式

正在玩命更新中

JavaScript高级特性

通过构造函数创建对象、原型对象、继承的多种实现方式、原型链、函数的本质以及 Function 构造函数、作用域链、闭包、沙箱模式

正在玩命更新中

封装一个自己框架

选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装

《传智前端就业班视频分享：JavaScript 高级框架设计》

《JavaScript 高级框架课程配套笔记+PPT+源码》

kcv9 8ega

高级篇

学习周期：20天

学完后目标：

1、了解主流的后台技术和前后端协作方式，从全局角度理解项目的整个生命周期；

2、熟悉nodejs的全栈式解决方案；

3、从前端的全局角度认识相关的框架；

4、熟练使用VueJS，AngularJS等框架完成复杂的前端功能，熟悉前端工作流。

市场价值：22K+

前端工作流

自动化流程工具使用、源代码版本控制工具使用、依赖项管理工具、项目模板脚手架

正在玩命更新中

流行框架

Angular基本使用、Angular高级特性、VueJS基本入门和路由、项目实战：豆瓣电影

正在玩命更新中

模块化开发

模块化开发规范、常用的模块化开发工具、RequireJS、AMD/CMD、统一规范UMD、SeaJS

正在玩命更新中

NodeJS

Node介绍、基本操作、常用内置模块、高级特性、常用框架

正在玩命更新中

移动

APP

开发

学习周期：8天

学完后目标：

1、深刻理解移动App的开发模式和技术选型；

2、熟练使用各种模式开发移动应用；

3、了解微信企业公共号开发。

市场价值：22K+

混合式应用开发

混合式平台架构、混合式开发实践、京东APP端实战

正在玩命更新中

微信开发

微信公共号介绍、平台API对接、X5兼容处理、内置接口

正在玩命更新中

React

组件化思想、基本使用、核心特性、JSX、TODOMVC案例

正在玩命更新中

React Native

环境与工具、实现思路、常用组件、常用插件、综合案例：豆瓣电影

正在玩命更新中

移动其他APP开发框架

PhoneGap、AppCan、HTML5+、Framework7

正在玩命更新中

三、前端学习路线图——工具篇

前端

流行

框架

前端

开发

工具

http://fontawesome.io/

前端

手册

HTML5 html5参考手册 api 下载 https://pan.baidu.com/s/1jIQ8yBc ee3z CSS CSS2.0中文参考手册 api 下载

https://pan.baidu.com/s/1dEJbf8X

前端

插件

Canvas图表插件

echarts http://echarts.baidu.com/index.html 无

模板

引擎

四、前端学习路线图——经验篇

前端技术

文章

（新人篇）

前端技术

文章

（经验篇）

http://bbs.itheima.com/thread-332647-1-1.html

无以上资源合并下载 http://pan.baidu.com/s/1slpMuBz e56b

五、前端学习路线图——面试篇

前端面试

宝典

http://bbs.itheima.com/thread-330108-1-1.html

无当HR问“你对薪资有什么要求”时怎么回答 HR指责要薪太高怎么办？自我介绍篇如何进行自我介绍？

http://bbs.itheima.com/thread-330109-1-1.html

https://pan.baidu.com/s/1geXjXvl

byn6 http://blog.csdn.net/qq_25827845/article/details/53079094

以下是简单的使用说明

前端学习路线图：由前端教学经验相当丰富的老师梳理而成，知识由浅入深，循序渐进。自学前端，按照这份学习路线图学习就可以了！

视频篇：根据学习路线图搭配了相应的视频、源码资源。部分资源还在玩命更新中，请稍安勿躁，静候更新。

工具篇：精心收集了40多款前端流行框架、开发工具、手册、插件、模板引擎。市场上常用的、最新的几乎都在这了！

经验篇：前端前辈的经验之谈，给你的学习助上一臂之力！

面试篇：前端技术面试题汇总+非技术面试题完美解答。从此不再怕HR的刁难，看过的都说好！

全部资源只赠有缘人，拿走，还不用谢～另外，这份资源会一直更新，需要的同学持续关注吧！

一、前端学习路线图

二、前端学习路线图——视频篇

六大

阶段

学完后目标

知识点

视频资源(附笔记+PPT+模板

+源码)

密码

准备篇

学习周期：15天

学完后目标：

1、熟悉媒体查询和响应式设计，使得设计有适配不同的移动;

2、熟悉基础CSS的格式和CSS盒模式;

3、理解网页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素;

4、理解如何创建和浏览一个基本的网页。

市场价值：

熟练掌握之后，可以满足市场静态页面布局，但是市场就业工资相对较低，还需继续往下学习。

开发工具的安装配置的介绍

sublime、webstorm、Visual Studio Code

正在玩命更新中

HTML

理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点

《前端轻松入门： HTML超强视频分享》

《前端轻松入门： HTML笔记+PPT+源码》

pt2p bya5

CSS

基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型

《前端轻松入门：CSS超强视频分享》

《前端轻松入门：CSS笔记+PPT+源码》

《CSS梅兰商城项目实战视频教程传智出品，无偿分享！》

《CSS梅兰商城项目实战视频教程—配套资源》

ha3i u7k1 isx8 6scx

JavaScript入门

基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象

《快速入门JavaScript 三天视频教程分享》

《快速入门JavaScript教程配套笔记+源码+PPT》

t4bw 3w93

京东首页实战

CSS代码抽象与复用、浮动的盒子布局、padding 和 margin 使用、层级的使用、定位特性的各种使用场景

正在玩命更新中

基础篇

学习周期：20天

学完后目标：

1、能够基于jQuery实现炫酷效果和复杂的功能模块；

2、能创造或添加自定义效果到网页上；

3、能熟练添加标准的动画效果到网页上；

4、熟练操作DOM模型。

市场价值：8-13K

JavaScript基础

JS语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础

《五天Javascript基础加强视频分享！》

《【前端】Javascript基础加强配套笔记+源码+PPT》

98ef p23z

DOM + BOM

DOM基本结构、节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能

正在玩命更新中

网页特效与进阶

在网页特效中常用的编程接口、动画编程、事件对象和冒泡、缓动框架封装和旋转木马案例、正则表达式及应用

正在玩命更新中

Jquery

选择器、基本操作API、动画API、事件API、插件机制、原理分析、项目实战

正在玩命更新中

核心篇

学习周期：20天

学完后目标：

1、能够基于jQueryMobile/Zepto等框架进行移动端js功能开发；

2、能够熟练使用html5/css3/ canvas进行移动端页面和功能效果开发，并且能够基于原生和框架进行响应式效果开发；

3、能够基于jQuery、bootstrap等框架实现炫酷效果和复杂的功能模块；

4、能够独立制作电商类，企业类网站，以及常见js动态效果。

市场价值：13K-18K

HTML5 + CSS3

语义化结构、多媒体、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局、Canvas

《2016年最新H5+CSS3教程视频》

v53j

服务端编程

端的概念、Web 服务器的概念、服务器搭建、XML与JSON

正在玩命更新中

PHP

PHP基础语法、PHP服务端编程基础

正在玩命更新中

AJAX

基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载

《2016年最新AJAX教程》

hj8n

移动Web开发

响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS

《传智前端就业班视频分享：移动web开发课程》

《移动web开发课程源码+笔记+PPT》

n6mi

eq37

进阶篇

学习周期：15天

学完后目标：

1、熟练使用闭包、高级函数、立即执行函数(匿名函数)等；

2、熟练使用元编程，解决Callback等；

3、熟悉JavaScript基本语法。

市场价值：18-22K

面向对象在JS中的体现与实践

面向对象理论、对象的基本概念、对象的属性和方法、通过字面量创建对象

《javaScript高级面向对象-传智前端就业班视频免费分享》

《javaScript高级面向对象配套源码+笔记+PPT》

nwu6 8x2y

开发过程中常用的模式与思想

开闭原则、MVC思想、高内聚低耦合、工厂模式

正在玩命更新中

JavaScript高级特性

通过构造函数创建对象、原型对象、继承的多种实现方式、原型链、函数的本质以及 Function 构造函数、作用域链、闭包、沙箱模式

正在玩命更新中

封装一个自己框架

选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装

《传智前端就业班视频分享：JavaScript 高级框架设计》

《JavaScript 高级框架课程配套笔记+PPT+源码》

kcv9 8ega

高级篇

学习周期：20天

学完后目标：

1、了解主流的后台技术和前后端协作方式，从全局角度理解项目的整个生命周期；

2、熟悉nodejs的全栈式解决方案；

3、从前端的全局角度认识相关的框架；

4、熟练使用VueJS，AngularJS等框架完成复杂的前端功能，熟悉前端工作流。

市场价值：22K+

前端工作流

自动化流程工具使用、源代码版本控制工具使用、依赖项管理工具、项目模板脚手架

正在玩命更新中

流行框架

Angular基本使用、Angular高级特性、VueJS基本入门和路由、项目实战：豆瓣电影

正在玩命更新中

模块化开发

模块化开发规范、常用的模块化开发工具、RequireJS、AMD/CMD、统一规范UMD、SeaJS

正在玩命更新中

NodeJS

Node介绍、基本操作、常用内置模块、高级特性、常用框架

正在玩命更新中

移动

APP

开发

学习周期：8天

学完后目标：

1、深刻理解移动App的开发模式和技术选型；

2、熟练使用各种模式开发移动应用；

3、了解微信企业公共号开发。

市场价值：22K+

混合式应用开发

混合式平台架构、混合式开发实践、京东APP端实战

正在玩命更新中

微信开发

微信公共号介绍、平台API对接、X5兼容处理、内置接口

正在玩命更新中

React

组件化思想、基本使用、核心特性、JSX、TODOMVC案例

正在玩命更新中

React Native

环境与工具、实现思路、常用组件、常用插件、综合案例：豆瓣电影

正在玩命更新中

移动其他APP开发框架

PhoneGap、AppCan、HTML5+、Framework7

正在玩命更新中

三、前端学习路线图——工具篇

前端

流行

框架

前端

开发

工具

http://fontawesome.io/

前端

手册

HTML5 html5参考手册 api 下载 https://pan.baidu.com/s/1jIQ8yBc ee3z CSS CSS2.0中文参考手册 api 下载

https://pan.baidu.com/s/1dEJbf8X

前端

插件

Canvas图表插件

echarts http://echarts.baidu.com/index.html 无

模板

引擎

四、前端学习路线图——经验篇

前端技术

文章

（新人篇）

前端技术

文章

（经验篇）

http://bbs.itheima.com/thread-332647-1-1.html

无以上资源合并下载 http://pan.baidu.com/s/1slpMuBz e56b

五、前端学习路线图——面试篇

前端面试

宝典

http://bbs.itheima.com/thread-330108-1-1.html

无当HR问“你对薪资有什么要求”时怎么回答 HR指责要薪太高怎么办？自我介绍篇如何进行自我介绍？

http://bbs.itheima.com/thread-330109-1-1.html

https://pan.baidu.com/s/1geXjXvl

byn6 http://blog.csdn.net/qq_25827845/article/details/53079094

以下是简单的使用说明

前端学习路线图：由前端教学经验相当丰富的老师梳理而成，知识由浅入深，循序渐进。自学前端，按照这份学习路线图学习就可以了！

视频篇：根据学习路线图搭配了相应的视频、源码资源。部分资源还在玩命更新中，请稍安勿躁，静候更新。

工具篇：精心收集了40多款前端流行框架、开发工具、手册、插件、模板引擎。市场上常用的、最新的几乎都在这了！

经验篇：前端前辈的经验之谈，给你的学习助上一臂之力！

面试篇：前端技术面试题汇总+非技术面试题完美解答。从此不再怕HR的刁难，看过的都说好！

全部资源只赠有缘人，拿走，还不用谢～另外，这份资源会一直更新，需要的同学持续关注吧！

一、前端学习路线图

二、前端学习路线图——视频篇

六大

阶段

学完后目标

知识点

视频资源(附笔记+PPT+模板

+源码)

密码

准备篇

学习周期：15天

学完后目标：

1、熟悉媒体查询和响应式设计，使得设计有适配不同的移动;

2、熟悉基础CSS的格式和CSS盒模式;

3、理解网页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素;

4、理解如何创建和浏览一个基本的网页。

市场价值：

熟练掌握之后，可以满足市场静态页面布局，但是市场就业工资相对较低，还需继续往下学习。

开发工具的安装配置的介绍

sublime、webstorm、Visual Studio Code

正在玩命更新中

HTML

理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点

《前端轻松入门： HTML超强视频分享》

《前端轻松入门： HTML笔记+PPT+源码》

pt2p bya5

CSS

基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型

《前端轻松入门：CSS超强视频分享》

《前端轻松入门：CSS笔记+PPT+源码》

《CSS梅兰商城项目实战视频教程传智出品，无偿分享！》

《CSS梅兰商城项目实战视频教程—配套资源》

ha3i u7k1 isx8 6scx

JavaScript入门

基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象

《快速入门JavaScript 三天视频教程分享》

《快速入门JavaScript教程配套笔记+源码+PPT》

t4bw 3w93

京东首页实战

CSS代码抽象与复用、浮动的盒子布局、padding 和 margin 使用、层级的使用、定位特性的各种使用场景

正在玩命更新中

基础篇

学习周期：20天

学完后目标：

1、能够基于jQuery实现炫酷效果和复杂的功能模块；

2、能创造或添加自定义效果到网页上；

3、能熟练添加标准的动画效果到网页上；

4、熟练操作DOM模型。

市场价值：8-13K

JavaScript基础

JS语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础

《五天Javascript基础加强视频分享！》

《【前端】Javascript基础加强配套笔记+源码+PPT》

98ef p23z

DOM + BOM

DOM基本结构、节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能

正在玩命更新中

网页特效与进阶

在网页特效中常用的编程接口、动画编程、事件对象和冒泡、缓动框架封装和旋转木马案例、正则表达式及应用

正在玩命更新中

Jquery

选择器、基本操作API、动画API、事件API、插件机制、原理分析、项目实战

正在玩命更新中

核心篇

学习周期：20天

学完后目标：

1、能够基于jQueryMobile/Zepto等框架进行移动端js功能开发；

2、能够熟练使用html5/css3/ canvas进行移动端页面和功能效果开发，并且能够基于原生和框架进行响应式效果开发；

3、能够基于jQuery、bootstrap等框架实现炫酷效果和复杂的功能模块；

4、能够独立制作电商类，企业类网站，以及常见js动态效果。

市场价值：13K-18K

HTML5 + CSS3

语义化结构、多媒体、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局、Canvas

《2016年最新H5+CSS3教程视频》

v53j

服务端编程

端的概念、Web 服务器的概念、服务器搭建、XML与JSON

正在玩命更新中

PHP

PHP基础语法、PHP服务端编程基础

正在玩命更新中

AJAX

基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载

《2016年最新AJAX教程》

hj8n

移动Web开发

响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS

《传智前端就业班视频分享：移动web开发课程》

《移动web开发课程源码+笔记+PPT》

n6mi

eq37

进阶篇

学习周期：15天

学完后目标：

1、熟练使用闭包、高级函数、立即执行函数(匿名函数)等；

2、熟练使用元编程，解决Callback等；

3、熟悉JavaScript基本语法。

市场价值：18-22K

面向对象在JS中的体现与实践

面向对象理论、对象的基本概念、对象的属性和方法、通过字面量创建对象

《javaScript高级面向对象-传智前端就业班视频免费分享》

《javaScript高级面向对象配套源码+笔记+PPT》

nwu6 8x2y

开发过程中常用的模式与思想

开闭原则、MVC思想、高内聚低耦合、工厂模式

正在玩命更新中

JavaScript高级特性

通过构造函数创建对象、原型对象、继承的多种实现方式、原型链、函数的本质以及 Function 构造函数、作用域链、闭包、沙箱模式

正在玩命更新中

封装一个自己框架

选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装

《传智前端就业班视频分享：JavaScript 高级框架设计》

《JavaScript 高级框架课程配套笔记+PPT+源码》

kcv9 8ega

高级篇

学习周期：20天

学完后目标：

1、了解主流的后台技术和前后端协作方式，从全局角度理解项目的整个生命周期；

2、熟悉nodejs的全栈式解决方案；

3、从前端的全局角度认识相关的框架；

4、熟练使用VueJS，AngularJS等框架完成复杂的前端功能，熟悉前端工作流。

市场价值：22K+

前端工作流

自动化流程工具使用、源代码版本控制工具使用、依赖项管理工具、项目模板脚手架

正在玩命更新中

流行框架

Angular基本使用、Angular高级特性、VueJS基本入门和路由、项目实战：豆瓣电影

正在玩命更新中

模块化开发

模块化开发规范、常用的模块化开发工具、RequireJS、AMD/CMD、统一规范UMD、SeaJS

正在玩命更新中

NodeJS

Node介绍、基本操作、常用内置模块、高级特性、常用框架

正在玩命更新中

移动

APP

开发

学习周期：8天

学完后目标：

1、深刻理解移动App的开发模式和技术选型；

2、熟练使用各种模式开发移动应用；

3、了解微信企业公共号开发。

市场价值：22K+

混合式应用开发

混合式平台架构、混合式开发实践、京东APP端实战

正在玩命更新中

微信开发

微信公共号介绍、平台API对接、X5兼容处理、内置接口

正在玩命更新中

React

组件化思想、基本使用、核心特性、JSX、TODOMVC案例

正在玩命更新中

React Native

环境与工具、实现思路、常用组件、常用插件、综合案例：豆瓣电影

正在玩命更新中

移动其他APP开发框架

PhoneGap、AppCan、HTML5+、Framework7

正在玩命更新中

三、前端学习路线图——工具篇

前端

流行

框架

前端

开发

工具

http://fontawesome.io/

前端

手册

HTML5 html5参考手册 api 下载 https://pan.baidu.com/s/1jIQ8yBc ee3z CSS CSS2.0中文参考手册 api 下载

https://pan.baidu.com/s/1dEJbf8X

前端

插件

Canvas图表插件

echarts http://echarts.baidu.com/index.html 无

模板

引擎

四、前端学习路线图——经验篇

前端技术

文章

（新人篇）

前端技术

文章

（经验篇）

http://bbs.itheima.com/thread-332647-1-1.html

无以上资源合并下载 http://pan.baidu.com/s/1slpMuBz e56b

五、前端学习路线图——面试篇

前端面试

宝典

http://bbs.itheima.com/thread-330108-1-1.html

无当HR问“你对薪资有什么要求”时怎么回答 HR指责要薪太高怎么办？自我介绍篇如何进行自我介绍？

http://bbs.itheima.com/thread-330109-1-1.html

https://pan.baidu.com/s/1geXjXvl

byn6 http://blog.csdn.net/qq_25827845/article/details/53079094

以下是简单的使用说明

前端学习路线图：由前端教学经验相当丰富的老师梳理而成，知识由浅入深，循序渐进。自学前端，按照这份学习路线图学习就可以了！

视频篇：根据学习路线图搭配了相应的视频、源码资源。部分资源还在玩命更新中，请稍安勿躁，静候更新。

工具篇：精心收集了40多款前端流行框架、开发工具、手册、插件、模板引擎。市场上常用的、最新的几乎都在这了！

经验篇：前端前辈的经验之谈，给你的学习助上一臂之力！

面试篇：前端技术面试题汇总+非技术面试题完美解答。从此不再怕HR的刁难，看过的都说好！

全部资源只赠有缘人，拿走，还不用谢～另外，这份资源会一直更新，需要的同学持续关注吧！

一、前端学习路线图

二、前端学习路线图——视频篇

六大

阶段

学完后目标

知识点

视频资源(附笔记+PPT+模板

+源码)

密码

准备篇

学习周期：15天

学完后目标：

1、熟悉媒体查询和响应式设计，使得设计有适配不同的移动;

2、熟悉基础CSS的格式和CSS盒模式;

3、理解网页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素;

4、理解如何创建和浏览一个基本的网页。

市场价值：

熟练掌握之后，可以满足市场静态页面布局，但是市场就业工资相对较低，还需继续往下学习。

开发工具的安装配置的介绍

sublime、webstorm、Visual Studio Code

正在玩命更新中

HTML

理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点

《前端轻松入门： HTML超强视频分享》

《前端轻松入门： HTML笔记+PPT+源码》

pt2p bya5

CSS

基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型

《前端轻松入门：CSS超强视频分享》

《前端轻松入门：CSS笔记+PPT+源码》

《CSS梅兰商城项目实战视频教程传智出品，无偿分享！》

《CSS梅兰商城项目实战视频教程—配套资源》

ha3i u7k1 isx8 6scx

JavaScript入门

基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象

《快速入门JavaScript 三天视频教程分享》

《快速入门JavaScript教程配套笔记+源码+PPT》

t4bw 3w93

京东首页实战

CSS代码抽象与复用、浮动的盒子布局、padding 和 margin 使用、层级的使用、定位特性的各种使用场景

正在玩命更新中

基础篇

学习周期：20天

学完后目标：

1、能够基于jQuery实现炫酷效果和复杂的功能模块；

2、能创造或添加自定义效果到网页上；

3、能熟练添加标准的动画效果到网页上；

4、熟练操作DOM模型。

市场价值：8-13K

JavaScript基础

JS语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础

《五天Javascript基础加强视频分享！》

《【前端】Javascript基础加强配套笔记+源码+PPT》

98ef p23z

DOM + BOM

DOM基本结构、节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能

正在玩命更新中

网页特效与进阶

在网页特效中常用的编程接口、动画编程、事件对象和冒泡、缓动框架封装和旋转木马案例、正则表达式及应用

正在玩命更新中

Jquery

选择器、基本操作API、动画API、事件API、插件机制、原理分析、项目实战

正在玩命更新中

核心篇

学习周期：20天

学完后目标：

1、能够基于jQueryMobile/Zepto等框架进行移动端js功能开发；

2、能够熟练使用html5/css3/ canvas进行移动端页面和功能效果开发，并且能够基于原生和框架进行响应式效果开发；

3、能够基于jQuery、bootstrap等框架实现炫酷效果和复杂的功能模块；

4、能够独立制作电商类，企业类网站，以及常见js动态效果。

市场价值：13K-18K

HTML5 + CSS3

语义化结构、多媒体、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局、Canvas

《2016年最新H5+CSS3教程视频》

v53j

服务端编程

端的概念、Web 服务器的概念、服务器搭建、XML与JSON

正在玩命更新中

PHP

PHP基础语法、PHP服务端编程基础

正在玩命更新中

AJAX

基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载

《2016年最新AJAX教程》

hj8n

移动Web开发

响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS

《传智前端就业班视频分享：移动web开发课程》

《移动web开发课程源码+笔记+PPT》

n6mi

eq37

进阶篇

学习周期：15天

学完后目标：

1、熟练使用闭包、高级函数、立即执行函数(匿名函数)等；

2、熟练使用元编程，解决Callback等；

3、熟悉JavaScript基本语法。

市场价值：18-22K

面向对象在JS中的体现与实践

面向对象理论、对象的基本概念、对象的属性和方法、通过字面量创建对象

《javaScript高级面向对象-传智前端就业班视频免费分享》

《javaScript高级面向对象配套源码+笔记+PPT》

nwu6 8x2y

开发过程中常用的模式与思想

开闭原则、MVC思想、高内聚低耦合、工厂模式

正在玩命更新中

JavaScript高级特性

通过构造函数创建对象、原型对象、继承的多种实现方式、原型链、函数的本质以及 Function 构造函数、作用域链、闭包、沙箱模式

正在玩命更新中

封装一个自己框架

选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装

《传智前端就业班视频分享：JavaScript 高级框架设计》

《JavaScript 高级框架课程配套笔记+PPT+源码》

kcv9 8ega

高级篇

学习周期：20天

学完后目标：

1、了解主流的后台技术和前后端协作方式，从全局角度理解项目的整个生命周期；

2、熟悉nodejs的全栈式解决方案；

3、从前端的全局角度认识相关的框架；

4、熟练使用VueJS，AngularJS等框架完成复杂的前端功能，熟悉前端工作流。

市场价值：22K+

前端工作流

自动化流程工具使用、源代码版本控制工具使用、依赖项管理工具、项目模板脚手架

正在玩命更新中

流行框架

Angular基本使用、Angular高级特性、VueJS基本入门和路由、项目实战：豆瓣电影

正在玩命更新中

模块化开发

模块化开发规范、常用的模块化开发工具、RequireJS、AMD/CMD、统一规范UMD、SeaJS

正在玩命更新中

NodeJS

Node介绍、基本操作、常用内置模块、高级特性、常用框架

正在玩命更新中

移动

APP

开发

学习周期：8天

学完后目标：

1、深刻理解移动App的开发模式和技术选型；

2、熟练使用各种模式开发移动应用；

3、了解微信企业公共号开发。

市场价值：22K+

混合式应用开发

混合式平台架构、混合式开发实践、京东APP端实战

正在玩命更新中

微信开发

微信公共号介绍、平台API对接、X5兼容处理、内置接口

正在玩命更新中

React

组件化思想、基本使用、核心特性、JSX、TODOMVC案例

正在玩命更新中

React Native

环境与工具、实现思路、常用组件、常用插件、综合案例：豆瓣电影

正在玩命更新中

移动其他APP开发框架

PhoneGap、AppCan、HTML5+、Framework7

正在玩命更新中

三、前端学习路线图——工具篇

前端

流行

框架

前端

开发

工具

http://fontawesome.io/

前端

手册

HTML5 html5参考手册 api 下载 https://pan.baidu.com/s/1jIQ8yBc ee3z CSS CSS2.0中文参考手册 api 下载

https://pan.baidu.com/s/1dEJbf8X

前端

插件

Canvas图表插件

echarts http://echarts.baidu.com/index.html 无

模板

引擎

四、前端学习路线图——经验篇

前端技术

文章

（新人篇）

前端技术

文章

（经验篇）

http://bbs.itheima.com/thread-332647-1-1.html

无以上资源合并下载 http://pan.baidu.com/s/1slpMuBz e56b

五、前端学习路线图——面试篇

前端面试

宝典

http://bbs.itheima.com/thread-330108-1-1.html

无当HR问“你对薪资有什么要求”时怎么回答 HR指责要薪太高怎么办？自我介绍篇如何进行自我介绍？

http://bbs.itheima.com/thread-330109-1-1.html

https://pan.baidu.com/s/1geXjXvl

byn6 http://blog.csdn.net/qq_25827845/article/details/53079094

以下是简单的使用说明

前端学习路线图：由前端教学经验相当丰富的老师梳理而成，知识由浅入深，循序渐进。自学前端，按照这份学习路线图学习就可以了！

视频篇：根据学习路线图搭配了相应的视频、源码资源。部分资源还在玩命更新中，请稍安勿躁，静候更新。

工具篇：精心收集了40多款前端流行框架、开发工具、手册、插件、模板引擎。市场上常用的、最新的几乎都在这了！

经验篇：前端前辈的经验之谈，给你的学习助上一臂之力！

面试篇：前端技术面试题汇总+非技术面试题完美解答。从此不再怕HR的刁难，看过的都说好！

全部资源只赠有缘人，拿走，还不用谢～另外，这份资源会一直更新，需要的同学持续关注吧！

一、前端学习路线图

二、前端学习路线图——视频篇

六大

阶段

学完后目标

知识点

视频资源(附笔记+PPT+模板

+源码)

密码

准备篇

学习周期：15天

学完后目标：

1、熟悉媒体查询和响应式设计，使得设计有适配不同的移动;

2、熟悉基础CSS的格式和CSS盒模式;

3、理解网页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素;

4、理解如何创建和浏览一个基本的网页。

市场价值：

熟练掌握之后，可以满足市场静态页面布局，但是市场就业工资相对较低，还需继续往下学习。

开发工具的安装配置的介绍

sublime、webstorm、Visual Studio Code

正在玩命更新中

HTML

理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点

《前端轻松入门： HTML超强视频分享》

《前端轻松入门： HTML笔记+PPT+源码》

pt2p bya5

CSS

基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型

《前端轻松入门：CSS超强视频分享》

《前端轻松入门：CSS笔记+PPT+源码》

《CSS梅兰商城项目实战视频教程传智出品，无偿分享！》

《CSS梅兰商城项目实战视频教程—配套资源》

ha3i u7k1 isx8 6scx

JavaScript入门

基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象

《快速入门JavaScript 三天视频教程分享》

《快速入门JavaScript教程配套笔记+源码+PPT》

t4bw 3w93

京东首页实战

CSS代码抽象与复用、浮动的盒子布局、padding 和 margin 使用、层级的使用、定位特性的各种使用场景

正在玩命更新中

基础篇

学习周期：20天

学完后目标：

1、能够基于jQuery实现炫酷效果和复杂的功能模块；

2、能创造或添加自定义效果到网页上；

3、能熟练添加标准的动画效果到网页上；

4、熟练操作DOM模型。

市场价值：8-13K

JavaScript基础

JS语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础

《五天Javascript基础加强视频分享！》

《【前端】Javascript基础加强配套笔记+源码+PPT》

98ef p23z

DOM + BOM

DOM基本结构、节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能

正在玩命更新中

网页特效与进阶

在网页特效中常用的编程接口、动画编程、事件对象和冒泡、缓动框架封装和旋转木马案例、正则表达式及应用

正在玩命更新中

Jquery

选择器、基本操作API、动画API、事件API、插件机制、原理分析、项目实战

正在玩命更新中

核心篇

学习周期：20天

学完后目标：

1、能够基于jQueryMobile/Zepto等框架进行移动端js功能开发；

2、能够熟练使用html5/css3/ canvas进行移动端页面和功能效果开发，并且能够基于原生和框架进行响应式效果开发；

3、能够基于jQuery、bootstrap等框架实现炫酷效果和复杂的功能模块；

4、能够独立制作电商类，企业类网站，以及常见js动态效果。

市场价值：13K-18K

HTML5 + CSS3

语义化结构、多媒体、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局、Canvas

《2016年最新H5+CSS3教程视频》

v53j

服务端编程

端的概念、Web 服务器的概念、服务器搭建、XML与JSON

正在玩命更新中

PHP

PHP基础语法、PHP服务端编程基础

正在玩命更新中

AJAX

基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载

《2016年最新AJAX教程》

hj8n

移动Web开发

响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS

《传智前端就业班视频分享：移动web开发课程》

《移动web开发课程源码+笔记+PPT》

n6mi

eq37

进阶篇

学习周期：15天

学完后目标：

1、熟练使用闭包、高级函数、立即执行函数(匿名函数)等；

2、熟练使用元编程，解决Callback等；

3、熟悉JavaScript基本语法。

市场价值：18-22K

面向对象在JS中的体现与实践

面向对象理论、对象的基本概念、对象的属性和方法、通过字面量创建对象

《javaScript高级面向对象-传智前端就业班视频免费分享》

《javaScript高级面向对象配套源码+笔记+PPT》

nwu6 8x2y

开发过程中常用的模式与思想

开闭原则、MVC思想、高内聚低耦合、工厂模式

正在玩命更新中

JavaScript高级特性

通过构造函数创建对象、原型对象、继承的多种实现方式、原型链、函数的本质以及 Function 构造函数、作用域链、闭包、沙箱模式

正在玩命更新中

封装一个自己框架

选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装

《传智前端就业班视频分享：JavaScript 高级框架设计》

《JavaScript 高级框架课程配套笔记+PPT+源码》

kcv9 8ega

高级篇

学习周期：20天

学完后目标：

1、了解主流的后台技术和前后端协作方式，从全局角度理解项目的整个生命周期；

2、熟悉nodejs的全栈式解决方案；

3、从前端的全局角度认识相关的框架；

4、熟练使用VueJS，AngularJS等框架完成复杂的前端功能，熟悉前端工作流。

市场价值：22K+

前端工作流

自动化流程工具使用、源代码版本控制工具使用、依赖项管理工具、项目模板脚手架

正在玩命更新中

流行框架

Angular基本使用、Angular高级特性、VueJS基本入门和路由、项目实战：豆瓣电影

正在玩命更新中

模块化开发

模块化开发规范、常用的模块化开发工具、RequireJS、AMD/CMD、统一规范UMD、SeaJS

正在玩命更新中

NodeJS

Node介绍、基本操作、常用内置模块、高级特性、常用框架

正在玩命更新中

移动

APP

开发

学习周期：8天

学完后目标：

1、深刻理解移动App的开发模式和技术选型；

2、熟练使用各种模式开发移动应用；

3、了解微信企业公共号开发。

市场价值：22K+

混合式应用开发

混合式平台架构、混合式开发实践、京东APP端实战

正在玩命更新中

微信开发

微信公共号介绍、平台API对接、X5兼容处理、内置接口

正在玩命更新中

React

组件化思想、基本使用、核心特性、JSX、TODOMVC案例

正在玩命更新中

React Native

环境与工具、实现思路、常用组件、常用插件、综合案例：豆瓣电影

正在玩命更新中

移动其他APP开发框架

PhoneGap、AppCan、HTML5+、Framework7

正在玩命更新中

三、前端学习路线图——工具篇

前端

流行

框架

前端

开发

工具

http://fontawesome.io/

前端

手册

HTML5 html5参考手册 api 下载 https://pan.baidu.com/s/1jIQ8yBc ee3z CSS CSS2.0中文参考手册 api 下载

https://pan.baidu.com/s/1dEJbf8X

前端

插件

Canvas图表插件

echarts http://echarts.baidu.com/index.html 无

模板

引擎

四、前端学习路线图——经验篇

前端技术

文章

（新人篇）

前端技术

文章

（经验篇）

http://bbs.itheima.com/thread-332647-1-1.html

无以上资源合并下载 http://pan.baidu.com/s/1slpMuBz e56b

五、前端学习路线图——面试篇

前端面试

宝典

http://bbs.itheima.com/thread-330108-1-1.html

无当HR问“你对薪资有什么要求”时怎么回答 HR指责要薪太高怎么办？自我介绍篇如何进行自我介绍？

http://bbs.itheima.com/thread-330109-1-1.html

https://pan.baidu.com/s/1geXjXvl

byn6

以下是简单的使用说明

前端学习路线图：由前端教学经验相当丰富的老师梳理而成，知识由浅入深，循序渐进。自学前端，按照这份学习路线图学习就可以了！

视频篇：根据学习路线图搭配了相应的视频、源码资源。部分资源还在玩命更新中，请稍安勿躁，静候更新。

工具篇：精心收集了40多款前端流行框架、开发工具、手册、插件、模板引擎。市场上常用的、最新的几乎都在这了！

经验篇：前端前辈的经验之谈，给你的学习助上一臂之力！

面试篇：前端技术面试题汇总+非技术面试题完美解答。从此不再怕HR的刁难，看过的都说好！

全部资源只赠有缘人，拿走，还不用谢～另外，这份资源会一直更新，需要的同学持续关注吧！

一、前端学习路线图

二、前端学习路线图——视频篇

六大

阶段

学完后目标

知识点

视频资源(附笔记+PPT+模板

+源码)

密码

准备篇

学习周期：15天

学完后目标：

1、熟悉媒体查询和响应式设计，使得设计有适配不同的移动;

2、熟悉基础CSS的格式和CSS盒模式;

3、理解网页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素;

4、理解如何创建和浏览一个基本的网页。

市场价值：

熟练掌握之后，可以满足市场静态页面布局，但是市场就业工资相对较低，还需继续往下学习。

开发工具的安装配置的介绍

sublime、webstorm、Visual Studio Code

正在玩命更新中

HTML

理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点

《前端轻松入门： HTML超强视频分享》

《前端轻松入门： HTML笔记+PPT+源码》

pt2p bya5

CSS

基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型

《前端轻松入门：CSS超强视频分享》

《前端轻松入门：CSS笔记+PPT+源码》

《CSS梅兰商城项目实战视频教程传智出品，无偿分享！》

《CSS梅兰商城项目实战视频教程—配套资源》

ha3i u7k1 isx8 6scx

JavaScript入门

基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象

《快速入门JavaScript 三天视频教程分享》

《快速入门JavaScript教程配套笔记+源码+PPT》

t4bw 3w93

京东首页实战

CSS代码抽象与复用、浮动的盒子布局、padding 和 margin 使用、层级的使用、定位特性的各种使用场景

正在玩命更新中

基础篇

学习周期：20天

学完后目标：

1、能够基于jQuery实现炫酷效果和复杂的功能模块；

2、能创造或添加自定义效果到网页上；

3、能熟练添加标准的动画效果到网页上；

4、熟练操作DOM模型。

市场价值：8-13K

JavaScript基础

JS语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础

《五天Javascript基础加强视频分享！》

《【前端】Javascript基础加强配套笔记+源码+PPT》

98ef p23z

DOM + BOM

DOM基本结构、节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能

正在玩命更新中

网页特效与进阶

在网页特效中常用的编程接口、动画编程、事件对象和冒泡、缓动框架封装和旋转木马案例、正则表达式及应用

正在玩命更新中

Jquery

选择器、基本操作API、动画API、事件API、插件机制、原理分析、项目实战

正在玩命更新中

核心篇

学习周期：20天

学完后目标：

1、能够基于jQueryMobile/Zepto等框架进行移动端js功能开发；

2、能够熟练使用html5/css3/ canvas进行移动端页面和功能效果开发，并且能够基于原生和框架进行响应式效果开发；

3、能够基于jQuery、bootstrap等框架实现炫酷效果和复杂的功能模块；

4、能够独立制作电商类，企业类网站，以及常见js动态效果。

市场价值：13K-18K

HTML5 + CSS3

语义化结构、多媒体、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局、Canvas

《2016年最新H5+CSS3教程视频》

v53j

服务端编程

端的概念、Web 服务器的概念、服务器搭建、XML与JSON

正在玩命更新中

PHP

PHP基础语法、PHP服务端编程基础

正在玩命更新中

AJAX

基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载

《2016年最新AJAX教程》

hj8n

移动Web开发

响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS

《传智前端就业班视频分享：移动web开发课程》

《移动web开发课程源码+笔记+PPT》

n6mi

eq37

进阶篇

学习周期：15天

学完后目标：

1、熟练使用闭包、高级函数、立即执行函数(匿名函数)等；

2、熟练使用元编程，解决Callback等；

3、熟悉JavaScript基本语法。

市场价值：18-22K

面向对象在JS中的体现与实践

面向对象理论、对象的基本概念、对象的属性和方法、通过字面量创建对象

《javaScript高级面向对象-传智前端就业班视频免费分享》

《javaScript高级面向对象配套源码+笔记+PPT》

nwu6 8x2y

开发过程中常用的模式与思想

开闭原则、MVC思想、高内聚低耦合、工厂模式

正在玩命更新中

JavaScript高级特性

通过构造函数创建对象、原型对象、继承的多种实现方式、原型链、函数的本质以及 Function 构造函数、作用域链、闭包、沙箱模式

正在玩命更新中

封装一个自己框架

选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装

《传智前端就业班视频分享：JavaScript 高级框架设计》

《JavaScript 高级框架课程配套笔记+PPT+源码》

kcv9 8ega

高级篇

学习周期：20天

学完后目标：

1、了解主流的后台技术和前后端协作方式，从全局角度理解项目的整个生命周期；

2、熟悉nodejs的全栈式解决方案；

3、从前端的全局角度认识相关的框架；

4、熟练使用VueJS，AngularJS等框架完成复杂的前端功能，熟悉前端工作流。

市场价值：22K+

前端工作流

自动化流程工具使用、源代码版本控制工具使用、依赖项管理工具、项目模板脚手架

正在玩命更新中

流行框架

Angular基本使用、Angular高级特性、VueJS基本入门和路由、项目实战：豆瓣电影

正在玩命更新中

模块化开发

模块化开发规范、常用的模块化开发工具、RequireJS、AMD/CMD、统一规范UMD、SeaJS

正在玩命更新中

NodeJS

Node介绍、基本操作、常用内置模块、高级特性、常用框架

正在玩命更新中

移动

APP

开发

学习周期：8天

学完后目标：

1、深刻理解移动App的开发模式和技术选型；

2、熟练使用各种模式开发移动应用；

3、了解微信企业公共号开发。

市场价值：22K+

混合式应用开发

混合式平台架构、混合式开发实践、京东APP端实战

正在玩命更新中

微信开发

微信公共号介绍、平台API对接、X5兼容处理、内置接口

正在玩命更新中

React

组件化思想、基本使用、核心特性、JSX、TODOMVC案例

正在玩命更新中

React Native

环境与工具、实现思路、常用组件、常用插件、综合案例：豆瓣电影

正在玩命更新中

移动其他APP开发框架

PhoneGap、AppCan、HTML5+、Framework7

正在玩命更新中

三、前端学习路线图——工具篇

前端

流行

框架

前端

开发

工具

http://fontawesome.io/

前端

手册

HTML5 html5参考手册 api 下载 https://pan.baidu.com/s/1jIQ8yBc ee3z CSS CSS2.0中文参考手册 api 下载

https://pan.baidu.com/s/1dEJbf8X

前端

插件

Canvas图表插件

echarts http://echarts.baidu.com/index.html 无

模板

引擎

四、前端学习路线图——经验篇

前端技术

文章

（新人篇）

前端技术

文章

（经验篇）

http://bbs.itheima.com/thread-332647-1-1.html

无以上资源合并下载 http://pan.baidu.com/s/1slpMuBz e56b

五、前端学习路线图——面试篇

前端面试

宝典

http://bbs.itheima.com/thread-330108-1-1.html

无当HR问“你对薪资有什么要求”时怎么回答 HR指责要薪太高怎么办？自我介绍篇如何进行自我介绍？

http://bbs.itheima.com/thread-330109-1-1.html

https://pan.baidu.com/s/1geXjXvl

byn6

转载请注明原文地址: https://ju.6miu.com/read-678311.html

专利

最新回复(0)