带你了解前端开发

前端是什么?

前:代表与人直接打交道的部分,包括界面的展现,与用户的交互等。

端:代表输出终端,例如pc浏览器,手机浏览器和APP等

合起来说,前端是通过输出终端将页面展现给用户,并与用户实现交互的过程。举个例子,当你打开微信和别人聊天时,你所看到的聊天界面就是页面的展现,你在输入框打字或者通过语音发送一个消息给对方,这时就实现了一个页面与用户的交互过程。


前端开发的发展

前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种丰富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。

前端开发工程师的前身是网页设计师或者说是网页美工,但随着互联网的发展,用户体验的越来越多样化,前端开发不再是简单的网页制作,而是朝着工程化方向发展,所以才有了前端开发工程师这个职业。


前端开发语言

前端开发的语言主要是HTML、CSS和JavaScript这“三剑客”。

HTML是HyperText Markup Language(超文本标记语言)的缩写,是一种用于创建网页的标准标记语言,使用标记标签描述网页中的文字、图片、链接等。

CSS全称为“层叠样式表 (Cascading Style Sheets)”,用于定义HTML内容在浏览器中的显示样式,如字体的大小、颜色、对齐方式和字体加粗等。

JavaScript是一种原型化继承的面向对象客户端脚本语言,实现HTML网页与用户的动态交互功能。

这是三种语言百科全书式的术语解释,很官方,所以我们用点通俗化的表达来翻译一下。 HTML决定页面上有什么东西,CSS决定了页面长什么样子,这两种语言可以实现静态页面的展现。黑客计划里有一篇两招教会你制作属于自己的静态网页的文章,你可以去了解一下。

JavaScript决定定页面的动态功能。可能这里就会有人困惑了,Java和JavaScrip有什么联系吗?他们两者就像印度和印度尼西亚那样,没有任何必然的联系。

将网页比作一个句子,HTML是名词,CSS是形容词,JavaScript是动词,三者组成一个完整的句子。


和后端开发的联系

还是微信聊天的例子,微信有聊天的功能,是因为后端开发出了聊天这个功能模块,前端实现的是这个聊天功能长什么样子。后端开发是基于服务器和数据库的,而前端开发则是基于浏览器的。当你发送微信消息给对方,退出聊天界面后,再返回来仍能看到聊天记录,那是因为后端开发通过程序将你的聊天信息存储在了数据库,然后前端开发决定了你发送的消息背景颜色是绿色,对方发送给你的消息背景颜色是白色等。

33332223163016

前端开发就像餐厅里上菜的服务员,后端开发则是厨房里的厨师。


小结

现今,随着前端开发语言、框架的越发成熟和稳定,前端开发工程师已经不是以前被人称作“页面仔”的网页美工了,而是一个对整个产品开发很重要的岗位。各大互联网公司的招聘信息就很好地印证了这点。


登录或注册后发布评论
  • 360截图20170807090616395

    我有一个问题,既然是后端将聊天记录储存在数据库里,那么数据库既可以在网络上又可以在用户的手机(或电脑)上吗?

    这是由后端决定的吗?

    7年前 0 回复
    @天线宝宝 数据库可分为客户端和服务端,服务端是指安装了数据库的那台机器,而客户端是远程通过网络使用服务器上的数据库。
    7年前 0 回复