我眼中的Web前端

什么是Web前端

1 Web前端与网页制作师

Web前端是互联网时代软件产品研发中不可缺少的一种专业研发角色,凡是通过浏览器到用户端计算机展示一般都是Web前端的功劳!所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。因此Web前端人员也可以成为"网页制作师!

2 Web前端的产品

Web前端工程师使用他们的专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。
在这里插入图片描述

3 Web前端的地位

Web前端工作人员需要与交互设计师、 视觉设计师协作,根据设计图用HTML和CSS完成页面制作。然后对完成的页面进行维护并且进行相应的优化。在每个互联网产品的制作和开发中,前端占据着重要地位,他们主要掌握的技能有:Html、CSS、JS等等而他们和其它岗位也有着紧密联系,他们的关系如下图所示:
在这里插入图片描述

4 Web前端的进阶技能

一名合格的前端开发工程师,应该具有一定的审美能力和基础的美工操作能力,能很好的与交互及视觉协作更重的的是一些专业技能。
在这里插入图片描述

5 Web前端的技术核心

HTML 超文本标记语言1

前端的开发中,在页面的布局时, HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单,但这里面需要掌握的东西绝对不会少。在进行开发前,需要对这些概念弄清楚、弄明白,这样在开发的过程中才会得心应手。
HTMLCSSJavaScript 这三个是前端开发中最基本也是最必须的三个技能。

HTML 指的是超文本标记语言 (Hyper Text Markup Language),这个也是我们网页最常用普通的语言了,经历了多个版本的发展,已经发展到5.0版了,得力于W3C建立的标准和规范,已普遍升级到了XHTML,XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language), XHTML 于2000年的1月26日成为 W3C 标准,是更严格更纯净的 HTML 代码,XHTML 的目标是取代 HTML。XHTML 与 HTML 4.01 几乎是相同的,XHTML 是作为一种 XML 应用被重新定义的 HTML,是一个 W3C 标准。W3C 将 XHTML 定义为最新的HTML版本。所有新的浏览器都支持 XHTML。

CSS 层叠样式表2

CSS 层叠样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。

JavaScript 客户端脚本语言3

JavaScript 是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。


  1. 其实更像是一个模特 ↩︎

  2. 更像是一件件做好的衣服 ↩︎

  3. 使得页面动起来,就像是给页面注入生命力 ↩︎

发布了25 篇原创文章 · 获赞 0 · 访问量 680

猜你喜欢

转载自blog.csdn.net/qinshensx/article/details/103962516
今日推荐