数据证明，WEB前端开发工程师已成为当下炙手可热的岗位之一，大中型企业对前端开发人才的需求量与日俱增，开始学习WEB前端开发技术的学生也开始明显增多。前端、后端是web开发的两个端，其实统称web开发，在很多国外公司没前后端这个说法，都叫做『软件工程师』或者webdeveloper。
其实，要转换一个思想：前后端并不是对立的，所以在你保持前端高水平的情况下，精进一些后端技术是必要的，但是要分清主次，前端为主。因此想要学习前端技术的人越来越多，那么零基础学习web前端需要掌握哪些技能和工具？下面让我们一起来看一看吧~
01
必备基础技能
以下是个人觉得入门阶段应该熟练掌握的基础技能：HTML4，HTML5语法、标签、语义。
CSS2.1，CSS3规范，与HTML结合实现各种布局、效果。
Ecma-定义的javascript的语言核心，原生客户端javascript，DOM操作，HTML5新增功能。
一个成熟的客户端javascript库，推荐jquery。
一门服务器端语言：如果有服务器端开发经验，使用已经会的语言即可，如果没有服务器端开发经验，熟悉Java可以选择Servlet，不熟悉的可以选PHP，能实现简单登录注册功能就足够支持前端开发了，后续可能需要继续学习，最基本要求是实现简单的功能模拟。
在掌握以上基础技能之后，工作中遇到需要的技术也能快速学习。
02
基本开发工具
恰当的工具能有效提高学习效率，将重点放在知识本身，在出现问题时能快速定位并解决问题，以下是个人觉得必备的前端开发工具：
文本编辑器：推荐SublimeText，支持各种插件、主题、设置，使用方便
浏览器：推荐GoogleChrome，更新快，对前端各种标准提供了非常好的支持
调试工具：推荐Chrome自带的Chromedeveloptools，可以轻松查看DOM结构、样式，通过控制台输出调试信息，调试javascript，查看网络等
辅助工具：PhotoShop编辑图片、取色，fireworks量尺寸，AlloyDesigner对比尺寸，以及前面的Chromedeveloptools，
FQ工具：lantern,壁虎漫步
建议大家从一些知识细节入手，数据可视化入门，数据可视化基础，零编程工具使用：ChartBlocks、Infogram、plotly、Raw、Tableau，D3.js详解，D3.js入门，D3.js高级应用，D3.js应用工具：NVD3、n3，charts，Highcharts，FusionCharts，Polymaps等。
自学其实就是一种手段，至于具体的学习效果，其实全在于个人，这种入门前端的方法基本是属于最慢的，如果学习方法和方向不对，很可能是做无用功。
如果是想转行前端或者是想要进入前端这个行业，以此为职业的话，建议还是系统的培训学习吧，因为不仅能节约时间，还能了解到最新的前端技术和技能，也有行业内的专业人士帮你找到最快捷的学习入门方法，不至于白学或者走弯路。
北大青鸟长安街校区