在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
我们学习新知识之初,有必要自上而下,从抽象到具体地对前端的整套体系建立基本的认知。这有助于我们快速地入门前端,并为深入学习奠定基础。
在本课程中,我们不涉及具体的技术讲解,而是用更轻松的方式闲谈漫步,明确前端的定义,回顾前端技术的发展历史,了解前端岗位的职责,展望前端美好未来。
前端是什么?无论是带团队还是教学生,都有很多的人问过我这个问题。这其实并不好回答!因为前端是属于计算机应用范畴,有着庞杂的体系和众多晦涩专有名词的概念。为了便于理解,我将带你从具体到抽象,全面且深刻的认知前端。
我们先从字面意思下手,看看什么是“端”:一条线段,它的起点和终点,我们都可以称之为“端”。“端”,也就是东西的一头。而前端(Front-End),顾名思义,就是“前面”的那一头,或者是“外在”的那一头。
这样来看,笔的笔头、衣服光鲜的一面、手机的外壳和屏幕,这些生活中具体的事物,我们能直接看得见,摸得着,用得上的部分,都可以称作“前端”。
但是在计算机/软件领域,我们需要换一种角度去理解前端。
相信你平时也会使用的淘宝、京东、百度等软件应用,它们虽然不是具体的“实物”,但本质上也是为了“适应需要,以供使用”而诞生的。这和你坐的椅子,躺的床没有区别,也有着能够看得见,摸得着,用得上的部分。
我们可以从软件或系统界面中“看”到信息,用鼠标键盘或手指“摸”到图片和文字,并“使用“软件实现我们的需求。因此,你浏览的网站、手机中的app、电脑上的应用程序、车载导航,甚至是家里智能家居的数显,都可以称得上计算机领域的前端。
当然,每个行业都有一些专属于自己的高大上的专业术语,前端也一样!我们将那些 “看得见”叫做“视觉效果”,将“摸得着”叫做“交互”,将“用得上”称为“功能”。
具体到上面的示例中,“视觉效果”,就是按钮、卡片、图片等元素的配色和排布;“交互”,就是点击、滑动等动作和反馈;而“功能”,就是这个软件能做的事情,浏览、挑选、购物。
因此,计算机领域的前端可以抽象地描述为:产品中,能给用户提供视觉效果,完成用户的交互,并且能够借此实现一定功能的部分。
你可能也注意到,针对前端概念的描述,并没有提及前端用什么技术,以怎样的方式去实现。
因为前端本来就与用户紧密相连,与技术无关。它是软件应用中,最贴近用户的那一“端”。如果将应用比作一道美食,前端工程师的工作就是让这道美食色泽诱人,香气扑鼻。
当然,要深刻地认知前端,不能只从其自身进行单方面解析,要辩证性地理解;前端,字面上既然有个“前”,那么一定存在一个与“前”相对的“后”,二者共同构成某一个事物的整体,它们在这个整体中发挥各自的长处。
而与前端相对的,应用中远离用户的那一端,更笼统的表述就是蕴藏在背后的大部分你看不到的部分,我们称之为“后端(Back-End)”。具体一点地说,百度云盘存储的东西在哪儿?为什么就能下载?为什么微信与QQ能够实现即时通讯呢?为什么淘宝购物的流程是这样?这都是“后端”要解决的问题。
与前端相反,后端工程师的工作,更关注的是应用这道美食背后的故事:如何取材,如何配料,如何烹制;其负责设计并实现应用的结构、流程、功能,并为前端提供数据和服务的支持。
就像上图所示,在软件应用中,有了前端的瞭望,信息采集才会充分,有了后端的维护,程序运行才会稳定。
并且,由于承担的职责不同,前端和后端所使用的技术也有所不同。只不过,我们作为使用者,一般情况下是“看”不到后端程序员所实现的逻辑和对数据的处理。
总之,前端重点解决的是应用好不好用的问题,而后端重点解决的是应用能不能用的问题;二者是表象与内在的关系,缺一不可,需要相互配合才能完成软件应用的全部功能。
讲解完前端的概念,我们再从具体的工作岗位看看,“前端开发”是什么?
目前,普遍认知的前端开发特指 Web 前端开发,通俗点说就是做网页软件应用开发。其属于狭义的前端,是“大”前端的一部分,也是程序员中的一个细分岗位。
备注:下文所提到的前端,若不做特殊说明,均指 Web 前端。
你可能会有疑惑,网页和软件应用怎么能有关系呢?浏览器才是应用吧!
其实不然,浏览器只是网站运行的一个环境,你可以将它看作 Windows 系统,而我们的网站就是跑在这个系统上的应用。同样,作为用户的我们,是在网站上浏览内容,进行交互。
如上图所示:我们在使用上面的网站(Word网页版)时,所接触到的所有视觉内容和交互动作 -- 从字体到颜色,从选项卡到下拉菜单,从键盘操作到鼠标点击,都是 Web 前端所需要开发的内容。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
Web前端开发培训课程怎么样?
Web前端开发培训课程怎么样?博学谷的Web前端课程适合在校大学生、刚毕业的技术小编、零基础想转行非在职的IT人员、有基础想转行的在职IT人员。分阶段学习前端基础、移动Web网页开发、JavaScript网页编程、Node与Ajax、前端工具和框架、项目实战等课程。
6432
2019-09-10 11:15:44
前端开发CSS清除浮动的方法有哪些?
在前端开发过程中,非IE浏览器下,当容器的高度自动,并且容器内容中有浮动元素(float为left或right),此时如果容器的高度不能自适应内容的高度,从而使得内容溢出破坏整体布局,这种现象叫做浮动溢出,为了方式这个现象的发生,就需要对CSS样式进行处理,而这个过程就叫做CSS清除浮动。现在常用的CSS清除浮动的方法有哪些呢?
6036
2019-10-30 18:55:42
丁香医生的实时疫情前端界面分析
开年就来势汹汹的新型冠状病毒,从疫情扩散到初见好转,无时无刻不在牵动着大众的心,隔离在家的每个人每天共同关注的就是疫情发展情况。这个时候,丁香医生的出现无疑帮助了大众对于疫情的实时追踪。那么丁香医生28亿多浏览量的实时疫情界面是如何实现的呢?下面我们从前端的角度,分析一下丁香医生实时疫情界面的成功之处。
8582
2020-04-02 15:30:07
网站开发中前端的重要性
前端开发在整个网站开发的过程中扮演什么角色?有什么重要的意义?我们通过各大招聘平台可以看到,目前互联网技术领域招聘中,前端开发工程师占有非常大的比重,这足以说明前端开发的重要性。另外除了简单易学,岗位薪资高之外,前端开发具有什么重要性呢?
7229
2020-08-07 10:34:03
前端和后端哪个工资高?学哪个简单?
各个大厂前端和后端工程师在技术水平相当的情况下,薪资水平相当,但随着工作时间的年限增加一般后端工程师的薪资水平比前端工程师高一些。在整个互联网行业中后端的薪资比前端的要高。但由于前端发展没有后端早,前端是近10年才开始快速发展,以处在高级工程师水平上的人数来说后端的工程师数量更多整体薪资会更高一点。
6510
2021-03-26 10:22:29