传智播客旗下技术交流社区北京校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

写在前面:(本帖干货较多耐心阅读收获颇丰,图片点击可放大)
传智播客黑马程序员作为一个IT学习平台,历经12年的成长,免费分享视频教程长达10万余小时,累计下载量超3000万次,受益人数达千万。2018年我们不忘初心,继续前行!路线图的宗旨就是分享,专业,便利,让更多想要学习IT的人都能系统的学习!从今天起不要再找借口,不要再说想学却没有资源,赶快行动起来,前端与移动开发等你来探索,高薪距你只差一步!注:新版前端与移动开发学习大纲于2018年2月26日完成升级,本学习路线图依据最新升级后的规划制作!
一、2018新版前端与移动开发学习路线图---每阶段可掌握的能力及可解决的问题
可掌握的能力.jpg
可解决的问题.jpg
点击可看高清大图
二、2018新版前端与移动开发学习路线图---学习大纲及各阶段知识点
学习路线图大纲.jpg
各阶段知识点.jpg
点击可看高清大图
三、2018新版前端与移动开发学习路线图--升级后新增知识点设计理念
设计理念.jpg
四、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新版前端与移动开发学习路线图---配套工具篇所用软件(201811.20更新)
工具篇-学前端所用软件(学前端必备软件全都有)
资源名称
百度网盘一键下载
密码
以下资源全部下载https://pan.baidu.com/s/1OLtoNggcVorMBH3NpT-jLg
2nqe
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
PShttps://pan.baidu.com/s/19TlbxU7rQRHYmUYiGP3m2A
3mtu
MarkManhttps://pan.baidu.com/s/1mP_t4_RqoHVZZeuvW0g4Eg
xi6z
Adobe Fireworks CS6 Ansifa精简版https://pan.baidu.com/s/17IvXzXvnjpAYOiyFBFkRDQ
1865
X-mindhttps://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
SVNhttps://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更新)
工具篇-学前端所用手册及书籍(学前端必备手册全都有)
资源名称
百度网盘一键下载
密码
以下资源全部下载https://pan.baidu.com/s/1nhxrUjV1X0xGHWsfZAnATw
41m0
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
深入浅出JavaScripthttps://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 源码)
资源名称
百度网盘一键下载
密码
以下资源全部下载
https://pan.baidu.com/s/1V3W6HpamMJd3iVAr_DBLqw
848i
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实战项目_cNodehttps://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
八、2018前端与移动开发学习各阶段配套书籍推荐
自传智播客成立以来,一直秉承“为莘莘学子改变命运而讲课,为千万学生少走弯路而著书”的使命,始终以一种探索钻研的精神,持一颗工匠之心耕耘。12年来,共出版书籍65本,教材发行总量135余万册,覆盖高校1072余所,并作为“NITE国家信息技术紧缺人才培养工程”指定教材。关于前端与移动开发学习,播妞推荐以下9本书↓↓(注教材可在社区进行免费兑换:传送门→积分商城

拼图.jpg
九、2018年前端与移动开发学习面试题推荐篇
序号
简单介绍
题型介绍
试题链接
1
100IT 名企前端面试真题
面试题,问答题
2
面试题
面试题
3
简历模板
简历模板


注:新版路线图不断完善中,如需其他资源可以回帖留言或者加播妞的QQ~~重要提醒:如本页网盘资料失效,请及时联系播妞QQ3414556270进行资源恢复及更新~~


评分

参与人数 26黑马币 +123 收起 理由
爱死你 + 1 很给力!
幻影Spring + 5 赞一个!
丶Monica + 3 很给力!
fengsong206 + 5
1778636186 + 5 很给力!
清蒸火龙果 + 5 很给力!
等风来。 + 5 很给力!
蓝海123 + 5 很给力!
281737932 + 5 很给力!
梁爽 + 5

查看全部评分

分享至 : QQ空间
收藏

1072 个回复

倒序浏览
回复 使用道具 举报
风之称 来自手机 初级黑马 2018-3-8 19:07:17
藤椅
拉啦啦啦啦啦啦
回复 使用道具 举报
来一波赞
回复 使用道具 举报
给力了啊 哈哈
回复 使用道具 举报
感谢分享
回复 使用道具 举报
好多好多
回复 使用道具 举报
厉害了,齐全
回复 使用道具 举报

来一波赞
回复 使用道具 举报
感谢分享!!
回复 使用道具 举报
555555555555555555555555555555555555555555555555555555555555555555
回复 使用道具 举报
想换一本书看
回复 使用道具 举报
来看看好东西
回复 使用道具 举报
1212121212121
回复 使用道具 举报
非常感谢!
回复 使用道具 举报
1111111111111111111
回复 使用道具 举报
先下载个看看
回复 使用道具 举报
支持一下
回复 使用道具 举报

支持一下
回复 使用道具 举报
看看啊看看看
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马
关闭

站长推荐 上一条 /5 下一条