H5前端视频下载导航(学习路线图)
以下视频为历年授课实录，适合谷粉自学
实际面授课程每三个月都会更新迭代，保持技术的先进性与前瞻性，无缝对接企业需求
2 高级技术
核心技术
-
尚硅谷_前端基础合集（含HTML、CSS、HTML5、CSS3）本套教程是尚硅谷李立超老师录制，将前端学习的基础内容融汇为148节课，涵盖了HTML、CSS、HTML5和CSS3的核心技术点。通过对本教程的学习，可以帮助初学者快速上手，并完成大部分静态网页的开发。 -
尚硅谷_HTML5实战本套视频是HTML5的实战视频，我们将综合HTML5的各个方面来构建一个fullpage（全屏滚动）的应用。课程将会从实战的角度深入全面的分析HTML5中的技术。并将技术灵活的运用入项目实战中。应用主要内容包括：1.dom中位置尺寸api详解;2.鼠标事件的兼容;3.全屏滚动的实现; 4.3d轮播的实现;5.3d品牌墙的实现;6.机器人动画实现;7.图片炸裂动画实现;8.canvas气泡动画实现 -
尚硅谷_Bootstrap视频教程本套视频旨在向学员全面剖析css3中的新增的各类属性与方案。深入了解预处理less，并从源码的角度解读Bootstrap相关实现。CSS3是最新的 CSS 级别,对CSS2.1中的边框、背景、文本、字体等做了扩展。新增2D、3D变换,过渡,动画。新增Flex、响应式、多列布局方案。Less 是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。Bootstrap是一套简洁、直观、强悍的前端开发框架，它可以让web开发更迅速、简单。 -
尚硅谷_JavaScript核心该视频是JavaScript基础视频，其中涵盖了ES标准、BOM以及DOM的大部分内容，适合有一定HTML和CSS基础的同学学习。 通过对该视频的学习，可以使同学初步掌握JavaScript，对面向对象的语言有一个初步的理解。并且能够通过DOM和BOM完成一项基本的页面效果。 -
尚硅谷_JavaScript高级本套视频主讲JavaScript高级部分内容, 以复习总结JavaScript基础的核心概念(数据类型，变量，内存，对象，函数)开始， 深入浅出讲解JavaScript难度较高的部分技术：原型与原型链、执行上下文、执行上下文栈、变量提升、函数提升、作用域、作用域链、闭包、对象的多种创建模式、对象的继承模式、JavaScript事件循环机制等。这部分技术是成为高级前端工程师的必备利器。 -
尚硅谷_jQuery视频教程jQuery是使用广泛的JS函数库， 它能帮我们程序员简化DOM查询及DOM操作， 轻松实现动画效果。本视频全面深入讲解jQuery库的使用技术， 以及基于jQuery的项目开发技巧。
高级技术
-
尚硅谷_ES6教程（涵盖ES6-11）ES是ECMAScript的简称，ECMAScript是脚本语言的规范。而我们所使用的JavaScript是ECMAScript的一种实现，ECMA组织每年都会发布一个新版本，截止2020年7月本视频教程制作，最新版本是ES11。是ES的经典版本，是前端工程师岗位的高频需求，是前端开发工程师求职的必备技能。现阶段前端行业发展迅猛，前端技术也在高速迭代，ES6-ES11规范增加了很多JavaScript新特性。ES新特性已经成为前端技术发展的趋势，语法简洁，功能丰富，部分特性还有性能提升，前端开发三大框架Vue，React，Angular都用到了大量的新特性代码，框架的升级也在向着新特性语法靠拢。本套课程以ECMA相关概念讲起，涵盖ES6-ES11的新特性，每个新特性都有对应的代码，部分特性还加入了专门的案例，课程由浅入深，通俗易懂，学习后会有较大的技术提升。 -
尚硅谷_PromisePromise是ES6引入的进行异步编程的新方法，语法上就是一个构造函数，它可以封装异步任务，对结果进行处理。Promise的好处是可以解决回调地狱的问题，并且指定回调与错误处理的方式更加方便。 Promise 在现代Web项目中的应用十分频繁, 也是面试的高频题目，如果你想进大厂，就要掌握Promise内部的运行原理。为此尚硅谷特意录制了Promise课程新版！ 本套视频教程由浅入深，通俗易懂，对复杂的实现庖丁解牛，分步拆解，采用闯关式设计，循序渐进的讲解，更具学习的趣味性。课程内容涵盖前端与后端异步编程任务实践，让你宏观认识Promise。 -
尚硅谷_JS模块化说明视频教程当项目功能越来越多，代码量便也会越来越多，后期的维护难度会增大，此时在JS方面就会考虑使用模块化规范去管理。 本视频内容涵盖：理解模块化，为什么要模块化，模块化的优缺点以及模块化规范。并且将带领大家学习开发中流行的commonjs, AMD, ES6、CMD规范。 建议同学们学习完模块化规范以后再学习项目构建，以更好的武装自己的技能。 -
尚硅谷_NodeJS核心技术内容涵盖 Node.js 简介、下载、安装、模块化、CommonJS、NPM、以及 Buffer、fs等模块的基本使用。 本视频适合有一定 JS 基础的同学进行学习，Node.js 是前端开发必备的技能之一，通过本视频的学习可以对 Node.js 有一个深入的认识。 Node.js 的服务端及项目开发请参见后续视频。 -
尚硅谷_MongoDB视频教程MongoDB 是使用广泛的 NoSQL 数据库之一，在实际项目中应用也越来越广。 本套视频是MongoDB的基础视频，其中涵盖了MongoDB简介、下载、安装、添加系统服务、图形化客户端的使用、以及MongoDB的CRUD基本操作、查询/修改操作符的使用等。并且讲解了Node.js模块mongoose的使用（包括了连接、Schema、Model、Document等）。 该视频适合有 Node.js 基础的同学学习。 -
尚硅谷_AJAX技术AJAX技术能够实现无需重新加载整个网页，就可以更新部分网页内容。在WEB应用中AJAX使用十分广泛，百度，淘宝，京东等常见的PC端网页以及各种WEB APP, 随处可见它的身影，AJAX已经成为前端工程师的常备技能之一。 -
尚硅谷_axios视频教程axios是一个基于Promise的HTTP客户端，可以用在浏览器和node.js中，向服务器发送AJAX请求进行数据交换，是现在前端炙手可热的请求工具。 -
尚硅谷_前端Git教程Git是目前业界非常流行的版本控制系统，而GitHub是开源代码托管平台的翘楚。越来越多的开发者、团队以及开源贡献者首选二者用于管理项目代码。本套视频从本地客户端的角度讲解Git和GitHub，并着重通过一些案例来演示Git的底层原理，使您能够对Git和GitHub有更清晰的认识。 -
尚硅谷_Webpack5Webpack作为一款流行的前端项目构建工具，广泛应用于前端工程领域，是前端开发人员的必备技能之一。本套教程基于Webpack5讲解，从入门到高级，从项目实战到深入原理。 -
尚硅谷_React本套视频教程基于React17录制，对React开发中的各项核心技术进行了详细讲解。知识点涵盖全面，既包括：虚拟DOM与JSX、DOM-Diffing算法、React-Router、生命周期（新版+旧版）等基础内容的讲解；又包括：组件的基本使用、组件的封装、组件的懒加载、组件的优化等组件核心技术；还包括：Pubsub、Redux、React-Redux、hooks、ErrorBoundary、Context等进阶内容；更包括：高阶函数、函数柯里化、this指向分析、ES6/7/8部分新语法、antdUI组件库、fetch等扩展内容…… -
尚硅谷_Vue全家桶Vue是一套用于构建用户界面的渐进式JavaScript框架，是目前最火的前端框架之一，是前端工程师的必备技能。 -
尚硅谷_TypeScript视频教程TypeScript是一种由微软开发的开源、跨平台的编程语言。由于JavaScript语言本身的局限性，难以胜任和维护大型项目开发, 因此微软开发了TypeScript，使其能够胜任开发大型项目。TypeScript是JavaScript的一个超集，支持ES6标准，可以编译成纯JavaScript运行在任何浏览器上。 -
尚硅谷_Vue3新特性众所期待，尚硅谷新版Vue视频教程上架！基于Vue3.0版本讲解，对Vue3.0版本的新特性、Composition API、新组件及TypeScript进行了详尽的源码级讲解，授课图文并茂，资料详实丰富，带你领略不一样的技术风景线！ 本套教程从Vue的好搭档TypeScript基础讲起，涵盖TypeScript的多种运行方式、基础类型、接口的使用、函数、泛型等，包括Vue3.0的新特性和新语法、Composition API常用部分和其他部分、自定义hook函数及手写Composition API、新组件（Fragment/Teleport/Suspense）、Vue3.0响应式数据原理的分析及实现、Vue3.0的综合案例等内容。 课程适用人群： 对JavaScript和Vue2.0有一定基础，或对Vue2.0了解但不精通的小伙伴，观看本视频后可以快速上手TypeScript和Vue3.0开发。 -
尚硅谷_微信小程序新版学会微信小程序开发，这一套视频教程就够了！ 本套视频教程采用项目驱动式讲解，以网易云音乐为原型进行项目构建，使用网易云音乐真实API接口数据，且最终效果同网易云音乐App保持一致，做到真正的企业级项目讲解。 内容从基础到高级，涵盖小程序常用的所有知识点，包括：事件、数据绑定、路由、自定义组件、自定义模板、音乐播放、视频播放、性能优化及项目上线前分包操作等。 学习本套视频教程后，可以快速上手小程序开发，真正做到从入门到精通！ -
尚硅谷_前端热门面试题《尚硅谷_H5前端热门面试题》会持续更新市场上热门面试题及知识点，涵盖内容有：HTML,CSS,JavaScript基础到高级的内容，移动端经典问题，js经典笔试题，node.js，React，Vue，小程序等。通过面试题的讲解，既能了解前端的整个知识体系，又能在面试中游刃有余。
综合实战
-
尚硅谷_项目实战：谷粒音乐谷粒音乐是使用WEB技术(HTML、JavaScript、CSS)直接构建的移动端APP。本套视频深入移动端开发的重要部分。讲解了移动端的像素理论，视口理论。深入剖析了rem适配，viewport适配的原理。整个项目在css层面封装度也很高。使用了less等预处理器技术。对less的嵌套，继承，混合等进行了强有力的运用。对移动端常见的无缝滑屏,快速滑屏,橡皮筋效果，即点即停等效果实现了原生js的封装。可以说在整个课程中我们从无到有的搭建了一个移动端UI库。实战价值高。让学员完全摆脱UI实现层面的困扰。 -
尚硅谷_Vue项目实战：硅谷外卖本视频是尚硅谷 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).一次性短信验证码和图片验证码技术； -
尚硅谷_Vue项目实战：尚品汇学前端的小伙伴看过来！打通任督二脉的Vue项目实战教程来啦！前台+后台，双项目实战，前后端项目二者相互独立，又可以结合在一起，满足你对大型Vue项目实战的需求，一套教程覆盖Vue框架方方面面的知识点，全面、详细！ -
尚硅谷_项目实战：硅谷直聘本套视频是新尚硅谷前端课程项目：<<硅谷直聘>> 课堂实录 。 该项目是基于新版本 React 的全栈项目，此项目为一个前后台分离的招聘的 SPA, 包括前端应用和后端应用 。包括用户注册/登陆, Boss/牛人列表, 实时聊天等功能模块 。前端技术: React全家桶 + ES6 + Webpack 等、后端技术: NodeJS + Express + MongoDB + SocketIO等 。采用模块化、组件化、工程化的模式开发。 并自定义了Redux和React-Redux库。 -
尚硅谷_React全栈项目：谷粒后台本套视频是尚硅谷前端课程推出的完整大型电商平台的前端项目视频：“React全栈SPA项目”，依托某大型企业级电商网站，使用React全家桶+AntD框架实现电商的后台管理系统。如果你认为该视频只是在讲解一个后台项目，你可能对它还有所误会。1、世面上少有的实现前后端的后台管理系统2、灵活使用React和AntD，完美产品后台的数据管理问题3、攻坚最新技术难点，使用React-Router最新4.0路由，使用Redux管理状态数据, 在潮流之前4、通过Echarts/Bizcharts图表功能实现数据可视化，构建产品运营的后台利器5、让你的编程思维和项目实操能力得到双重提升，助你一路进阶6、可基于此后台系统项目所学，开发更多其他项目，提高你驾驭项目的能力！ -
尚硅谷_微信公众号从零开始学习微信公众号，从开发套路到整体功能实现，以express框架为基础，搭建一个完整的Node.js服务器后台。我们会从零开始封装微信中间件、深入到底层的请求逻辑、详解微信公众号各个接口、使用ES5/6/7的新特性、网页爬虫和弹幕视频的实现，完成一个Node.js Mongodb+Express项目。如果你对Node.js和Mongodb有基本了解，此课程将给你带来不一样的体验，深入学习微信公众号开发，手把手带你搭建一个打通前后端的项目。
技术丰富
-
尚硅谷_Zepto视频教程作为一个轻量级、又和jQuery类似的前端框架，Zepto是很多工程师移动端开发的选择。本视频从和jQuery相同的语法开始讲授，直到Zepto框架自己独有的特点，再结合项目实现，帮助学习者快速掌握！ -
尚硅谷_AngularJS视频教程本套视频涵盖了 AngularJS 框架的基本语法及应用, 内容包括：AngularJS基本语法，双向数据绑定，指令，表达式，MVC，MVVM, 模块对象，控制器对象，作用域对象等知识点。 通过该视频的学习， 学员可以进行基于AngularJS框架的应用开发，并对后续学习React和VUE框架打下良好基础。 -
尚硅谷_项目构建工具Gulp使用构建工具去对 JS、CSS、HTML、LESS、IMG 等进行合并压缩构建到实现自动化构建项目。是前端工程师必备的技能之一。 本套视频主要讲解当前开发中流行的三种自动化构建工具: Gulp, Gulp, webpack。从理解什么是构建工具，为什么要用构建工具，到如何去使用构建工具。 学习本套视频之前 建议先学习 JS 模块化。 本视频内容涵盖：理解模块化，为什么要模块化，模块化的优缺点以及模块化规范。并且将带领大家学习开发中最流行的commonjs, AMD, ES6、CMD规范。 建议同学们学习完模块化规范以后再学习项目构建，以更好的武装自己的技能。 -
尚硅谷_Vue源码解析你有没有发现前端面试题越来越难？很多面试都开始问关于Vue底层源码的问题了。因为人人都会Vue，大学生都用Vue写毕设了，更有甚者，有人DOM都不会但Vue玩的贼溜。 学习Vue底层源码已经迫在眉睫！然而网上充斥着一些面试题，可以让你背诵数据劫持机理、最小量更新机理、模板编译机理等，但都非常皮毛，面试官稍加追问，你就会招架不住。光背题是没用的，踏踏实实弄懂Vue底层源码，你才能和面试官谈笑风生拿下Offer！ 尚硅谷重磅推出Vue源码解析系列视频教程！直达核心，带你分析Vue底层工作原理，将Vue核心模块一一拆解，手写底层源码，拒绝纸上谈兵，带你手撸一个自己的Vue框架！本套教程带你手写响应式数据系统底层、手写模板编译系统底层、手写虚拟DOM和diff算法底层……内容循序渐进，深入浅出，讲解图文并茂，鞭辟入里，用丰富的图示和例子做演示，注重编程思想讲解，真正让你提升编程底蕴，达到中高级前端标准。教程兼顾Vue2.0和3.0，并着重讲解二者的底层区别，力求让你理解每一个核心机理。 适合人群： 需要提升编程能力、面试能力的前端程序员均可学习，学前需掌握Vue基本语法。 -
尚硅谷_项目构建工具Grunt使用构建工具去对 JS、CSS、HTML、LESS、IMG 等进行合并压缩构建到实现自动化构建项目。是前端工程师必备的技能之一。 本套视频主要讲解当前开发中流行的三种自动化构建工具: Grunt, Gulp, webpack。从理解什么是构建工具，为什么要用构建工具，到如何去使用构建工具。 学习本套视频之前 建议先学习 JS 模块化。 -
尚硅谷_自定义工具函数库你可能有过类似的经历：在某个项目进行数据处理时，封装了一些函数，之后其他项目遇到相同场景，封装的函数却死活想不起来放哪里了。
