Web前端在近几年越来越受追捧，很多童鞋或者职场小伙伴想要提升技能-学习Web前端。

这是非常好的事情，但问题在于很多人不知道学前端做什么，所以什么零碎细末、艰难晦涩、长篇大论的都去看，很容易陷入学不下去的困境。必须要有针对性、选择性地学！针对性学习宗旨是按需去学，学以致用。

因此腾讯大佬推荐的大型Web前端教程，我今天分享出来，希望可以帮助正在学习前端的你！

Web前端10大特点：

易于学习：web前端语言是所有语言中最好上手的语言，简单易学。只要是懂一点英语，逻辑 思维不是很差的人很快就能学会。

易于阅读：前端代码的定义非常清晰。

易于维护：web前端的成功在于它的源代码是相当容易维护的。拥有超高性价比，轻松维护开发成本也不高，使用起来十分的方便。

前端未来发展无限：就未来互联网发展趋势来看，前端无疑前景无限，优势明显，无论是择业，跳行，还是继续深造都是不错的选择。

拥有出色的、人性化的用户体验：前端网站可以自动侦测设备屏幕的大小，对网站的内容和布局灵活调整，让网站在任何设备上都有令人惊艳的显示效果。

为了避免漫无目零散的学习方式，我已经整理好了粉丝福利

需要这些资料，可以关注公众号 清风酔 领取

内容共分15章，讲解了web前端的方方面面, 可以作为前端学习者的“宝典”。同时，穿插了5个大型实战项目：

1. 青竹电商平台（PC端）

某电商公司的在线购物平台项目, 主要方便广大用户在线购物的需 求, 快速下单, 在家就可享受到愉快购物的便捷。项目模块包括：用户管理， 订单服务，购物车服务，商品 类别管理，商品管理，支付管理，消息管理，频道管理，广告管理等。

2. 俄罗斯方块

俄罗斯方块（Tetris， 俄文：Тетрис）是一款由俄罗斯人阿列克谢·帕 基特诺夫于1984年6月发明的休闲游戏。

该游戏曾经被多家公司代理过。经过多轮诉讼后，该游戏的代理权最 终被任天堂获得。任天堂对于俄罗斯方块来说意义重大，因为将它与GB搭配在一起后，获得了巨大的成功。 《俄罗斯方块》的基本规则是移动、旋转 和摆放游戏自动输出的各种方块，使之排列成完整的一行或多行并且消除得分。

3. flflappy bird游戏(canvas)

《flflappy bird》是一款由来自越南的独立游戏开发者Dong Nguyen所开发的作品，游戏于2013年5月24日上线，并在2014年2月突然暴红。2014年2月，《Flappy Bird》被开发者本人从苹果及谷歌应用商店撤下。2014年8月份正式回归APP STORE，正式加入Flappy迷们期待已久的多人对战模式。游戏中玩家必须控制一只小鸟，跨越由各种不同长度水管所组成的障 碍。

4.网易云音乐（Vue框架移动端）

网易云音乐是一款由网易开发的音乐产品，是网易杭州研究院的成果，依托专业音乐人、DJ、好友推荐及社交功能，在线音乐服务主打歌单、社交、大牌推荐和音乐指纹，以歌单、DJ节目、社交、地理位置为核心要素，主打发现和分享。

5.后台管理系统(React框架PC端)

后台管理系统是内容管理系统Content Manage System（简称CMS）的一个子集。 内容管理系统是企业信息化建设和电子政务的新宠，也是一个相对较新的市场。对于内容管理，业界还没有一个统一的定义，不同的机构有不同的理解。

WMS是Web Management System 的简写，简单的说：WMS是一个网站管理系统。一个网站管理系统是把一个网站的内容（文字，图片，等等）与网站的组件分离开来，可以将各个页面连接到一起，可以控制页面的显示。

本套视频一共400集，本套视频共分3季：

第一季 【基础篇】web基础 （100集）

第二季 【提高篇】web深入和扩展（200集）

第三季 【扩展篇】小程序、web移动端、vue3.0、Flutter、react（115集）

第1阶段 HTML+CSS

1:掌握HTML基础语法

HTML超文本标记语言【结构层】是web前端入门知识点，让你认知互联网实现原理、以及企业内常见布局方式，即使你没有接触过其他语言，也会轻松的转行到web前端开发。

2:掌握CSS层叠样式

掌握了HTML基础语法以后，你会发现我们网站外观不是很美观，那接下来我们会通过学习CSS层叠样式【样式层】，让我们网站更加美观、美化。

3:真是企业级项目驱动知识点

如果HTML与CSS这部分基础知识掌握了，那我我们就可以利用这些技术去搭建属于我们的静态网站，会体验到真是企业中开发流程与经验。

第2阶段 JavaScript

JavaScript脚本语言简称【JS】，是web前端中最重要一部分知识点， 第二阶段主要掌握JS脚本语言核心语法，可以实现人与网站进行交互效果。

第3阶段 HTML5与移动端

2015年的时候超文本标记语言进行第五次重大修改，称之为HTML5。在这次重大修改当中新增很多语义化标签、样式、存储功能、媒体功能等。 这个阶段目的，需要掌握HTML5新特性、可以利用H5制作出一些炫酷效果，以及企业中常用到多媒体功能等。

第4阶段 面对对象编程与画布

掌握面向对象编程思想、对于类与实例可以清晰理解。理解面向对象编程三大特征：继承、封装、多态。此阶段属于中级部分课程，也是为了后面框架课程在做准备，此阶段可以难度指数相对强一些，最终可以达到自己开发出一款属于自己的游戏。

第5阶段 ES6

掌握 ECMAScript6、7、8、9、10 新的语法。也是框架必备技能， 这部分知识点是 JavaScript 脚本语言新的写法，重要知识点有类、箭头函数、数组迭代方法、 promise 异步解决方法等等。对于新的技术诞生、新的语法出现，对于任何语言开发人员都 是一样的需要掌握新的事物、以及构建化工具 webpack、rollup 等等

第6阶段 React框架

React 主要用于构建 UI。你可以在 React 里传递多种类型的参数，如声明代码，帮助你渲染 出 UI、也可以是静态的 HTML DOM 元素、也可以传递动态变量、甚至是可交互的应用组件。 通过此框架可以深入理解单页面应用开发。

第7阶段 Vue框架

通过上一阶段 React 框架学习，其实就是为了 Vue 框架进行铺垫的。在大陆前端开发中 Vue 火热程度远远高度React。Vue.js 自身不是一个全能框架，它只聚焦于视图层。因此它非常容易学习，非常容易与其 它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时Vue.js 也能完美地驱动复杂的单页应用。

第8阶段 小程序与uniapp

微信小程序，小程序的一种，英文名 Wechat Mini Program，是一种不需要下载安装即可使 用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。

第9阶段 Flutter

Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高 效构建多平台精美应 用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。

结尾 需要这些资料，可以关注公众号 清风酔 领取