从网页制作到前端开发工程师难吗？

招个前端开发工程师难吗？

今天在CSDN上看了一个帖子，标题被我无耻的复制了“招个前端开发工程师难吗？”，然后给出了3k-6k的薪资。说实话，这个价位在北京做多找个网页制作，找个靠谱点的前端开发工程师确实不大容易。曾几何时，前端开发工程师也被称为切图工，以至于我们自己都不好意思说是网页制作，然后被一并归入了设计，连个具体点的职位都没有，吐槽一下，大家勿喷。

你说，做个网页，混合各种特效，还得适应手机、平板，Retina各种屏幕，什么？老板还要求兼容该死的IE6、7、8，我们容易吗？泪奔......，如此苦逼的技术活，你也好意思？

转入正题，近些年，随着移动互联网的兴起，HTML5，CSS3，Jquery，Angularjs，Node.js各种新技术得到了大量的运用。不说前端从屌丝完成了到高富帅的成功逆袭，也装备了一套防10反伤的华丽装备。现在就让我们盘点一下从网页制作到前端开发工程师需要装备的技能，然后一起去打怪吧。



前端必备技术

作为一个前端开发工程师，必须要能写Javascript，这也就是和网页制作的区别，如果只会写一点Javascript，那你就要开始升级了，现在开始满血复活。

Jquery：Jquery 是一个轻量级的js库，核心理念是write less,do more(写得更少,做得更多)。它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。

Angularjs：AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入，等等。

Node.js：Node.js 是一个基于Chrome JavaScript运行时建立的一个平台，用来方便地搭建快速的易于扩展的网络应用。Node.js 借助事件驱动，非阻塞I/O模型变得轻量和高效，非常适合运行在分布式设备的数据密集型的实时应用。

如果你刚刚掌握了HTML5，和CSS3，刚刚开始了解Javascript，您可能对上面三个东东还云里雾里，现在我就说说三者主要的区别于实际的运用场景。想更深入了解的，还是多看看说明文档，多做些实例。



HTML+CSS+Jquery基本是前端开发工程师必备的要求，经常有人说AngularJS是否可以替换掉Jquery，就目前来讲，AngularJS只是自带了一些和Jquery一样的功能，但两者不是一样的东西，面向的应用也不同。Jquery作为一个轻量级的js库，封装了一些常用的功能，而且基于Jquery，还有N多组件库可以选择，可以做出各种绚丽的特效，如他的理念一样，让javascript开发更简单。

AngularJS是为了克服HTML在构建应用上的不足而设计的，更适合做一些WebApp的单页应用，如果大家打过Smarty模板可能对AngularJS有更好的理解，对，他将数据模型(data-model)关联到视图(UI)上，这也就意味着使用AngularJS不利于搜索引擎的抓取。

而Node.js已经脱离前端了，他是一个后端语言，运行在Google强大的V8引擎上。我们都知道，浏览器是非实时性的，好友给我们发送了一条消息，我们只有通过刷新才能接收到（或是在浏览器端定时异步请求服务器，但如果是一个在线聊天IM，那服务器就悲剧了，即使没有消息发送，客户端也要定时请求你的服务器）。Node.js 借助事件驱动，非阻塞 I/O 模型使网络应用变得轻量和高效，非常适合运行在分布式设备的数据密集型的实时应用，详细了解NodeJS中使用socket编程。

前端必备开发工具

如果你在用Dreamweaver，那么，你Out了！

Adobe Brackets：强大免费的开源跨平台Web前端开发工具IDE。

Sublime Text：漂亮的用户界面和强大的功能，虽然是个收费软件，但可以无限期试用。

切图神器Slicy：简单，小巧清爽，iOS开发者必备神器，收费软件，有需要可以从App store下载。

勤道快切助手：国内团队开发，在线辅助切图工具，自动生成HTML和CSS代码，支持响应式，免下载，免安装，免注册。目前功能虽然有限，但适用于做各种活动专题页面和产品展示页面，让我们浪费不必要的时间在简单的切图上，期待以后有更大的提高。