写在前面：（本帖干货较多耐心阅读收获颇丰，图片点击可放大）
传智播客黑马程序员作为一个IT学习平台，历经12年的成长，免费分享视频教程长达10万余小时，累计下载量超3000万次，受益人数达千万。2018年我们不忘初心，继续前行！路线图的宗旨就是分享，专业，便利，让更多想要学习IT的人都能系统的学习！从今天起不要再找借口，不要再说想学却没有资源，赶快行动起来，前端与移动开发等你来探索，高薪距你只差一步！
注：新版前端与移动开发学习大纲于2018年2月26日完成升级，本学习路线图依据最新升级后的规划制作！
一、2018新版前端与移动开发学习路线图---每阶段可掌握的能力及可解决的问题
二、2018新版前端与移动开发学习路线图---学习大纲及各阶段知识点
三、2018新版前端与移动开发学习路线图--升级后新增知识点设计理念
四、2018新版前端与移动开发学习路线图---各阶段配套视频推荐
2018年前端与移动开发学习各阶段配套视频推荐
所处阶段配套教程网盘链接
第一阶段
HTML&CSS
htmlhttps://pan.baidu.com/s/1o9YFkCi
csshttps://pan.baidu.com/s/1qZRj7nm
京东https://pan.baidu.com/s/1nw8sLEp
第二阶段
前端基本功
JavaScript基础https://pan.baidu.com/s/1smLcfEl
Web APIhttps://pan.baidu.com/s/1hukwU5Q
JavaScript高级https://pan.baidu.com/s/1c3d3qhi
jQueryhttps://pan.baidu.com/s/1huhFewG
第三阶段
PHP+Ajax+前端模块化
PHP后台开发https://pan.baidu.com/s/1HaYxo1Wv-eNi9N9xMfrHYQ
Ajaxhttps://pan.baidu.com/s/1miXNrtQ
阿里百秀项目https://pan.baidu.com/s/1dFQ9YFn
第四阶段
移动Web开发
01-h5c3https://pan.baidu.com/s/1dxkr9s
02-canvashttps://pan.baidu.com/s/1dGilegx
03-移动webhttps://pan.baidu.com/s/14RM6tcORzjfXF0TkLogU0w
04-全端电商https://pan.baidu.com/s/1rsA7RfXMqerPfYuKDnxI-A
第五阶段
品优购项目
JavaScript原理探究待更新... ...
1-nodejshttps://pan.baidu.com/s/1hZ2FBzvES_Toz6SgW0t-AA
2-vuejshttps://pan.baidu.com/s/1bUdzAkPVHJrJPcBuOgKpgA
品优购项目https://pan.baidu.com/s/1dGh37Nz
第六阶段
扩展技术
Reacthttps://pan.baidu.com/s/132sHEVZRF40Dx8l7irrmgw
五、2018新版前端与移动开发学习路线图---配套工具篇
1web前端与移动开发配套工具（打包）https://pan.baidu.com/s/123-2CfTunwGba0_qzB3OYA隐藏的密码
2webstormhttps://pan.baidu.com/s/15-0nXZIIohKKvn8gWWUsIA隐藏的密码
六、2018前端与移动开发学习各阶段配套书籍推荐
自传智播客成立以来，一直秉承“为莘莘学子改变命运而讲课，为千万学生少走弯路而著书”的使命，始终以一种探索钻研的精神，持一颗工匠之心耕耘。12年来，共出版书籍65本，教材发行总量135余万册，覆盖高校1072余所，并作为“NITE国家信息技术紧缺人才培养工程”指定教材。关于前端与移动开发学习，播妞推荐以下9本书↓↓（注教材可在社区进行免费兑换：传送门→积分商城）
七、2018年前端与移动开发学习面试题推荐篇
1100IT 名企前端面试真题面试题，问答题点击查看
2面试题面试题点击查看
3简历模板简历模板点击查看
方法一：关注【黑马程序员上海中心】，回复【2018go前端】即可领取~~~
方法二：喜欢本文章并关注改号，私我发送【领取】即可，学姐上的时候就会分享给你哟~~~~
后期会持续更新！！！
想了解更多关于上海校区的学习资讯、开班信息、请速速联系你们的学姐，欢迎来撩！
方法一：关注【黑马程序员上海中心】，回复【2018前端】即可领取~~~
方法二：喜欢本文章并关注改号，私我发送【领取】即可，学姐上的时候就会分享给你哟~~~~