什么是web前端
2019-09-06
随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。Web前端主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。 一般而言,所涉及的内容主要包括W3C中的HTML、CSS和JavaScript这三方面的内容。
web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
对于普通的用户来说,web仅仅只是一种环境——互联网的使用环境、氛围、内容等;而对于网站制作、设计者来说,它是一系列技术的复合总称(包括网站的前台布局、后台程序、美工、数据库领域等等的技术概括性的总称)。
web引申为“环球网”,而且,在不同的领域,有不同的含义。对于普通的用户来说,web仅仅只是一种环境——互联网的使用环境、氛围、内容等;而对于网站制作、设计者来说,它是一系列技术的复合总称(包括网站的前台布局、后台程序、美工、数据库领域等等的技术概括性的总称)。
Web前端这一技术是从美工演变而来的,其名称具有很明显的时代特征。而且现在越来越多的IT企业对用户体验更加注重,因此web前端人员的需求量也是越来越大。与此同时web前端中的HTML5技术更是日趋成熟,HTML5是移动互联网前端的主流开发语言,目前还没有任何一种前端开发技术能够取代HTML5。因此,无论是PC端还是APP端的应用,前端样式都离不开HTML5.
通过手机与电脑上网的使用率来看,从事html5或者web相关的开发工作,就业前景还是比较可观的。而且现在的网站开发都往移动设备上转移,所以html5或者web前端是众望所归。
随着互联网的迅猛发展和普及,一个新型的行业和新兴的职位正在上升到技术的层面:web前端开发
Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。
工程师的职责:
1. -为网站上提供的产品和服务实现一流的Web界面,优化代码并保持良好兼容性
2. -Web前端表现层及与前后端交互的架构设计和开发
3. -JavaScript程序模块开发,通用类库、框架编写
4. -利用各种Web技术模拟开发产品原型
5. -配合后台开发人员实现产品界面和功能
6. -Web新技术调研和资讯整理
7. -精通HTML/XHTML、CSS,熟悉页面架构和布局,对Web标准和标签语义化有深入理解
8. -精通Ajax、JavaScript(或者ActionScript)、DOM等前端技术,掌握面向对象编程思想
9. -熟悉一种以上后台开发语言(如PHP/Java或C/C++/.NET)以及一种数据库(如MySQL/Oracle),有Linux系统操作
10. web前端开发工程师需要长期的web开发经验,例如:
11. -对Web技术创新及丰富互联网应用开发(Rich Internet Applications)有浓厚兴趣
12. -对用户体验、交互操作流程、及用户需求有深入理解
具体技能描述:
· 【必备】UserInterface
1. PhotoShop/Fireworks Design
a -配合美工将草图形成具体的符合WebPage的设计
b -有快速制作分层高品质PSD、PNG的能力
c -能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码
2. Flash Design
a -基本动画效果
b -复杂的交互体系设计,了解第三方swf辅助设计软件
c -复杂的交互体系设计以及较强的对各类外埠资源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方辅助设计软件(AE、SwishMax、Swift3D等)
· 【必备】Browser-side (Web Application)
1. XHTML/CSS
a -基本的layout实现
b -严格跨平台的layout实现以
c -优雅的HTML code,尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks,但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供操作的DOM结构,让JS开发人员在开发的时候认为”一切都已经准备就绪了”,而不是”捉襟见肘”。
2. JavaScript/Ajax/DOM
a -基本的DOM操作,了解AJAX,可以实现数据通信
b -基本的DOM操作,能写高效率的OOP代码,以降低维护成本
c -基于需求,进行不同的开发,选择合适的框架,做到代码效率最高,用户体验,代码下载量最小,并且可以在单独甚至更多产品线中最大限度重用代码
3. Flash Developement
a -基于Timeline的ActionScript操作,能实现简单交互
b -掌握a外,能实现数据层通信(与服务器以及本地SharedObject)
c -精通AS1-3,能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的,还是FlashPlayer9的,都能做到开发效率最高、灵活性最大(比如对HTML层的接口设计,等等)。