零基础入门Web前端的核心技术与开发工具

今天来和大家讲讲Web前端开发需要学习什么？前端开发又需要用到哪些开发工具？然后分享一些前端开发的免费课程给大家，然后也简单的和大家介绍下前端开发的前景和薪水工资情况，下面就简单和大家介绍一下。

Web前端的职能

Web前端工程师其实在不同的公司，有不同的职能，但是称呼都是类似的。
做网站设计、网页界面开发
做网页界面开发
做网页界面开发、前台数据绑定和前台逻辑的处理（我是属于这种的）
设计、开发、数据

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前端开发过程有不懂的可以秋秋裙搜索群名称：小凯前端学习之家，裙里有不错的前端学习教程，开发工具等资料分享，专业的老师答疑 ！从最基础到企业项目实战。

虽然说前端开发发展前景好，但易学难精。由于入门容易这也导致了市场上人员泛滥、人才稀缺的局面产生。但是在互联网越来越强烈的竞争下，这样的人也最终会被市场淘汰。

Web前端薪资待遇

Web前端开发的薪水工资：
这个是个敏感的话题,我是在上海这边，2年工作经验的web前端开发工资差不多10K~15K，如果你会些后台技术，并且前端技术很牛逼的话，到20K也是可能的。这个工资的多少主要取决于你的技术情况，所以工资也不一定的。
2019年8月，在招聘网站上。HTML5/Web前端职位招聘数量达7359个，北京地区。

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

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

必备开发工具

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

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

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