转web前端开发，需要哪些工具和需要学习什么？

今天我们来谈谈Web和前端开发过程中需要学习什么？前端开发需要使用什么开发工具？也简单介绍前端开发前景和薪水。

前端工程师的主要职责：

前端工程师在不同的公司有不同的功能，但性质相似。

1、网站设计与网页界面开发

2、做网站界面开发

3、Web界面开发，前端数据绑定，前台逻辑

4、设计、开发、数据

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

1、学习HTML，这是最简单，最基本的是要掌握div，formtable、Ulli、P、跨度、字体这些标签，这些都是最常用的，尤其是DIV和表格，DIV，表也可以用于布局，但不灵活，和用于基本表处理数据。

2、学习CSS，CSS这里说的不包括CSS3 Web前端开发工程师里面我们看到的，一个可以使用HTML或CSS + CSS+DIV的界面布局，所以CSS是用来协助HTML布局和显示，我们称之为“CSS样式”，为什么说DIV+CSS？因为我说div是HTML主要用于布局的，所以div是这个东西的核心！CSS必须配合部。CSS必须掌握浮、位置、宽度和高度，以及最大值和最小值，以100%，溢出，边缘、填充等。这些都是与布局相关的样式。

3、JS。你觉得还过的去，看看JS是可怕的，事实上，JS入门很简单，不需要很多东西，只要根据ID或名称DOM或”风格，或价值，然后以一个ID或名称元标签，或额外的数据，在HTML，这是对数据的操作有关系，那么数据逻辑的影响，无非是一个跳跃，弹框，隐藏什么，这一切都是结合其他应用，代码一点都不难，将这些基本的JS。百度其他好。然后多看一些，不是什么问题。

4、学习jQuery，相当于封装一组JS插件的JS。其目的是操作更方便，编写更少的代码，jQuery条目也非常简单。这些都是切入点，要学会像JS，只是改变了JQ代码。剩下的就跟百度一样。

5、最好是指出背景语言，如java，php，为什么？因为我们是前台接口数据，从后台到点，如果后台代码，你知道如何与后台数据交互是最好的，它节省了时间，也可以使前端代码更加规范。否则，可能是因为你回来了，无法忍受的数据，然后前端代码再次重写，这将是可怕的。

6、研究CSS3 + HTML5，为什么放在最后呢？呵呵，因为我不会，毕竟是专门做IT的，虽然这很流行，但是我没有用它来结束，在工作中，只有在自己的网站需要改变风格，或者朋友网站风格问题的时候，我才会去临时学习。但是，如果你准备从事专业战线，最好是学习。

以上6点，基本上是一个web前端开发工程师掌握的技术，我也试着讲述一下自己的经验，但是我们不认为上面的6点只是我说的那么简单，没有，他们正在使用，这是在这样的一个火中，因为坚强！我说的就是这么简单，你觉得原因很难祛除，万事开头难，我说的是方法和技巧的入门，需要了解的东西。除了告诉你一个秘密，不要以为代码很难敲，现在什么语言都有自动提示代码功能，只需要输入一个字符，两个字符，后面的代码就会弹出，让你选择！你害怕什么？所以不要害怕你糟糕的英语。

小编推荐一个学web前端开发的学习裙三二八四零零三一四，无论你是大牛还是小白，是想转行还是想入行都可以来了解一起进步一起学习！裙内有开发工具，很多干货和技术资料分享！

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

最常用的是Dreamweaver，我们推荐使用dreamweavercs6，很多问题像以前CS6，CS6是目前最强大的，至少在DW更方便的可视化编程，可以看边敲代码的效果，并自动提示代码功能。有一个ediplus，这是这是一个字体颜色的记事本等，我用这个，因为我觉得DW占用太多的内存，使电脑卡，所以我用写ediplus代码，代码有没有自动提示，我不知道，你可以百度是否有插件。Eclipse可以写java，php和上面的各种代码！zendstudio是专写PHP，但上述2个工具是比较专业的，这是由我们的专业开发人员使用，所以你可以看到，PS图象处理软件是没有必要的。

web前端开发展望：

web前端开发的前景是非常好的。我们不在乎我们做什么网站或者我们在做什么项目。现在我们都在关注用户体验。人们说，如果你的网站界面看起来不错，你的网站和项目将成功3/4。所以现在很多人说Web前端的开发前景略好于后端开发。但我做一个比较，前端开发技术的学习上，后端开发技术开发技术还了解到，前、后端开发薪酬肯定是远远高于前面，但后面的开发技术在一定程度上会有一个很大的瓶颈，因此早期的中级程序员，前端开发后端开发更好，那么高级程序员。

前端开发工资薪酬：

这是一个敏感的话题，在上海，1-2年Web前端开发工作经验的工资几乎6k ~ 8K，如果你有一定的技术背景，和前端技术很牛逼，任然是可能的。工资取决于你的情况，所以广州北部的工资不确定。我们从事这个行业的技术，你的技术有多少薪水，在这条线上的技术无法相比，因为主要还是取决于你的个人技术能力。