入门标准入门标准很简单，就一个：达到可以参与Web前端实际项目的开发水平。请注意，这是一个实际项目，需要了解今天实际项目开发中使用了哪些技术栈。HTML/CSS/JavaScript三大基础技术栈是必须要掌握的，但是要能够参与实际的项目开发，还必须掌握其他一些主流的框架体系。这里还是要推荐一下我自己建的web前端开发学习群：731669587，群里都是学习web前端开发的。如果你正在学习前端，小编欢迎你的加入。今天分享的案例已经上传到群文档，大家都是软件开发党，不定期分享干货（只与前端软件开发相关），包括一份最新的前端进阶资料和进阶2018年自己整理的开发教程，欢迎进阶，进入前端小伙伴。几年前，jQuery+Bootstrap可以说是一统天下，是前端领域的绝对霸主。近年来，随着Angular、React、Vue等框架的兴起，已经成为百家争鸣的局面。在过去的几年里，Web前端技术的发展实在是太快了。相应的，也出现了很多技术栈，除了最基础的HTML/CSS/JavaScript，还有Vue/React/Angular等JavaScript框架及其各自的生态系统。系统、CSS预处理器Sass/Less/Stylus、TypeScript、grunt/webpack/gulp等打包构建工具，以及大量其他技术栈。技术栈太多了，我们不可能全部掌握。即使是资深的前端工程师，也只是精通其中的一部分。比如有的精通Angular，有的精通React，有的熟悉Vue。很少有人对这三个框架生态系统非常熟悉。学习。所以，我们入门的时候不需要把每一个框架都学一遍，选择一个就够了。而且，作为全栈，我们学习一门技术更重要的是学习技术背后的编程思想、设计思想、架构思想。不管是Angular、React还是Vuew，其背后的核心设计思想都是基于组件的设计，所以我们只要掌握了一个框架，也能学到前端技术的核心思想。那么，我们应该学习哪种框架体系呢？我的建议是从Vue入手，因为Vue的学习成本是最低的，而且上手容易，而且Vue这两年可以说是爆发式增长，几乎已经赶上了React。React的主要学习成本是掌握JSX语法，大部分文档都是英文的。因为Vue是国人开发和维护的，自然对国内开发者更加友好。Angular是一个大而全的框架，太重了，学习成本自然是最高的。至于jQuery+Bootstrap的一套，已经过时了。建议没必要学。毕竟我们的时间很宝贵，还有很多更有价值的东西等着我们去学习。因此，我们要想入门Web前端开发，除了要学习HTML/CSS/JavaScript这三大基本技术栈外，还要了解Vue系统。Vue系统，除了Vue框架本身，还包括其他的技术栈，后面会讲到。HTML/CSS/JavaScriptHTML、CSS、JavaScript是前端的核心基础，必须掌握。HTML主要是HTML5。与以前的版本相比，增加了许多新功能。CSS主要是CSS3。与之前的版本相比，主要分为模块。JavaScript其实分为三个部分：ECMAScript、DOM和BOM。ECMAScript，简称ES，是JavaScript的核心。最新版本是ES2017，这是ES6的第三个小版本。DOM即文档对象模型，它实际上是一组用于访问和操作HTML的所有元素的API。BOM是浏览器对象模型，用于访问和操作浏览器的一些特性。视频教程方面，MOOC、极客学院等都有基础课程，但是都是收费的，而且价格也不便宜，性价比太低了。比如MOOC.com的《前端小白入门》+《前端进阶：响应式开发与前端框架》课程组合包988元，内容没有上面的免费教程完整。如果实在想看视频的话，推荐一些网易云课堂的免费课程：从零玩转HTML5前端+跨平台开发H5/web前端开发｜HTML5+CSS3李彦辉JavaScript教程第一季书籍、HTML和CSS基础方面，最推荐《Head First HTML与CSS》，版面设计通俗易懂，即使是零基础的非IT人员也适合学习。但是，《深入浅出》一书并未涵盖对HTML5和CSS3的更新。然而，HeadFirst有另一本书解释HTML5，叫做《Head First HTML5 Programming》。不过，要熟悉HTML5的使用，还是需要掌握一点JavaScript基础知识。HeadFirst没有对应的CSS3书籍，推荐另一本书《CSS3实用指南》。JavaScript方面，我先推荐《JavaScript高级程序设计》这本书。书中内容通俗易懂，适合初学者。另外，有人会推荐《JavaScript权威指南》，不过这本书主要是字典书，有点晦涩难懂，不适合初学者。然而，《JavaScript高级程序设计》仍然是基于ES5的。为了补充ES6的内容，推荐阮一峰的《ES6标准入门》。目前是第三版，内容已经涵盖了ES2017最新版本。对于刚接触当代前端的人来说，有太多陌生的概念需要理解，可能一时难以消化。Vue的作者尤雨熙写了一篇文章《新手向：Vue 2.0 的建议学习顺序》，大家可以按照他的建议学习。学习资源方面，最好的应该是官方文档。另外，《Vue.js实战》有游玉玺作为本书的推荐序言，大家也可以购买阅读，也可以作为官网的补充资源。如果有些概念不是很理解，可以暂时搁置，以后在项目开发的过程中可能会理解。实战入门最重要的是通过项目实战来入门，这一点我一直很推崇。和Android、iOS实战也是一样的建议。如果条件允许，可以向老板申请参与贵公司前端项目的开发，然后开始熟悉代码，实现一些简单的工作。建议先完成一些简单的UI界面。同样，开源项目自然也少不了。推荐两个Vue的开源项目：vue2-happyfri：一个非常简单的小项目，非常适合入门。vue2-elm：用vue模仿饿了么的一个完整项目，重点推荐另外，还附上一个总结了众多vue开源项目的github地址：https://github.com/opendigg/a...。对于开源实战项目的运营，我还是建议先给应用换个皮肤，然后自己尝试做一个类似的app。以上面vue版本的饿了么项目为例，你先把它所有页面的皮肤都换一下，包括背景、按钮、文字等，完成后应对一般的vue项目开发应该没有问题.之后，你可以根据自己的需要重新学习React体系。这个时候，肯定不会很难学。总结一下前端开发入门，要学的技术栈真的很多。除了最基本的HTML/CSS/JavaScript，还包括HTML5、CSS3、ES6，以及目前流行的JavaScript框架。我的建议是从Vue入手，很容易上手，要掌握的技术栈包括vue+vue-router+vuex+vue-cli+axios+sass+webpack。此外，node.js也需要了解一些基础知识。最后，针对实际项目，推荐一个简单的小项目和一个完整的vue版饿了么项目。在思考和实践前端开发时，编程思维和移动开发有何不同？如何将前端架构思想应用到移动开发中？最后还要独立完成一个web应用。需要前端相关学习资料的朋友，请回复“前端资料”免费获取学习资料。原作者：web前端04
