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

写在前面：本帖干货较多耐心阅读收获颇丰。

传智播客黑马程序员作为一个IT学习平台，历经13年的成长，免费分享视频教程长达10万余小时，累计下载量超3000万次，受益人数达千万。2019年我们不忘初心，继续前行!路线图的宗旨就是分享，专业，便利，让更多想要学习IT的人都能系统的学习!从今天起不要再找借口，不要再说想学却没有资源，赶快行动起来，前端与移动开发等你来探索，高薪距你只差一步!注：新版前端与移动开发学习大纲于2018年12月20日完成升级，本学习路线图依据最新升级后的规划制作!

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

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

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

四、2019版前端与移动开发学习路线图已更新至2023年新版，具体如下：

　　新版前端学习路线图所含视频教程，均按照学科最新的技术方向精选而来，从0基础入门，到实战精通，及面试就业一步到位。黑马技术大咖深入浅出，一线大厂实用技术点和解决方案全覆盖，细嚼慢喂，好消化、易吸收。帮助零基础学生实现快速入门，初级开发者进阶，挑战高薪offer !（ps:点击视频封面和课程名称均可跳转到学习页奥~）

　　　　　　新手入门：HTML5+CSS3+实战项目 → 移动web

　　　　　　JavaScript阶段： JavaScript基础 → JavaScript核心Web APIs → 数据交互 & 异步编程Ajax\Git

　　　　　　VUE开发： 框架前置课Nodejs&es6 → Vue2+Vue3全套

　　　　　　React + 微信小程序： React → TypeScript → 微信小程序

第一阶段 基础入门

　　学前导读：为零基础学员量身定制，教你搭建PC端和移动端静态页面，让你从小白升级成网页“化妆师”，轻松掌握 HTML5 和 CSS3 相关知识。

　　1.Web前端零基础入门HTML5+CSS3+前端项目(二选一学习即可)

　　本课程从前端开发环境开始讲解，课程内容既包含企业中制作网页的基础知识，又包含企业PC端网页和移动端网页的制作流程，通过每日案例、学成在线和小兔鲜儿、极速问诊、酷我手机网页、腾讯全端等多个项目掌握多端网页制作技巧，轻松学习HTML5和CSS3。

　　课程中和课程尾配备两个实战项目，项目一类型是企业站，可以让同学们快速的将基础知识点进行反复练习;项目二类型是电商站，可以让同学们掌握更复杂的网页效果的开发流程和布局标准。本教程严格按照专业的开发流程：专业的测量工具，做到100%还原设计稿。

　　2.移动web开发实战

　　本课程采用2+5模式, 前两天承接HTML+CSS, 使用字体图标、平面转换、动画等，丰富网页效果和呈现方式；后5天完成移动端和多端适配效果。课程采用闭环方式设计，每天课程都有完整的案例或项目， 让学生学以致用。  

第二阶段 技术进阶

　　学前导读：让网页“动”起来，带你学会前端工程师核心语言——JavaScript，实现网页数据交互与动画效果，并实现与后端数据的联通。

　　1.2023新版JavaScript入门到精通全套教程

　　本课程是Pink老师最新版JavaScript课程，主要讲解JavaScript核心知识，包含最新ES6语法，从基础到API再到高级。让你一边学习一边练习，重点知识及时实践，同时每天安排大量作业，加深记忆，巩固学习成果。

　　2.JavaScript核心之Web APIs

　　学习客户端开发技术，能够根据产品需求完成开发任务，如视觉交互、数据处理、安全、性能等，熟练掌握 DOM 操作的方法，能够分析视觉交互需求，结合 CSS 规则设计合理的 DOM 结构，完成开发任务。

　　3.数据交互&异步编程-前端进阶Ajax零基础入门

　　本课程案例丰富，知识点配套的案例丰富多样，满足学生学习的兴趣 ;深入原理，会深入讲解如何封装自己的模板引擎和 Ajax 函数;涵盖广泛，涵盖了 Ajax、跨域、JSONP、模板引擎、节流防抖、XHR Level2 等常用技术。

第三阶段 VUE开发

　　学前导读：掌握多行业解决方案，项目开发拿来即用，帮你搞定前端工程师必备热门框架Vue.js。

　　1.前端高级Node.js零基础入门教程

本套课程作为框架前置课，重点为学生铺垫 npm、包、模块化、身份认证、CORS 跨域等主要知识点，为学习后面的 Vue 课程夯实基础。同时，本课程涵盖了 MySQL 数据库、API 接口项目开发等后端内容，拓宽了学生的知识面，为前端学生构建了前后端完整的知识体系，助力学生更好地发展。

　　2.前端框架Vue2+Vue3全套视频

　　历经 5 年的反复打磨与锤炼，黑马程序员重磅推出全套新版的 Vue2 + Vue3 基础课程。共计 500 多集的免费视频，助您轻松掌握前端 Vue 框架!

第四阶段 React&小程序开发

　　学前导读：React帮你解锁中高级前端工程师能力地图，多端项目让你满足90%+企业需求。

　　1.前端React精品教程

　　React 是时下流行的前端框架之一，是很多大厂的选择前端开发框架!历经数月精心研发，内容包括：React 脚手架、JSX、函数组件、类组件、受控组件、组件通讯、Context、组件生命周期、高阶组等等技术。

　　2、TypeScript零基础入门到实战

　　从零开始学习 TypeScript，上手时不需要工程化配置，完全没有任何学习负担。涵盖全套知识点，从 TypeScript 基础类型，到高级类型，到 TypeScript 的类型声明文件，再到配合 React 的使用，一应俱全。除了纯粹的类型外，还包括 TypeScript 类型兼容性、结构化类型等 TypeScript 原理内容。

　　3.手把手快速带你开发微信小程序

　　本课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。学完基础之后，利用 uni-app 技术实现微信小程序的开发，可以做到一次开发多端部署。项目拥有首页、搜索页、商品列表页、商品详情页、购物车、登录支付等主要功能。涵盖了分包、vuex、组件化开发等核心技术点的使用。

八、前端与移动开发学习各阶段配套书籍推荐

自传智播客成立以来，一直秉承“为莘莘学子改变命运而讲课，为千万学生少走弯路而著书”的使命，始终以一种探索钻研的精神，持一颗工匠之心耕耘。13年来，共出版书籍65本，教材发行总量135余万册，覆盖高校1072余所，并作为“NITE国家信息技术紧缺人才培养工程”指定教材。关于前端与移动开发学习，播妞推荐以下6本书↓↓(注教材可在社区进行免费兑换：传送门→积分商城)

九、前端与移动开发学习面试题推荐篇