认识达内从这里开始

随着web前端开发技术的发展，互联网前端开发技术人才的需求量也在不断的增加。今天，我们就一起来了解一下，成为专业的web前端开发工程师需要掌握哪些技术。

学习基本的HTML

HTML用来组织网页的结构，就像人类的骨架一样。先你要做的是学习它的语法以及与它相关的所有内容。重点要学习的内容如下：

学习基础知识及如何编写语义化的HTML。

了解页面的各个部分，并且学会如何正确地构建DOM。

任务——学习完HTML的基础知识后，请至少动手编写5个HTML页面。我的建议是可以选择任何网站的页面，例如可以尝试去编写任何一个Github配置页面或者Twitter的登录页面，而且要确保结构是正确的。虽然完成的页面看起来很丑，但是暂时还不用着急，现阶段的重点是学会编写正确的结构。

学习一些CSS知识

既然我们已经学会了如何编写页面的结构，现在我们可以开始给页面添加一些修饰，让它看起来更漂亮。CSS——层叠样式表就是用来给你的HTML页面添加效果的。

先你需要学习CSS的语法以及常见的属性。

了解盒子模型以及如何使用Grid和Flexbox。

完成以上操作后，还需要学会如何使用媒体查询来编写响应式网页。

任务——在掌握了CSS的基础知识以后，你可以在上一阶段完成的HTML页面中添加CSS样式。例如，如果你编写了一个Github配置页面，就可以添加CSS代码让你编写的页面看起来就跟真实的Github页面一样。按照这个步骤给上一个阶段编写的5个HTML页面都加上CSS样式。

学习JavaScript基础知识

JavaScript可以让你的HTML页面更具有交互性。当我们不用加载整个页面，而只加载部分内容，这时出现的滑块，弹窗和吐司消息等都是由JavaScript完成的。在这一个阶段，你将学习JavaScript的基础知识并会开启你真正的旅程——

学习JavaScript语言的语法和基础结构。

学习如何通过JavaScript来操作DOM对象。例如，通过JavaScript删除页面中的某些元素、添加一些元素、操作类名、应用CSS样式等等。

学习并理解作用域、闭包、变量提升和事件冒泡等。

学习如何使用XHR或者Ajax发送HTTP请求。Ajax可以让你在不重新加载页面的情况下执行某些页面操作。

完成上面的内容后，可以去学习ES6+中所有的新功能。ES6是JavaScript的一个版本，它提供了很多有趣的更新。例如类、多种声明变量的方式、新的数组方法、字符串连接等。但是一些旧版的浏览器还不支持ES6，你可以在网上找一些文章，它们会教你如何使用Babel将ES6转换为老版的JavaScript。不用担心不了解Babel，你只要理解这些概念，并在支持ES6语言的浏览器中实践它即可。稍后我们将重新讨论ES6。

现在你应该会觉得JavaScript更贴近生活了。如果你是一个人在坚持学这些内容，给自己一个赞!这些是你刚刚学到的重要的东西。

我应该学习JQuery吗?

曾有一度，几乎所有人都为jQuery而疯狂，因为它太好用了。JQuery是一个功能强大的库，它封装了JavaScript常用的功能代码，并实现了高兼容性，使用它你可以更加方便地操作页面。但是那些辉煌已经过去了，对于很多新项目来说，它并没有太多用处，但仍然有人在使用它。你不必学习它，但是它非常简单，如果你想了解一下，也是非常好的。

作者：Kamran Ahmed

译者：奚甜甜

来源：infoq

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!