一个学姐关于前端的总结

初识web前端

 

 一.百度百科：

 

前端开发工程师是Web前端开发工程师的简称，是近五年才真正开始受到重视的一个新兴职业。Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML（标准通用标记语言下的一个应用）、CSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

 

    说的具体点：前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间2005年开始，是指Web前端开发工程师的简称。 Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。随着Web 2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了构。DHTML可以让用户的操作更炫，更吸引眼球；Ajax可以实现无刷新的数据交换，让用户的操作更流畅。对于普通用户来说，一个网站是否规范、功能是否强大。随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。

 

 二.掌握的技术：

 

   1.掌握各种修图软件，如PS\Fireworks\AI，不要求专业设计师水平，但要会用会改，今天是一 专多能的时代，光会编程讨不好饭碗的。

 

   2.掌握FLASH，能制作出动态flash相册，会Flash AS3.0编程。

 

   3.精通JavaScript、jQuery、ExtJS等页面效果框架，这是前端工程师的最核心技能，是专做页面效果的技术。其实精通了JavaScript，后端编程语言，如.NET、Node.js、Ruby都很容易掌握，因为其原理是一样的

 

  4.精通一二种模板语言，并能修改，如织梦或wordpress的模板

 

  5.掌握thinkphp与zend框架，能修改此类开源源码

 

  6.掌握html5与sencha，这是做手机等移动设备的页面前端技术

 

  7.掌握一二种后端编程语言，如PHP、Node.js、.NET、JAVA，能读懂后端源码，实际上其原理跟JS差不多

 

 

 

 三、web前端工程师的价值体现及其前景：

 

web前端工程师正慢慢演变为产品工程师。wap 、app、响应性UI..等以html5技术为基础的开发将成为前端工程师的主要工作内容，其解决产品跨平台跨设备的实现,Javascript, HTML, CSS这些前端工程师熟悉的，多年使用的语言，作为开放标准将被各种平台所支持。产品形态和数据的分离是大势所趋。在移动时代对产品形态多元化的要求虽然可以靠不同技术分别实现，但要付出巨大的成本。这也是html5这个04年就提出来的标准，直到前两年才火爆的原因。在现阶段的价值也非常大。因为web产品交互越来越复杂，用户使用体验和网站前端性能优化，这些都需要专业的前端工程师来解决。另外，在项目中还要弥补设计师在交互设计上的不足，前端工程师在开发过程中起着承上启下的作用。一两个前端工程师就可以让整个开发并行起来，让设计到实现的转换更顺利。明智的公司应该贮备前端工程师资源。

 

web前端工程师可以：简化用户使用提供技术支持（交互部分）；为多个浏览器兼容性提供支持；为提高用户浏览速度（浏览器性能）提供支持；为跨平台或者其他基于webkit或其他渲染引擎的应用提供支持；为展示数据提供支持（数据接口）。

 

在当今信息技术爆炸的时代，不管技术实现的风潮如何变化，一个给用户的交互界面要有人来实现，这是不争的事实.... 除非以后人机的信息交互不依赖视觉了(直接靠意念传递)，那时的前端就转向只做信息的组织与表达形式的设计就好了，所以web前端的最终价值是对人机交互的设计及实现 ....

 

未来的web前端工程师一定会逐步转化为web产品开发工程师，需要掌握综合的前后端技能（也就是全端），以及基本的产品设计思想，当然前端的一些技能还是主要的，因为互联网的产品趋势就是前端越来越多的工作，随着云计算和移动互联网的普及，后端会逐步过度到底层存储、分布式数据库等系统中，产品开发的大部分工作都会由web产品开发工程师完成。

 

四、学习进度

1、初入前端

技能要求

1）精通W3C标准及规范

2）熟悉HTML、CSS技术

3）熟悉HTML5、CSS3技术

4）了解JavaScript并至少了解一种类库（如jQuery）

 

2、前端新手

技能要求

1）精通HTML/XHTML、CSS等网页制作技术

2）能够制作加载迅速、兼容性强、对搜索引擎友好且符合W3C标准页面

3）对表现与数据分离、Web语义化等有深刻理解

4）精通JavaScript、BOM、DOM、Ajax、前端技术

5）熟练掌握JS面向对象编程思想

 

3、前端小牛

技能要求

1）xHTML/css/JavaScript跨浏览器开发经验

2）具有丰富的关于Web标准、易用性、浏览器端原理以及性能等方面的知识

3）具备良好的前端架构分析与设计能力

4）至少精通一种常用js开发框架（jQuery/Mootools/Dojo/YUI/Extjs等）

5）一贯坚持编写易读、易维护、高质量、高效率的代码，习惯于OOP开发方式

 

4、前端达人

技能要求

1）能够熟练运用 HTML、CSS、JavaScript构建高性能的web应用程序

2）理解web标准和兼容性，对可用性相关知识有实际的了解和实践经验

3）能够熟练运用至少一款主流的JS框架，具有良好的代码风格、接口设计与程序架构

4）熟悉业界常用Javascript脚本库（如jQuery、YUI、mootools等）

5）熟悉HTML5、CSS3，有过实际的理解和实践经验

6）让简历从众多竞争者的简历中脱颖而出

7）轻松分析面试官的心理及其背后隐藏的陷阱

8）瞬间分析出面试题目的考点及方向，轻松做到对答如流

 

发展前景关于一些人的介绍

http://www.cnblogs.com/doit8791/p/3514630.html

 

如何成为一名优秀的web前端工程师

http://blog.jobbole.com/30760/

 

书籍信息

http://blog.csdn.net/kongjiea/article/details/43967457

 

一些学习网站

http://www.w3school.com.cn/

 

http://www1.w3cfuns.com/thread-5603721-1-1.html

 

http://www.iteye.com/news/19935/