2019新版前端与移动开发学习路线图（视频+工具+资源）

一、2019新版前端与移动开发学习路线图---每阶段可掌握的能力及各阶段覆盖的关键字

二、2019新版前端与移动开发学习路线图---学习大纲及各阶段知识点

三、2019新版前端与移动开发学习路线图--升级后新增知识点设计理念

四、2019新版前端与移动开发学习路线图---各阶段配套视频推荐

第一阶段：HTML5&CSS3

配套教程：

html5 css3

网盘链接：https://pan.baidu.com/share/init?surl=V679Tyv_ArPOxNm5e7EKGA 

梅兰商城页面开发

网盘链接：https://pan.baidu.com/s/1pLlRwDl

第二阶段：移动 Web 网页开发

H5C3 进阶

网盘链接：https://pan.baidu.com/share/init?surl=7B187RZYzk1hCWiAH6Wq2g 

移动端开发

网盘链接：https://pan.baidu.com/share/init?surl=ZX5MdsyJeyPMMIKAbhZQ1Q 

第三阶段：JavaScript 网页编程

JavaScript基础

网盘链接：https://pan.baidu.com/s/1nwoDKHN

Javascript基础加强视频

网盘链接：https://pan.baidu.com/s/1skDXr6t

JavaScript核心 DOM BOM操作

网盘链接：https://pan.baidu.com/s/1poC9Xqzk8BRuGP8Bu0aRIQ#list/path=%2F 

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 与 AJAX

Node.js 基础

网盘链接：https://pan.baidu.com/share/init?surl=zK0Cp7IcGBaSY9aqJ0GWDw 

AJAX 编程

网盘链接：https://pan.baidu.com/share/init?surl=64MRyodpDzauYt4TNi96NA 

阿里百秀项目

待更新

第五阶段：前端框架实战

webpack

待更新

大数据可视化

待更新

Vue.js 基础

网盘链接：https://pan.baidu.com/share/init?surl=3atUZ-IMONSokHRO9O1PVA 

Vue.js 项目

待更新

React.js 基础

网页链接：https://www.bilibili.com/video/av55361707

React.js 项目

待更新

第六阶段：微信小程序 + 小游戏

跳一跳小游戏

网页链接：https://www.bilibili.com/video/av58703522

本地生活项目

网页链接：https://www.bilibili.com/video/av60435205

人工智能案例：啪啪测颜值

https://github.com/zce/weapp-beauty

微信小程序开发

网页链接：https://www.bilibili.com/video/av58598764

小程序项目：黑马优购商城

待更新

Canvas

待更新

小游戏开发

待更新

小游戏项目：飞机大战

待更新

五、2019新版前端与移动开发学习路线图---配套工具篇所用软件

工具篇-学前端所用软件（学前端必备软件全都有）

Chrome浏览器

https://pan.baidu.com/s/1G2HyBdIzHIq_EFmACRANtg 

简易版编辑器Sublime

https://pan.baidu.com/s/1lmqLOtFkKGmkxNaIGEQjSg 

WebStorm编辑器

https://pan.baidu.com/s/19siWkfpC2ha9wj5t9RGN6g 

Visual Studio Code编辑器

https://pan.baidu.com/s/1J0AuxhzltdYwdPkhHdGsGg 

PS

https://pan.baidu.com/s/19TlbxU7rQRHYmUYiGP3m2A 

MarkMan

https://pan.baidu.com/s/1mP_t4_RqoHVZZeuvW0g4Eg 

Adobe Fireworks CS6 Ansifa精简版

https://pan.baidu.com/s/17IvXzXvnjpAYOiyFBFkRDQ 

X-mind

https://pan.baidu.com/s/1c049MlsG7ZA5qbq1DZezzQ 

Typora

https://pan.baidu.com/s/1Nb36Lpg_S3OWnWBZ9pGKBw 

Git开源的分布式版本控制系统

https://pan.baidu.com/s/1EOjCMziILtitm_MVFx781g

GitLab

https://pan.baidu.com/s/1Ea8TXe68VAsylOo7_UZe2g

SVN

https://pan.baidu.com/s/1s7S7YvHOi7J1G6LhEcZhYQ 

集成环境软件WampServer

https://pan.baidu.com/s/1BLS4J6FOnDb2KdaUKONmIw 

MySQL

https://pan.baidu.com/s/1yq6WSQVZIXbu07U-Vi0VMg 

Navicat

https://pan.baidu.com/s/1JGc-fiURzWjZu0Nr9IZ_BA 

phpStudy

https://pan.baidu.com/s/1yCInenpqIOuPDddLc9KK_A 

Node.js

https://pan.baidu.com/s/17v3plvLsZ2O8j6O9MfNEOg 

微信开发者工具

https://pan.baidu.com/s/1FiyYMwIppYXKFb-sHH4moA 

Postman

https://pan.baidu.com/s/1MfNllXqvkV8FHpsswfJIIg 

Httpwatch

https://pan.baidu.com/s/1fvQjpNKjUwhdwfimbL4P0Q 

六、工具篇-学前端所用手册及书籍（学前端必备手册全都有）

html手册

https://pan.baidu.com/s/1idtCfccls7G74it4hzBLCg 

css手册

https://pan.baidu.com/s/1rlWo-DLNw_u9Nu7tuflw1A 

Javascript手册

https://pan.baidu.com/s/1SnTDwePBv9TnMqwrZ7o8KA

DOM手册

https://pan.baidu.com/s/1BS6krawx3TuBg-XRKRxbKg 

Jquery手册

https://pan.baidu.com/s/18CvsJRGxJaeTliZLsHYcvw 

W3Cschool手册

https://pan.baidu.com/s/19TS07KPax6WDg73gtWhO7Q 

CSS权威指南

https://pan.baidu.com/s/15X5WgWnMErMm9LFlG6JiXQ 

深入浅出JavaScript

https://pan.baidu.com/s/1JHxbzxdpmKkqwFzLLS2xUQ 

JavaScript语言精粹

https://pan.baidu.com/s/1_6C0nACXBdNN-kgSccs2tw 

JavaScript权威指南(第6版)(中文版)

https://pan.baidu.com/s/1c98GsUvxXUXkSgN88G5Lrg 

JavaScript高级程序设计(第3版)

https://pan.baidu.com/s/1Lt2wejs_1xmPyJ7DNpOnzg 

JQuery权威指南

https://pan.baidu.com/s/1MV0UgAdxiZl7kg29zkbUpg 

JQuery源码详细中文注释

https://pan.baidu.com/s/1mXXe2pKKOyPUN8HPtn7Fxw 

《锋利的jQuery》(高清扫描版)

https://pan.baidu.com/s/1I_Hz1fWRjf_zZRoFCupZ1g 

精通正则表达式

https://pan.baidu.com/s/1qlZjzsy3d9Be-OlZks_RbQ 

Ajax从入门到精通

https://pan.baidu.com/s/1Op6ahC_QDbDDgHLqPkEBPg

html5权威指南

https://pan.baidu.com/s/1DaiTFbZdX4CG5iE40xvhZw

HTML5高级程序设计

https://pan.baidu.com/s/1C95diPzFb4uAZvFku04dOQ 

HTML5 WebSocket权威指南

https://pan.baidu.com/s/134K5_0oR7PTM8WdDL1LM2w 

Node.js的深入浅出

https://pan.baidu.com/s/1BenCZfyA-ZL0KG6xD_UrKg 

Node.js开发指南

https://pan.baidu.com/s/1_dXs3LZtjq1QmjCBNxoePQ 

AngularJS权威教程

https://pan.baidu.com/s/17MS_bMEg0WlpVZPu1Ha3eg 

Vue.js权威指南

https://pan.baidu.com/s/1iIGJ7qEOXRJIkOy2ERds7w 

七、技术篇-前端项目源码：前端案例和 demo 源码

jQuery的仿淘宝商品展示

https://pan.baidu.com/s/1ueQx7A6F2M8J_uMnkuZMFA 

jQuery的图片放大展示

https://pan.baidu.com/s/1L2bF26aNsQT5Tr4XNwPxvQ 

TodoMVC（js、vue、angular）

https://pan.baidu.com/s/1SFHmODL0QNfkYcETAiP8cw 

vue留言板

https://pan.baidu.com/s/1cgYjllMZOUXJzROB6AbSuQ 

品优购电商项目静态页面

https://pan.baidu.com/s/1Lx6jaGYUrkLoR9MY8xHyDg 

vue 后台管理系统

https://pan.baidu.com/s/1dIgJ3JGnDNyWoxAydT4JFA 

微信小程序（TodoMVC 等5个源码）

https://pan.baidu.com/s/14FlO31H-gBDT4QTxfbLIkg 

React_爱租房

https://pan.baidu.com/s/18YBx5vNDfj44lA4vqXPEbw 

React实战项目_cNode

https://pan.baidu.com/s/1G3iwLuuDQ0fkEqyT-clDSg

换肤效果

https://pan.baidu.com/s/1Rr1RlHXimSwGnVmrOC8Lcw 

京东商品展示效果

https://pan.baidu.com/s/1OcrkijBSekqPVuAyheN4QQ 

tab栏切换

https://pan.baidu.com/s/1d8Aqt6So3w4W2fvlgJ-Z5g 

全选反选

https://pan.baidu.com/s/1-hoUGytf1HX4qxpm-MPsUw

鼠标跟随

https://pan.baidu.com/s/1P54qvBdAuQLs8x3kcXLBow 

轮播图

https://pan.baidu.com/s/1kgsiYnsVk4wF4vhb4Cz1eg 

放大镜效果

https://pan.baidu.com/s/1QAxfT7qx5-mYkVnQOYT1Qw 

手风琴效果

https://pan.baidu.com/s/1-1IWgRrDQxB3HuWE94seBQ 

延时触发图片展示

https://pan.baidu.com/s/1X6_a1QujZCFgbhLMzABhiw 

拖拽排序

https://pan.baidu.com/s/1NuF1Pio4vpbu589N_nViwg 

旋转木马

https://pan.baidu.com/s/19BYMzmTOXhSkgLHDmPVehg 

需要提取码的加我QQ3487932941免费分享٩(°̀ᗝ°́)و

• 人面猴

  序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...

  沈念sama阅读 202,607评论 5赞 476
• 死咒

  序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...

  沈念sama阅读 85,047评论 2赞 379
• 救了他两次的神仙让他今天三更去死

  文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...

  开封第一讲书人阅读 149,496评论 0赞 335
• 道士缉凶录：失踪的卖姜人

  文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...

  开封第一讲书人阅读 54,405评论 1赞 273
• 港岛之恋（遗憾婚礼）

  正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...

  茶点故事阅读 63,400评论 5赞 364
• 恶毒庶女顶嫁案：这布局不是一般人想出来的

  文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...

  开封第一讲书人阅读 48,479评论 1赞 281
• 城市分裂传说

  那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...

  沈念sama阅读 37,883评论 3赞 395
• 双鸳鸯连环套：你想象不到人心有多黑

  文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...

  开封第一讲书人阅读 36,535评论 0赞 256
• 万荣杀人案实录

  序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...

  沈念sama阅读 40,743评论 1赞 295
• 护林员之死

  正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...

  茶点故事阅读 35,544评论 2赞 319
• 白月光启示录

  正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...

  茶点故事阅读 37,612评论 1赞 329
• 活死人

  序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...

  沈念sama阅读 33,309评论 4赞 318
• 日本核电站爆炸内幕

  正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...

  茶点故事阅读 38,881评论 3赞 306
• 男人毒药：我在死后第九天来索命

  文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...

  开封第一讲书人阅读 29,891评论 0赞 19
• 一桩弑父案，背后竟有这般阴谋

  文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...

  开封第一讲书人阅读 31,136评论 1赞 259
• 情欲美人皮

  我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...

  沈念sama阅读 42,783评论 2赞 349
• 代替公主和亲

  正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...

  茶点故事阅读 42,316评论 2赞 342

推荐阅读更多精彩内容

• 前端资源 -- 网盘

  HTML5与CSS3权威指南+配套源码https://pan.baidu.com/s/1dhUbZ6anvKLPV...

  丶温瞳阅读 16,695评论 1赞 34
• 2019年最新Python学习路线图（内含大纲+视频+工具）

  一、Python学习路线图——大纲： 二、Python学习路线图—视频篇： 第一阶段-Python基础知识链接： ...

  黑马程序员武汉校区阅读 1,512评论 4赞 15
• 关于集成环信的UI中遇到的一些坑

  其实环信集成大体上不是很难，但是有几个注意点。首先，我集成的是环信3·0，官网上的文档跟实际的api稍稍有点区别，...

  哎呀不错阅读 4,346评论 2赞 7
• 那个人

  2016年的5月21号，我遇到单春森。 我们都是艺考的考生，他的位子在我的左手边，第一堂考素描，我正画着呢，听到后...

  烈酒与药阅读 463评论 0赞 0