一、前端学习路线图
二、前端学习路线图——视频篇
|
六大
阶段 |
学完后目标 |
知识点 |
视频资源(附笔记+PPT+模板
+源码) |
密码 |
|
准备篇 |
学习周期：15天
学完后目标： 1、熟悉媒体查询和响应式设计，使得设计有适配不同的移动; 2、熟悉基础CSS的格式和CSS盒模式; 3、理解网页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素; 4、理解如何创建和浏览一个基本的网页。
市场价值： 熟练掌握之后，可以满足市场静态页面布局，但是市场就业工资相对较低，还需继续往下学习。 |
开发工具的安装配置的介绍 sublime、webstorm、Visual Studio Code |
正在玩命更新中 | |
|
HTML 理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点 |
pt2p bya5 |
|||
|
CSS 基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型 |
ha3i u7k1 isx8 6scx |
|||
|
JavaScript入门 基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象 |
t4bw 3w93 |
|||
|
京东首页实战 CSS代码抽象与复用、 浮动的盒子布局、padding 和 margin 使用、层级的使用、定位特性的各种使用场景 |
正在玩命更新中 |
|||
|
基础篇 |
学习周期：20天
学完后目标： 1、能够基于jQuery实现炫酷效果和复杂的功能模块； 2、能创造或添加自定义效果到网页上； 3、能熟练添加标准的动画效果到网页上； 4、熟练操作DOM模型。
市场价值：8-13K |
JavaScript基础 JS语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础 |
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 |
v53j | |
|
服务端编程 端的概念、Web 服务器的概念、服务器搭建、XML与JSON |
正在玩命更新中 | |||
|
PHP PHP基础语法 、PHP服务端编程基础 |
正在玩命更新中 | |||
|
AJAX 基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载 |
hj8n | |||
|
移动Web开发 响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS |
n6mi eq37 |
|||
|
进阶篇 |
学习周期：15天
学完后目标： 1、熟练使用闭包、高级函数、立即执行函数(匿名函数)等； 2、熟练使用元编程，解决Callback等； 3、熟悉JavaScript基本语法。
市场价值：18-22K |
面向对象在JS中的体现与实践 面向对象理论、对象的基本概念、对象的属性和方法、通过字面量创建对象 |
nwu6 8x2y |
|
|
开发过程中常用的模式与思想 开闭原则、MVC思想、高内聚低耦合、工厂模式 |
正在玩命更新中 | |||
|
JavaScript高级特性 通过构造函数创建对象、原型对象、继承的多种实现方式、原型链、函数的本质以及 Function 构造函数、作用域链、闭包、沙箱模式 |
正在玩命更新中 | |||
|
封装一个自己框架 选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装 |
|
kcv9 |
||
| 高级篇 |
学习周期：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://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 | 无 | ||
| 薪资篇 | 面试官如何评判应聘者的工资 | 无 | ||
| 当HR问“你对薪资有什么要求”时怎么回答 | ||||
| HR指责要薪太高怎么办？ | ||||
| 自我介绍篇 | 如何进行自我介绍？ | 无 | ||
| “你有什么优劣势？” | ||||
| “你为什么选择我们公司？” | ||||
| 项目篇 | 如何介绍简历中的项目？ | 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 | 无 | |
| 未来五年的规划是怎样的？ | ||||
| 以上资源合并下载 | byn6 | |||
前端小白到大牛的华丽变身，学上面的资源就足够了！