html菜鸟教程准入标准

几年前，jQuery + Bootstrap 可以说是一统江湖，是后端领域的绝对霸主。近年来，随着Angular、React、Vue等框架的盛行，成为百家争鸣的局面。近年来，web前端的技术发展非常快，相应的技术栈也变得非常庞大，除了最基本的HTML/CSS/JavaScript，还有Vue/React/等JavaScript框架Angular 及其各自的生态系统，以及 CSS 预处理器 Sass/Less/Stylus，以及 TypeScript，以及各种打包和重构工具，如 grunt/webpack/gulp，以及许多其他技术堆栈。

技术栈太多了，我们不可能全部掌握html菜鸟教程。即使是高级后端工程师也只精通其中的一部分。比如有的精通Angular，有的熟悉React，有的熟悉Vue。很少有人熟悉这三个框架生态系统。很好理解。因此，我们不需要每个框架都学完才能上手，买一个就够了。而且，作为一个全栈，我们在学习一项技术的时候，更重要的是学习技术背后的编程思想、设计思想、架构思想。不管是 Angular、React 还是 Vuew，其背后的核心设计思想都是基于组件的设计，所以只要掌握了一个框架，我们也可以学习到后端技术的核心思想。

那么，我们应该学习什么样的html菜鸟教程框架呢？我的建议是从 Vue 入手，因为 Vue 的学习成本最低，入门简单，可以说 Vue 近三年经历了爆发式的下滑，接近 React。React 的主要学习成本是掌握 JSX 语法，文档多为英文。因为Vue是中国人开发维护的HTML新手教程，自然对国外开发者更加友好。Angular是一个庞大而全面的框架，很重，学习成本自然是最高的。至于 jQuery + Bootstrap 的集合，已经过时了，建议没必要学。毕竟，我们的时间太宝贵了，还有很多更有价值的东西等着我们去学习。

因此，如果我们想要开始Web前端开发，除了学习HTML/CSS/JavaScript这三个基础技术栈外，还需要了解Vue系统。Vue系统，除了Vue框架本身，还包括其他技术栈，html菜鸟教程前面会讲到。

HTML/CSS/JavaScript

HTML、CSS、JavaScript是后端的核心基础，必须掌握。HTML主要是HTML5。与之前的版本相比，增加了许多新功能。CSS主要是CSS3。与之前的版本相比，主要分为模块化。JavaScript 实际上分为三个部分：ECMAScript、DOM 和 BOM。ECMAScript，简称 ES，是 JavaScript 的核心。最新版本已经是 ES2017，这是 ES6 的第三个小版本。DOM 是文档对象模型，它实际上是一组用于访问和操作 HTML 的所有元素的 API。BOM 是浏览器对象模型，用于访问和操作浏览器的某些功能。

HTML/CSS/JavaScript的学习资源很多，我推荐几个html菜鸟教程。首先是来自 w3school 的一系列教程：

但是，我向初学者推荐该教程。内容其实来自w3school，不过有些内容比w3school还详细。以下是教程地址：

HTML 和 CSS 只要你遵循上面的教程就足够了，但是 JavaScript 是不够的。以上教程缺少ES6及以后的内容，以后会推荐其他学习资源补充。

视频教程方面，MOOC、极客学院等都有基础课程，但都是收费的，而且价格高，性价比真的很低。比如慕课网的《前端小白入门》+《前端进阶：响应式开发与后端框架》的组合包要988元，内容不如免费教程完整在里面。如果你真的想看视频，我会推荐一些网易云课堂的免费课程：

html菜鸟教程书籍方面，HTML和CSS的基础知识首先推荐《Head First HTML and CSS》。版面设计通俗易懂，即使是基础知识为零的非IT人员也适合学习。但是，Head First 书并未涵盖 HTML5 和 CSS3 更新。不过，Head First 还有一本解释 HTML5 的书，叫做《Head First HTML5 Programming》，但是要熟悉 HTML5 的使用，还是需要掌握一点 JavaScript 基础知识。Head First 没有相应的 CSS3 书籍，所以我推荐另一本《A Practical Guide to CSS3》。

在 JavaScript 方面，我是第一个推荐《高级 JavaScript 编程》这本书的。书中内容由浅入深，也通俗易懂，适合入门。另外，有人会推荐The Definitive Guide to JavaScript，但是这本书主要是一本字典书，略显冗长，不适合入门。但是，《高级 JavaScript 编程》仍然基于 ES5。为了补充ES6的内容，推荐阮一峰的《ES6标准介绍》，目前是第三版，内容已经涵盖了最新版的ES2017。另外，由于这是一本开源教材，你也可以直接去阮一峰的官网免费阅读。

另外，还有一本名为《你不懂JS》的系列书，想推荐给大家。它也是一本开源教科书。这套书会让你知道什么是 JavaScript 以及为什么会这样。它还包括 ES6 内容。这套写作适合初学者，只适合高级。我还出版了一本英文翻译的书，名为《JavaScript You Don't Know》。目前只有二卷，二卷和中卷。根据评价，第一卷的翻译还不错，但中卷的翻译就不太好。第二卷不知道。什么时候发布。以下是该系列书籍的github地址：

那么，有这么多的html菜鸟教程学习资源，我们应该如何学会高效呢？其实就像上面学习Android和iOS的时候一样，主要是想了解各种核心概念。我们不可能在短时间内熟悉所有的知识点。因此，和上面的文章一样，我也列出了一些核心知识点。酒吧。

Vue系统

在开始学习 Vue 之前，我们先来了解几个概念，以便更好地理解 Vue 的一些设计理念。第一个概念是“单页应用程序”，它是一个只有一个网页的应用程序，一个只加载一个 HTML 页面并在用户与应用程序交互时动态更新该页面的 Web 应用程序。第二个概念是“Virtual DOM”，即虚拟DOM，它只是一个模拟DOM树的JavaScript对象，目的是防止大规模操作真实DOM引起的性能问题。第三个概念是“响应系统”。通过数据模型与视图之间的数据绑定，系统可以手动响应数据模型对视图的变化。第四个概念是“组件化”。Vue 和 React 都通过组合各种组件来组成应用程序。通过理解这个概念，可以更好的理解Vue/React等后端框架系统。

另外，在开发工具方面，我推荐Visual Studio Code，一个免费开源的轻量级代码编辑器，支持macOS、Windows和Linux。有人说它比sublime开源，比atom快，比webstorm轻。所以，你应得的。

Vue 系统包含很多技术栈。一套完整的Vue项目通常包括vue + vue-router + vuex + vue-cli + axios + sass + webpack。其中，vue + vue-router + vuex又称为Vue全家桶，因为这三套技术栈都是Vue官方推出的，其他框架和工具都是第三方的。那么，让我们一一来看看这个技术栈。

对于当代后端新手来说，有太多不熟悉的概念需要理解，一时间可能消化不了html新手教程。学习序列”，你可以按照他的建议学习。

在学习资源方面，最好的应该是官方文档。另外，《Vue.js实战》这本书有游禹兮作为推荐的前言，大家也可以买来看看，可以作为官网的补充资源。如果有些概念不是太了解，可以暂时搁置一会，以后在项目开发过程中可能会理解。

html菜鸟教程入门

最重要的是能够通过实际的项目真正上手，这也是我一直推崇的。与Android和iOS的实战也是一样的建议。如果条件允许，可以向老板申请参与自己公司后端项目的开发，然后开始熟悉代码，实现一些简单的任务。建议先完成一些简单的UI界面。开始。同样，开源项目自然是不可或缺的。我推荐两个Vue中的开源项目：

另外附上一个总结了很多Vue开源项目的github地址：/opendigg/awesome-github-vue。

对于开源实战项目的操作，我还是建议先从改变应用的皮肤开始，然后自己尝试做一个类似的App。以Vue版饿了么项目为例，你先把它所有页面的皮肤，包括背景、按钮、文字等全部换掉，然后尝试做一个百度外卖或者美团自己点餐。之后，处理平时的vue项目开发应该没什么问题了。之后，你可以根据自己的需要学习 React 系统。这个时候，html菜鸟教程学起来就不难了。

总结

要开始前端开发，确实有很多技术栈需要学习。除了最基本的 HTML/CSS/JavaScript，还包括 HTML5、CSS3、ES6，以及目前流行的 JavaScript 框架。我的建议入手Vue，上手容易。需要掌握的技术栈包括vue + vue-router + vuex + vue-cli + axios + sass + webpack。此外，node.js 也应该了解一些基础知识。最后，对于实际项目，我推荐一个简单的小项目和完整的vue版本的饿了么项目。

思考和实践

前端开发的编程思路和联通的开发有什么区别？如何将后端架构理念应用到中国联通的发展中？最后，需要独立完成一个Web应用程序。