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有基本了解，此课程将给你带来不一样的体验，深入学习微信公众号开发，手把手带你搭建一个打通前后端的项目。

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