更新时间:2018-05-17 15:50:49.0 来源:黑马程序员
写在前面：本帖干货较多耐心阅读收获颇丰。
传智播客黑马程序员作为一个IT学习平台，历经13年的成长，免费分享视频教程长达10万余小时，累计下载量超3000万次，受益人数达千万。2019年我们不忘初心，继续前行!路线图的宗旨就是分享，专业，便利，让更多想要学习IT的人都能系统的学习!从今天起不要再找借口，不要再说想学却没有资源，赶快行动起来，前端与移动开发等你来探索，高薪距你只差一步!注：新版前端与移动开发学习大纲于2018年12月20日完成升级，本学习路线图依据最新升级后的规划制作!
一、2019新版前端与移动开发学习路线图---每阶段可掌握的能力及各阶段覆盖的关键字
二、2019新版前端与移动开发学习路线图---学习大纲及各阶段知识点
三、2019新版前端与移动开发学习路线图--升级后新增知识点设计理念
四、2019新版前端与移动开发学习路线图---各阶段配套视频推荐
2019年前端与移动开发学习各阶段配套视频推荐 | ||
所处阶段 | 配套教程 | 网盘链接 |
第一阶段： HTML5&CSS3 | html5 | |
css3 | ||
京东页面开发 | ||
第二阶段： 移动 Web 网页开发 | H5C3 进阶 | |
移动端开发 | ||
第三阶段： JavaScript 网页编程 | JavaScript基础 | |
Javascript基础加强视频 | ||
Web APIs编程 | 待更新 | |
JavaScript高级 | ||
jQuery快速开发 | ||
jquery进阶实用教程 | ||
第四阶段： Node.js 与 AJAX | Node.js 基础 | |
AJAX 编程 | ||
阿里百秀项目 | 待更新 | |
第五阶段： 前端框架实战 | webpack | 待更新 |
大数据可视化 | 待更新 | |
Vue.js 基础 | ||
Vue.js 项目 | 待更新 | |
React.js 基础 | ||
React.js 项目 | 待更新 | |
第六阶段： 微信小程序 + 小游戏 | 人工智能 | 待更新 |
人工智能案例：啪啪测颜值 | 待更新 | |
微信小程序开发 | ||
小程序项目：黑马优购商城 | 待更新 | |
Canvas | 待更新 | |
小游戏开发 | 待更新 | |
小游戏项目：飞机大战 | 待更新 | |
五、2019新版前端与移动开发学习路线图---配套工具篇所用软件(2019.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 |
六、工具篇-学前端所用手册及书籍(学前端必备手册全都有)(2019.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 源码(2019.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前端与移动开发学习各阶段配套书籍推荐
自传智播客成立以来，一直秉承“为莘莘学子改变命运而讲课，为千万学生少走弯路而著书”的使命，始终以一种探索钻研的精神，持一颗工匠之心耕耘。13年来，共出版书籍65本，教材发行总量135余万册，覆盖高校1072余所，并作为“NITE国家信息技术紧缺人才培养工程”指定教材。关于前端与移动开发学习，播妞推荐以下6本书↓↓(注教材可在社区进行免费兑换：传送门→积分商城)
九、2019年前端与移动开发学习面试题推荐篇
序号 | 简单介绍 | 题型介绍 | 试题链接 |
1 | 100IT 名企前端面试真题 | 面试题，问答题 | |
2 | 面试题 | 面试题 | |
3 | 简历模板 | 简历模板 |