H5前端视频下载导航(学习路线图)

本套视频适合零基础并且对前端知识感兴趣的同学。内容涵盖HTML基础、标签、CSS 选择器、盒子模型、浮动、定位、图片整合、PS 切图等页面相关常用技术。 视频最后包含一个实战项目：将一个 PSD 设计图转换为一个商业网站的首页。让同学们体验前端页面开发的全过程。 通过对该视频的学习，可以让同学对前端知识有一个完整的认识，并可以熟练掌握 PC 端的固定布局。

CSS 2.1是一种样式表语言，允许作者和用户将样式(如字体和间距)附加到结构化文档(例如，HTML文档和XML应用程序)。通过将文档的表示样式与文档的内容分开，CSS 2.1简化了Web编写和站点维护。本套视频旨在提升学员对css2.1常用属性的理解。对浮动、定位、盒模型进行较深入的剖析与运用。

本套视频旨在向学员全面剖析css3中的新增的各类属性与方案。深入了解预处理less，并从源码的角度解读bootstrap相关实现。CSS3是最新的 CSS 级别,对CSS2.1中的边框、背景、文本、字体等做了扩展。新增2D、3D变换,过渡,动画。新增Flex、响应式、多列布局方案。Less 是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。bootstrap是一套简洁、直观、强悍的前端开发框架，它可以让web开发更迅速、简单。

本套视频旨在向学员全面剖析css3中的新增的各类属性与方案。深入了解预处理less，并从源码的角度解读bootstrap相关实现。CSS3是最新的 CSS 级别,对CSS2.1中的边框、背景、文本、字体等做了扩展。新增2D、3D变换,过渡,动画。新增Flex、响应式、多列布局方案。Less 是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。bootstrap是一套简洁、直观、强悍的前端开发框架，它可以让web开发更迅速、简单。/SQL的实战使用。每个技术点均以目前新版本设计，结合企业应用的实用性加以修订

本套视频旨在向学员全面剖析css3中的新增的各类属性与方案。深入了解预处理less，并从源码的角度解读bootstrap相关实现。CSS3是最新的 CSS 级别,对CSS2.1中的边框、背景、文本、字体等做了扩展。新增2D、3D变换,过渡,动画。新增Flex、响应式、多列布局方案。Less 是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。bootstrap是一套简洁、直观、强悍的前端开发框架，它可以让web开发更迅速、简单。

本套视频录制的是尚硅谷最新HTML5教程； HTML5是定义 HTML 标准的最新的版本。 广义上我们应该认为HTML5是一套技术集合，允许更多样化和强大的网站和应用程序。主要包括语义，连通性，离线 & 存储，多媒体，2D/3D绘图 & 效果，性能 & 集成，设备访问，样式设计。

本套视频是HTML5的实战视频，我们将综合HTML5的各个方面来构建一个fullpage（全屏滚动）的应用。课程将会从实战的角度深入全面的分析HTML5中的技术。并将技术灵活的运用入项目实战中。应用主要内容包括：1.dom中位置尺寸api详解;2.鼠标事件的兼容;3.全屏滚动的实现; 4.3d轮播的实现;5.3d品牌墙的实现;6.机器人动画实现;7.图片炸裂动画实现;8.canvas气泡动画实现

该视频是JavaScript基础视频，其中涵盖了ES标准、BOM以及DOM的大部分内容，适合有一定HTML和CSS基础的同学学习。 通过对该视频的学习，可以使同学初步掌握JavaScript，对面向对象的语言有一个初步的理解。并且能够通过DOM和BOM完成一项基本的页面效果。

本套视频主讲JavaScript高级部分内容, 以复习总结JavaScript最基础的核心概念(数据类型，变量，内存，对象，函数)开始， 深入浅出讲解JavaScript最核心也最具难度的部分技术：原型与原型链、执行上下文、执行上下文栈、变量提升、函数提升、作用域、作用域链、闭包、对象的多种创建模式、对象的继承模式、JavaScript事件循环机制等。这部分技术是成为高级前端工程师的必备利器。

jQuery是使用最广的JS函数库， 它能帮我们程序员简化DOM查询及DOM操作， 轻松实现动画效果。在世界前10000个访问最多的网站中，有超过 55 %在使用jQuery。 本视频全面深入讲解jQuery库的使用技术， 以及基于jQuery的项目开发技巧。

内容涵盖 Node.js 简介、下载、安装、模块化、CommonJS、NPM、以及 Buffer、fs等模块的基本使用。 本视频适合有一定 JS 基础的同学进行学习，Node.js 是前端开发必备的技能之一，通过本视频的学习可以对 Node.js 有一个深入的认识。 Node.js 的服务端及项目开发请参见后续视频。

MongoDB 是使用广泛的 NoSQL 数据库之一，在实际项目中应用也越来越广。 本套视频是MongoDB的基础视频，其中涵盖了MongoDB简介、下载、安装、添加系统服务、图形化客户端的使用、以及MongoDB的CRUD基本操作、查询/修改操作符的使用等。并且讲解了Node.js模块mongoose的使用（包括了连接、Schema、Model、Document等）。 该视频适合有 Node.js 基础的同学学习。

作为一个极轻量级，又和jQuery类似的前端框架，Zepto是大多数工程师移动端开发的首选，本视频从和jQuery相同的语法开始讲授，直到Zepto框架自己独有的特点，再结合项目实现，让你快速精通！

本套视频涵盖了 AngularJS 框架的基本语法及应用, 内容包括：AngularJS基本语法，双向数据绑定，指令，表达式，MVC，MVVM, 模块对象，控制器对象，作用域对象等知识点。 通过该视频的学习， 学员可以进行基于AngularJS框架的应用开发，并对后续学习React和VUE框架打下良好基础。

ECMAScript（俗称: ES5, ES6）规范是前端工程师的必备技能（尤其ES6）。如果你以前没有接触郭或者只是大概了解，那么本视频将是你众里寻他千百度的那个 Girl。 本套视频从ES5、ES6、到ES7均有涉及，尤其ES6从基本语法到高级函数均有详细讲解，是助你更上一层楼的神兵利器

当项目功能越来越多，代码量便也会越来越多，后期的维护难度会增大，此时在JS方面就会考虑使用模块化规范去管理。 本视频内容涵盖：理解模块化，为什么要模块化，模块化的优缺点以及模块化规范。并且将带领大家学习开发中最流行的commonjs, AMD, ES6、CMD规范。 建议同学们学习完模块化规范以后再学习项目构建，以更好的武装自己的技能。

使用构建工具去对 JS、CSS、HTML、LESS、IMG 等进行合并压缩构建到最后实现自动化构建项目。是前端工程师必备的技能之一。 本套视频主要讲解当前开发中最流行的三种自动化构建工具: Grunt, Gulp, webpack。从理解什么是构建工具，为什么要用构建工具，到如何去使用构建工具。 学习本套视频之前 建议先学习 JS 模块化。

使用构建工具去对 JS、CSS、HTML、LESS、IMG 等进行合并压缩构建到最后实现自动化构建项目。是前端工程师必备的技能之一。 本套视频主要讲解当前开发中最流行的三种自动化构建工具: Gulp, Gulp, webpack。从理解什么是构建工具，为什么要用构建工具，到如何去使用构建工具。 学习本套视频之前 建议先学习 JS 模块化。 本视频内容涵盖：理解模块化，为什么要模块化，模块化的优缺点以及模块化规范。并且将带领大家学习开发中最流行的commonjs, AMD, ES6、CMD规范。 建议同学们学习完模块化规范以后再学习项目构建，以更好的武装自己的技能。

使用构建工具去对 JS、CSS、HTML、LESS、IMG 等进行合并压缩构建到最后实现自动化构建项目。是前端工程师必备的技能之一。 本套视频主要讲解当前开发中最流行的三种自动化构建工具: Gulp, Gulp, webpack。从理解什么是构建工具，为什么要用构建工具，到如何去使用构建工具。 学习本套视频之前 建议先学习 JS 模块化。 本视频内容涵盖：理解模块化，为什么要模块化，模块化的优缺点以及模块化规范。并且将带领大家学习开发中最流行的commonjs, AMD, ES6、CMD规范。 建议同学们学习完模块化规范以后再学习项目构建，以更好的武装自己的技能。

本套视频基于新版本 React 录制，涵盖 React 开发的各项技术：JSX, 虚拟DOM,DOM Diff算法，组件，组件化开发，组件间通信，AJAX, React-Router等 。 更有 React 状态管理库 Redux 的透彻讲解。

本视频基于Vue2.5录制, 涵盖Vue开发所需技术: 模板、数据绑定、声明式渲染、计算属性、事件处理、过渡动画、指令、自定义Vue插件、组件化开发、组件间通信、Ajax前后台交互、Vue-Router 等. 对数据代理、模板解析、数据劫持、数据绑定核心部分进行深入的源码分析 。 视频中也涵盖Vue状态管理库Vuex的具体使用和原理结构分析。

mpVue是美团开发团队推出的一个小程序的框架, 是现在市面上最火的小程序框架之一, 其优点是可以使用vue.js的开发模式去开发小程序, 具备模块化, 组件化, 工程化的优点, 也可以使用第三方库如:Vuex, flyio等。作为当今炙手可热的小程序的框架是前端工程师的必备技能之一。学习本套视频之后可快速上手mpVue。

本视频是尚硅谷 Vue 技术栈的项目实战视频。 1.基于 Vue 的最新版本； 2.项目是关于外卖业务的前后台分离Web App，功能模块包含商家, 商品, 购物车, 用户管理等多个模块； 3.后台应用技术架构为: Node + Express + Mongodb + Mongoose； 4.前台应用技术架构为: vue + vuex + vue-router + webpack + ES6； 5.采用模块化、组件化、工程化的模式开发； 6.具体涉及技术： 1).使用代理服务器解决跨域； 2).mock数据接口库: mockjs； 3).ES7最新语法: async/await； 4).最流行的ajax请求库: axios； 5).常用的滑动库: better-scroll, swiper； 6).Vue移动端UI组件库: mint-ui； 7).最常用的图片懒加载插件: vue-lazyload； 8).一次性短信验证码和图片验证码技术；

谷粒音乐是使用WEB技术(HTML、JavaScript、CSS)直接构建的移动端APP。本套视频深入移动端开发的最核心部分。讲解了移动端的像素理论，视口理论。深入剖析了rem适配，viewport适配的原理。整个项目在css层面封装度也很高。使用了less等预处理器技术。对less的嵌套，继承，混合等进行了强有力的运用。对移动端常见的无缝滑屏,快速滑屏,橡皮筋效果，即点即停等效果实现了原生js的封装。可以说在整个课程中我们从无到有的搭建了一个移动端UI库。实战价值极高。让学员完全摆脱UI实现层面的困扰。

本套视频是新尚硅谷前端学科项目：<<硅谷直聘>> 课堂实录 。 该项目是基于新版本 React 的全栈项目，此项目为一个前后台分离的招聘的 SPA, 包括前端应用和后端应用 。包括用户注册/登陆, Boss/牛人列表, 实时聊天等功能模块 。前端技术: React全家桶 + ES6 + Webpack 等、后端技术: NodeJS + Express + MongoDB + SocketIO等 。采用模块化、组件化、工程化的模式开发。 并自定义了Redux和React-Redux库。

微信小程序经历了一年多的发展，如今迎来了爆发式的增长，所以微信小程序为当下前端工程师必备的技能 。 本套视频从微信小程序的基础知识开始讲起，涵盖了适配方案、数据绑定、自定义事件机制、模板使用、列表渲染、本地缓存、背景音乐播放及发送ajax请求等内容, 在学习知识点的同时会同步完成项目，让你能快速上手小程序开发。

从零开始学习微信公众号，从开发套路到整体功能实现，以express框架为基础，搭建一个完整的Node.js服务器后台。我们会从零开始封装微信中间件、深入到最底层的请求逻辑、详解微信公众号各个接口、使用ES5/6/7的新特性、网页爬虫和弹幕视频的实现，最终完成一个Node.js Mongodb+Express项目。如果你对Node.js和Mongodb有基本了解，此课程将给你带来不一样的体验，深入学习微信公众号开发，手把手带你搭建一个打通前后端的项目。

本套视频是尚硅谷前端学科首次推出的完整大型电商平台的前端项目视频：“React全栈SPA项目”，依托某大型企业级电商网站，使用React全家桶+AntD框架实现电商的后台管理系统。如果你认为该视频只是在讲解一个后台项目，你可能对它还有所误会。1、世面上少有的实现前后端的后台管理系统2、灵活使用React和AntD，完美产品后台的数据管理问题3、攻坚最新技术难点，使用React-Router最新4.0路由，使用Redux管理状态数据, 在潮流之前4、通过Echarts/Bizcharts图表功能实现数据可视化，构建产品运营的后台利器5、让你的编程思维和项目实操能力得到双重提升，助你一路进阶6、可基于此后台系统项目所学，开发更多其他项目，提高你驾驭项目的能力！

《尚硅谷_H5前端热门面试题》会持续更新市场上热门面试题及知识点，涵盖内容有：HTML,CSS,JavaScript基础到高级的内容，移动端经典问题，js经典笔试题，node.js，React，Vue，小程序等。通过面试题的讲解，既能了解前端的整个知识体系，又能在面试中游刃有余。