【此文章转自乐字节】

今天来和大家讲讲Web前端开发需要学习什么？前端开发又需要用到哪些开发工具？

前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

不管是Web前端技术还是其他IT技术也好，在成为大牛前，都是从小白一路走过来的，所以新人只要想学习就不要因为零基础而担心自己学不会，想要成为合格的Web前端工程师，其实也不是很难的事情，主要是要选择科学的学习方式。

Web前端的职能

Web前端工程师其实在不同的公司，有不同的职能，但是称呼都是类似的。

1. 做网站设计、网页界面开发
2. 做网页界面开发
3. 做网页界面开发、前台数据绑定和前台逻辑的处理
4. 设计、开发、数据

Web前端的核心技术

Web前端开发需要掌握的技术：

1. 学习html，这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本table是用来和数据打交道。

2. 学习css，这里说的css不包括css3，一般我们看到web前端开发工程师的要求里面，有一个会使用css+html 或者 css+div 来进行界面布局，所以css是用于辅助html来布局和展示的,我们称之为“css样式，为什么会说css+div呢？因为我上面说了div就是html主要用于布局的东西，所以div就是核心掌握的东西！那么css肯定必须要配合div来使用才好。css要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等，这些都是跟布局有关系的样式,一点要掌握。

3. 学习js。可能前两个大家觉得还过的去，看到js就蛋疼了，其实吧，js入门很简单的，不需要会很多东西的，只要会根据某个id、或者name拿到网页dom或者样式、或者值，然后会给某个id或者name的元素标签赋值、或者追加数据、追html，这个是跟数据有关系的操作，然后数据逻辑判断，效果方面的，无非就是跳转、弹框、隐藏什么的，把这些全部结合其他就是实际用途了，代码一点都不难，会了这些基础js，其他的直接百度就好了。然后看多了，用多了，就什么都不是问题了。

4. 学习jquery。jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少，jquery入门也很简单，那些是入门需要学的和js一样，只是换成了jq的代码。其他的一样百度就够了。

5. 最好会点后台语言，比如java、php,为什么呢？因为我们前台界面的数据都是从后台来的，如果会点后台代码，就知道怎么跟后台交互数据是最好的，这样节约时间，也可以让前端代码更规范。不然可能因为你的写法和后端给来的数据不能结合上，那么前端代码又得重新写，那就更蛋疼了。

6. 学习css3+html5，为什么这个放最后呢？哈哈，因为我自己也不太会，毕竟术业有专攻嘛，虽然这个很流行，但是我是搞后端的，在工作中用不到它，只有在自己网站需要改样式，或者朋友网站样式出问题的时候，我才会去临时去研究下。但是如果你们是准备专门搞前端，那么最好还是学一下的。

上面6点，基本是一个搞web前端开发工程师需要掌握的技术，然后我也尽量的把自己的一点点经验告诉了大家，但是大家不要以为上面6点就只有我说的那么容易,不,他们之所以被人使用，之所以这么火，就是因为强大！

我说的这么简单仅仅是打消你们觉得很难的原因，万事开头难，我讲的都是入门的方法和技巧以及需要知道的东西。

Web前端薪资待遇

Web前端开发的薪水工资：

这个是个敏感的话题,在上海，2年工作经验的web前端开发工资差不多10K~15K，如果你会些后台技术，并且前端技术很牛逼的话，到20K也是可能的。这个工资的多少主要取决于你的技术情况，所以工资也不一定的。

2020年8月，在招聘网站上。HTML5/Web前端职位招聘数量达7359个，北京地区。

北京HTML5/Web 前端平均工资：¥ 16750 元/ 月，最低工资4.5K-6K，最高工资30K-50K。

但是北上广的一个web前端工程师的市场价差不多就是这样，如果是二线省会城市，可能就是8K~10K，也是不错的。我们搞技术这个行业，工资的多少取决于你技术的好坏。

高薪前端开发需要具备什么条件？

首先，优秀的Web前端开发工程师要在知识体系上既要有广度和深度！做到这两点，其实很难。所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。技术非黑即白，只有对和错，而技巧则见仁见智。

在以前，会一点Photoshop和Dreamweaver的操作，就可以制作网页。现在，只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。

Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好。

Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。

其次，优秀的Web前端开发工程师应该具备快速学习能力。Web发展的很快，甚至可以说这些技术几乎每天都在变化！如果没有快速学习能力，就跟不上Web发展的步伐。前端工程师必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而前端工程师的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。

说到这里，我想起了一个大师说过的一句话：对于新手来说，新技术就是新技术。对于一个高手来说，新技术不过是就技术的延伸。

必备开发工具

Web前端开发需要用到的工具：

最常用的就是dreamweaver，推荐大家使用dreamweaver cs6，cs6之前的貌似问题挺多的，cs6目前是功能最强大，问题最少的了，dw有一个比较方便的就是可视化编程，可以边看效果边敲代码，还有自动提示代码的功能。

还有就是ediplus，这个其实就相当于一个字体有颜色的记事本，我就是用这个，因为我感觉dw占用内存太多了，搞的电脑卡，所以我直接用ediplus写代码，至于这个有没有代码自动提示功能我就不知道了，大家可以百度下是否有相关插件。

还有就是eclipse可以写java、php还有上面的各种代码！Zend Studio 是专门写php的,但是上面这2种工具比较专业，是我们专业开发人员用的，所以大家自己看着办，Photoshop这个就不用说了。

优秀的Web前端开发工程师应该具备快速学习能力。如果没有快速学习能力，就跟不上Web发展的步伐。Web前端开发技术的入门门槛其实并不算高，服务器端语言的学习特点是先慢后快，而前端开发的学习曲线则是反过来的，前期学习速度很快非常容易上手。因此，不断学习，才是重中之重！

注：每周福利均会更新，更多福利等你领取，更多技巧，欢迎在评论区一起交流！

＋君羊前面三位606，中间三位846，后面三位127，进君羊暗号T123,领取Python ，web前端开发，Python爬虫，Python数据分析，大数据开发，人工智能，Java项目，Java基础等精品学习课程。带你从零基础系统性的学好Python，Java，web前端和大数据等！做一名牛逼的程序员！

END

祝大家学的愉快，学的神速。

有帮助的话，各位小伙伴可以点个赞收藏支持下啦！️

也欢迎关煮lili，一个在变秃，但能带你变强的程序员~

今天先说这么多，我是乐字节哩哩，一个有趣的灵魂！下期见！

最后给大家推荐几个B站超详细的Java、大数据、python等自学课

从Java零基础到项目实战哦【b站BV: BV1CB4y1A7sk】

十大企业级项目自学课【b站：BV14K411F7HJ】

超棒的前后端分离项目【b站：BV1zf4y1p7wC】

大数据全套完整版【b站：BV1aK4y197TP】

python小白入门到精通完整版【b站：BV1Sp4y1W77E】

将bv号，复制去b站即可