大前端各阶段知识点，视频，软件，书籍，源码，面试题等汇总
前端是越来越火了，这就更需要我们汇集百家之长于一身，接下来发一波前端的知识点，希望帮助到想学习前端的同学。
源路径点
一、2019新版前端与移动开发学习路线图---每阶段可掌握的能力及各阶段覆盖的关键字
点击可看高清大图
二、2019新版前端与移动开发学习路线图---学习大纲及各阶段知识点
点击可看高清大图
三、2019新版前端与移动开发学习路线图--升级后新增知识点设计理念
四、2019新版前端与移动开发学习路线图---各阶段配套视频推荐
| 2019年前端与移动开发学习各阶段配套视频推荐 |
||
| 所处阶段 |
配套教程 |
网盘链接 |
| 第一阶段 |
html5 |
https://pan.baidu.com/share/init?surl=V679Tyv_ArPOxNm5e7EKGA（提取码：0jh0） |
| css3 |
||
| 梅兰商城页面开发 |
https://pan.baidu.com/s/1pLlRwDl |
|
| 第二阶段： |
H5C3 进阶 |
https://pan.baidu.com/share/init?surl=7B187RZYzk1hCWiAH6Wq2g（提取码：04t3） |
| 移动端开发 |
https://pan.baidu.com/share/init?surl=ZX5MdsyJeyPMMIKAbhZQ1Q（提取码：h7vw） |
|
| 第三阶段： |
JavaScript基础 |
https://pan.baidu.com/s/1nwoDKHN |
| Javascript基础加强视频 |
https://pan.baidu.com/s/1skDXr6t |
|
| Web APIs编程 |
待更新 |
|
| JavaScript高级 |
https://pan.baidu.com/s/1o8POXKm |
|
| jQuery快速开发 |
https://pan.baidu.com/s/1hrM3Vta#list/path=%2F |
|
| jquery进阶实用教程 |
https://pan.baidu.com/s/1R9yoQYINJ4JVogTCPlISjQ |
|
| 第四阶段： |
Node.js 基础 |
https://pan.baidu.com/share/init?surl=zK0Cp7IcGBaSY9aqJ0GWDw（提取码jbn6） |
| AJAX 编程 |
https://pan.baidu.com/share/init?surl=64MRyodpDzauYt4TNi96NA（提取码：qqvp） |
|
| 阿里百秀项目 |
待更新 |
|
| 第五阶段： |
webpack |
待更新 |
| 大数据可视化 |
待更新 |
|
| Vue.js 基础 |
https://pan.baidu.com/share/init?surl=3atUZ-IMONSokHRO9O1PVA（提取码：0xd3） |
|
| Vue.js 项目 |
待更新 |
|
| React.js 基础 |
https://pan.baidu.com/s/132sHEVZRF40Dx8l7irrmgw |
|
| React.js 项目 |
待更新 |
|
| 第六阶段： |
人工智能 |
待更新 |
| 人工智能案例：啪啪测颜值 |
待更新 |
|
| 微信小程序开发 |
https://pan.baidu.com/s/162KQbsiytuj35mEgZLF08g |
|
| 小程序项目：黑马优购商城 |
待更新 |
|
| Canvas |
待更新 |
|
| 小游戏开发 |
待更新 |
|
| 小游戏项目：飞机大战 |
待更新 |
|
五、2019新版前端与移动开发学习路线图---配套工具篇所用软件（2018.12.20更新）
| 工具篇-学前端所用软件（学前端必备软件全都有） |
||
| 资源名称 |
百度网盘一键下载 |
密码 |
| Chrome浏览器 | https://pan.baidu.com/s/1G2HyBdIzHIq_EFmACRANtg | 360f |
| 简易版编辑器Sublime | https://pan.baidu.com/s/1lmqLOtFkKGmkxNaIGEQjSg | lug4 |
| WebStorm编辑器 | https://pan.baidu.com/s/19siWkfpC2ha9wj5t9RGN6g | iopd |
| Visual Studio Code编辑器 | https://pan.baidu.com/s/1J0AuxhzltdYwdPkhHdGsGg | niz6 |
| PS | https://pan.baidu.com/s/19TlbxU7rQRHYmUYiGP3m2A | 3mtu |
| MarkMan | https://pan.baidu.com/s/1mP_t4_RqoHVZZeuvW0g4Eg | xi6z |
| Adobe Fireworks CS6 Ansifa精简版 | https://pan.baidu.com/s/17IvXzXvnjpAYOiyFBFkRDQ | 1865 |
| X-mind | https://pan.baidu.com/s/1c049MlsG7ZA5qbq1DZezzQ | awe2 |
| Typora | https://pan.baidu.com/s/1Nb36Lpg_S3OWnWBZ9pGKBw | uczh |
| Git开源的分布式版本控制系统 | https://pan.baidu.com/s/1EOjCMziILtitm_MVFx781g | nrvf |
| GitLab | https://pan.baidu.com/s/1Ea8TXe68VAsylOo7_UZe2g | f1yw |
| SVN | https://pan.baidu.com/s/1s7S7YvHOi7J1G6LhEcZhYQ | ql19 |
| 集成环境软件WampServer | https://pan.baidu.com/s/1BLS4J6FOnDb2KdaUKONmIw | tboh |
| MySQL | https://pan.baidu.com/s/1yq6WSQVZIXbu07U-Vi0VMg | g2em |
| Navicat | https://pan.baidu.com/s/1JGc-fiURzWjZu0Nr9IZ_BA | ashb |
| phpStudy | https://pan.baidu.com/s/1yCInenpqIOuPDddLc9KK_A | jvf1 |
| Node.js | https://pan.baidu.com/s/17v3plvLsZ2O8j6O9MfNEOg | ojx0 |
| 微信开发者工具 | https://pan.baidu.com/s/1FiyYMwIppYXKFb-sHH4moA | wr9c |
| Postman | https://pan.baidu.com/s/1MfNllXqvkV8FHpsswfJIIg | djes |
| Httpwatch | https://pan.baidu.com/s/1fvQjpNKjUwhdwfimbL4P0Q | 6pjh |
六、工具篇-学前端所用手册及书籍（学前端必备手册全都有）（2018.11.20更新）
| 工具篇-学前端所用手册及书籍（学前端必备手册全都有） |
||
| 资源名称 |
百度网盘一键下载 |
密码 |
| html手册 | https://pan.baidu.com/s/1idtCfccls7G74it4hzBLCg | mdv0 |
| css手册 | https://pan.baidu.com/s/1rlWo-DLNw_u9Nu7tuflw1A | gg6z |
| Javascript手册 | https://pan.baidu.com/s/1SnTDwePBv9TnMqwrZ7o8KA | wxtt |
| DOM手册 | https://pan.baidu.com/s/1BS6krawx3TuBg-XRKRxbKg | rc8a |
| Jquery手册 | https://pan.baidu.com/s/18CvsJRGxJaeTliZLsHYcvw | myyk |
| W3Cschool手册 | https://pan.baidu.com/s/19TS07KPax6WDg73gtWhO7Q | jm9v |
| CSS权威指南 | https://pan.baidu.com/s/15X5WgWnMErMm9LFlG6JiXQ | m6d6 |
| 深入浅出JavaScript | https://pan.baidu.com/s/1JHxbzxdpmKkqwFzLLS2xUQ | v58l |
| JavaScript语言精粹 | https://pan.baidu.com/s/1_6C0nACXBdNN-kgSccs2tw | mbmg |
| JavaScript权威指南(第6版)(中文版) | https://pan.baidu.com/s/1c98GsUvxXUXkSgN88G5Lrg | uv7g |
| JavaScript高级程序设计(第3版) | https://pan.baidu.com/s/1Lt2wejs_1xmPyJ7DNpOnzg | hrab |
| JQuery权威指南 | https://pan.baidu.com/s/1MV0UgAdxiZl7kg29zkbUpg | wi3w |
| JQuery源码详细中文注释 | https://pan.baidu.com/s/1mXXe2pKKOyPUN8HPtn7Fxw | t81t |
| 《锋利的jQuery》(高清扫描版) | https://pan.baidu.com/s/1I_Hz1fWRjf_zZRoFCupZ1g | 77kf |
| 精通正则表达式 | https://pan.baidu.com/s/1qlZjzsy3d9Be-OlZks_RbQ | 64o3 |
| Ajax从入门到精通 | https://pan.baidu.com/s/1Op6ahC_QDbDDgHLqPkEBPg | ef58 |
| html5权威指南 | https://pan.baidu.com/s/1DaiTFbZdX4CG5iE40xvhZw | yo6k |
| HTML5高级程序设计 | https://pan.baidu.com/s/1C95diPzFb4uAZvFku04dOQ | fzor |
| HTML5 WebSocket权威指南 | https://pan.baidu.com/s/134K5_0oR7PTM8WdDL1LM2w | y6s4 |
| Node.js的深入浅出 | https://pan.baidu.com/s/1BenCZfyA-ZL0KG6xD_UrKg | 5nx7 |
| Node.js开发指南 | https://pan.baidu.com/s/1_dXs3LZtjq1QmjCBNxoePQ | pprw |
| AngularJS权威教程 | https://pan.baidu.com/s/17MS_bMEg0WlpVZPu1Ha3eg | nx7u |
| Vue.js权威指南 | https://pan.baidu.com/s/1iIGJ7qEOXRJIkOy2ERds7w | scbz |
七、技术篇-前端项目源码：前端案例和 demo 源码（2018.11.20更新）
| 技术篇-前端项目源码（前端案例和 demo 源码） |
||
| 资源名称 |
百度网盘一键下载 |
密码 |
| jQuery的仿淘宝商品展示 | https://pan.baidu.com/s/1ueQx7A6F2M8J_uMnkuZMFA | n5bf |
| jQuery的图片放大展示 | https://pan.baidu.com/s/1L2bF26aNsQT5Tr4XNwPxvQ | vck7 |
| TodoMVC（js、vue、angular） | https://pan.baidu.com/s/1SFHmODL0QNfkYcETAiP8cw | umm9 |
| vue留言板 | https://pan.baidu.com/s/1cgYjllMZOUXJzROB6AbSuQ | 5xy7 |
| 品优购电商项目静态页面 | https://pan.baidu.com/s/1Lx6jaGYUrkLoR9MY8xHyDg | 8p1z |
| vue 后台管理系统 | https://pan.baidu.com/s/1dIgJ3JGnDNyWoxAydT4JFA | 2aax |
| 微信小程序（TodoMVC 等5个源码） | https://pan.baidu.com/s/14FlO31H-gBDT4QTxfbLIkg | 9avl |
| React_爱租房 | https://pan.baidu.com/s/18YBx5vNDfj44lA4vqXPEbw | ge8o |
| React实战项目_cNode | https://pan.baidu.com/s/1G3iwLuuDQ0fkEqyT-clDSg | rs08 |
| 换肤效果 | https://pan.baidu.com/s/1Rr1RlHXimSwGnVmrOC8Lcw | i6wa |
| 京东商品展示效果 | https://pan.baidu.com/s/1OcrkijBSekqPVuAyheN4QQ | a3s3 |
| tab栏切换 | https://pan.baidu.com/s/1d8Aqt6So3w4W2fvlgJ-Z5g | gl51 |
| 全选反选 | https://pan.baidu.com/s/1-hoUGytf1HX4qxpm-MPsUw | hjo2 |
| 鼠标跟随 | https://pan.baidu.com/s/1P54qvBdAuQLs8x3kcXLBow | xe2a |
| 轮播图 | https://pan.baidu.com/s/1kgsiYnsVk4wF4vhb4Cz1eg | Tktk |
| 放大镜效果 | https://pan.baidu.com/s/1QAxfT7qx5-mYkVnQOYT1Qw | u2mr |
| 手风琴效果 | https://pan.baidu.com/s/1-1IWgRrDQxB3HuWE94seBQ | zci1 |
| 延时触发图片展示 | https://pan.baidu.com/s/1X6_a1QujZCFgbhLMzABhiw | 8ifo |
| 拖拽排序 | https://pan.baidu.com/s/1NuF1Pio4vpbu589N_nViwg | wqr0 |
| 旋转木马 | https://pan.baidu.com/s/19BYMzmTOXhSkgLHDmPVehg | uroh |
八、2019年前端与移动开发学习面试题推荐篇
| 序号 |
简单介绍 |
题型介绍 |
试题链接 |
| 1 |
100IT 名企前端面试真题 |
面试题，问答题 |
点击查看 |
| 2 |
面试题 |
面试题 |
点击查看 |
| 3 |
简历模板 |
简历模板 |
点击查看 |