您的位置: 翼速应用 > 业内知识 > web前端 > 正文

了解认识web前端

先来探讨下前端这个职位方面,就现在而言前端对我们来讲并不陌生了。不知道什么是web前端?web前端是干什么的?以及web前端技术需要学习什么?其实web前端开发也戏称“web前端开发攻城狮”,目前这个职位也叫“大前端”。最开始的前端网页主要是静态网页,所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页,例如一篇QQ日志、一篇博文等展示性文章。所以用户能做的唯一一件事就是浏览这个网站的文字图片内容,这时用户也不能像现在在大多数网站都可以评论交流(缺乏交互性)。


到现在单一的文字和图片组成的静态网页已经不能满足用户的需求,网页有静态网页和动态网页。所谓动态网页,就是用户不仅仅可以浏览网页,还可以与服务器进行交互。举个例子,你登陆QQ,要输入账号密码,这个时候就需要服务器对你的账号和密码进行验证通过才行。现在网站开发无论是开发难度,还是开发方式上,都更接近传统的网站后台开发,所以现在不再叫“网页制作”,而是叫“web前端开发“


前端技术开发的核心是什么呢?

最主要由3部分组成:结构、表现和行为。目前模式是HTML、CSS和JavaScript。当然今天这篇主要是向大家讲解HTML。


web前端工程师主要做什么?前端工程师需要的知识和技能

前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用HTML、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。

实际上前端工程师最核心的技能还是:Html、CSS、JS,在一个典型的互联网公司的产品研发流程中,前端工程师和其他角色的关系大致上是这样的:


前端工作结构.png


前端是最接近产品和设计的工程师,起到衔接产品和技术的作用,前端为用户可以看到的部分负责,所以也是最接近用户的工程师。

在多终端的时代,如果一个产品同时支持PC、移动端,前端工程师还需要和更多的角色打交道:


前端工作内容.png


前端要解决界面和交互问题,实际上UI层面上的问题一直是软件工程方面的一个难题,因为UI不停地在变化。浏览器各个版本的兼容性、Web标准、移动设备、多终端适配,给了前端工程师很大的挑战,对前端工程师的能力也有很高的要求。许多UI问题有不只一种解决方法,许多问题有非常巧妙的思路和精彩的解决办法,前端在工程师群体里是属于非常有创造力的一个群体,因为这个行业需要丰富的创造力和想象力。



前端在项目跟进中起着举足轻重的位置,然而企业在用前端技术的时候,都会考虑到有无项目经验的问题,项目经验决定了前端的思维和扩展性的用户体验。很多web前端技术单写各种效果,各种样式的能力以及技术很好,在贯穿项目思维和用户体验的时候想不到,这样也会促使项目返工率极高。从前端的交互结构图上就可以看出,前端和其他工种人脉关系链上有着密切的联系,我们不仅要学习前端的技术还的掌握用户的体验。前端工程师还是Web标准的制定者、实践者和推动者,在未来万物互联的时代,前端将不仅仅是网页上的工程师, 而是所有人机交互领域的工程师。

我来说两句

0 条评论

推荐阅读

  • 响应式布局CSS媒体查询设备像素比介绍

    构建响应式网站布局最常见的是流体网格,灵活调整大小的站点布局技术,确保用户在使用的幕上获得完整的体验。响应式设计如何展示富媒体图像,可以通过以下几种方法。

    admin
  • 提升网站的性能快速加载的实用技巧

    网站速度很重要,快速加载的网站会带来更好的用户体验、更高的转化率、更多的参与度,而且在搜索引擎排名中也扮演重要角色,做SEO,网站硬件是起跑线,如果输在了起跑线,又怎么跟同行竞争。有许多方法可提升网站的性能,有一些技巧可以避免踩坑。

    admin
  • 织梦CMS TAG页找不到标签和实现彩色标签解决方法

    织梦cms是我们常见的网站程序系统的一款,在TAG标签中常常遇到的问题也很多。当我们点击 tags.php 页的某个标签的时候,有时会提示:“系统无此标签,可 能已经移除!” 但是我们检查程序后台,以及前台显示页面。这个标签确实存在,如果解决这个问题那?

    admin
  • HTML关于fieldset标签主要的作用

    在前端开发html页面中常用的标签很多,今天为大家带来的是关于HTML中fieldset标签主要的作用说明,根据技术分析HTML

    admin

精选专题