产生背景
Web前端技术(Web Front-End),通常简称为前端,指通过HTML,CSS及JavaScript以及这些技术衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。
前端技术的发展是互联网自身发展变化的一个缩影,可以说,没有互联网技术进步的土壤,也不会孕育出强大的前端技术。在Web1.0时代,由于网速和终端能力的限制,我们上的网站大部分只能呈现简单的图文信息,并不能满足用户在界面上的需求,对界面技术的要求也不高。
随着硬件的完善、高性能浏览器的出现和宽带的普及,技术可以在用户体验方面实现更多种可能,前端技术领域迸发出非常旺盛的生命力。随着前端技术的不断优化,用户体验不断提升,前端产业也在不断成长壮大。n
发展历程
Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。
2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。
核心技术
HTML
掌握HTML是网页的核心,是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。因此,它是网络上应用最为广泛的语言,也是构成网页文档的主要语言,学好HTML是成为Web开发人员的基本条件。
HTML是一种标记语言,能够实现Web页面并在浏览器中显示。HTML5作为HTML的最新版本,引入了多项新技术,大大增强了对于应用的支持能力,使得Web技术不再局限于呈现网页内容。n随着CSS、JavaScript、Flash等技术的发展,Web对于应用的处理能力逐渐增强,用户浏览网页的体验已经有了较大的改善。不过HTML5中的几项新技术实现了质的突破,使得Web技术首次被认为能够接近于本地原生应用技术,开发Web应用真正成为开发者的一个选择。
HTML5可以使开发者的工作大大简化,理论上单次开发就可以在不同平台借助浏览器运行,降低开发的成本,这也是产业界普遍认为HTML5技术的主要优点之一。AppMobi、摩托罗拉、Sencha、Appcelerator等公司均已推出了较为成熟的开发工具,支持HTML5应用的发展。
CSS
学好CSS是网页外观的重要一点,CSS可以帮助把网页外观做得更加美观。
JavaScript
学习JavaScript的基本语法,以及如何使用JavaScript编程将会提高开发人员的个人技能。
操作系统
了解Unix和Linux的基本知识,对于开发人员有益无害。n
网络服务器
了解Web服务器,包括对Apache的基本配置,htaccess配置技巧的掌握等。
技术要点
较强的视觉设计
前端技术包括4个部分:前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等.
用互联网来做比喻,凡是通过浏览器到用户端计算机的统称为前端技术.相反存贮于服务器端的统称为后端技术.
Web前端优化
1、尽量减少HTTP请求(Make Fewer HTTP Requests)
2、减少DNS查找(Reduce DNS Lookups)
3、避免重定向(Avoid Redirects)
4、使得Ajax可缓存(Make Ajax Cacheable)
5、延迟载入组件(Post-load Components)
6、预载入组件(Preload Components)
7、减少DOM元素数量(Reduce the Number of DOM Elements)
8、切分组件到多个域(Split Components Across Domains)
9、最小化iframe的数量(Minimize the Number of iframes)
10、杜绝http404错误(No 404s)
以上10条涵盖了Web前端开发中遇到的各种页面处理技术,让前端开发人员能够准确和快速地把握整个网页的架构,从而达到减少开发成本和页面美化目的。
职业机会
2015年12月5日,《广州互联网行业人才紧缺指数(TSI)报告》显示,前端开发工程师成为广州互联网行业中最紧俏的职位。
常见前端开发工程师职位职责要求:
(1)使用Div+css并结合Javascript负责产品的前端开发和页面制作。
(2)熟悉W3C标准和各主流浏览器在前端开发中的差异,能熟练运用DIV+CSS,提供针对不同浏览器的前端页面解决方案。移动HTML5的性能和其他优化,为用户呈现最好的界面交互体验和最好的性能。
(3)负责相关产品的需求以及前端程序的实现,提供合理的前端架构。改进和优化开发工具、开发流程、和开发框架
(4)与产品、后台开发人员保持良好沟通,能快速理解、消化各方需求,并落实为具体的开发工作;能独立完成功能页面的设计与代码编写,配合产品团队完成功能页面的需求调研和分析。
(5)了解服务器端的相关工作,在交互体验、产品设计等方面有自己的见解。
资深前端开发工程师
相比较“前端开发工程师”而言,更加资深,工作职责更大。一般而言,资深前端开发工程师需要使用JavaScript或者ActionScript来编写和封装具有良好性能的前端交互组件,熟练使用CSS+XHTML完美输出视觉界面。同时还要对Web项目的前端实现方案,提供专业指导和监督并在日常工作之中对新人及相关开发人员进行前端技能的培训和指导。另外,还要跟踪研究前端技术,设计并实施全网前端优化。HTML5、node.js(JavaScript编程的后台语言)兴起,要求资深前端熟悉后端,并且要在商业模式、代码架构思想等维度去整体考虑前端的全局布局。
前端架构师
前端架构师更偏管理,但职责要求不仅限于管理。前端架构师需要带领组员实现全网的前端框架和优化,创建前端的相应标准和规范,完善并推广和应用自己的标准和框架。同时,还要站在全局的角色为整个网站的信息架构和技术选型提供专业意见和方案。