首页 > 前端开发 > 正文

web前端开发技术的历史 前端框架的发展史

2023-09-26 20:48:33 | 我爱编程网

今天我爱编程网小编为大家带来了web前端开发技术的历史 前端框架的发展史,希望能帮助到大家,一起来看看吧!

web前端开发技术的历史 前端框架的发展史

什么是web前端开发

web前端开发是创建WEB页面或APP等前端界面呈现给用户的过程。

web前端开发是通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。web前端开发是创建WEB页面或APP等前端界面呈现给用户的过程。

前端开发从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。

web前端开发核心技术

HTML:掌握HTML是网页的核心,是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。因此,它是网络上应用最为广泛的语言,也是构成网页文档的主要语言,学好HTML是成为Web开发人员的基本条件。 我爱编程网

CSS:学好CSS是网页外观的重要一点,CSS可以帮助把网页外观做得更加美观。

JavaScript:学习JavaScript的基本语法,以及如何使用JavaScript编程将会提高开发人员的个人技能。

操作系统:了解Unix和Linux的基本知识,对于开发人员有益无害。

web前端开发技术的历史 前端框架的发展史

前端框架的发展史

最开始, Web 的开发非常简单, 界面的展示与后端逻辑的处理并没有分离开来 ,当然从工程量的角度来看,应用逻辑也是非常简单,此时并没有什么前端与后端的区别,如图:

随着业务量和功能的增加,以及网民们对应用的美观度都有了一定的要求之后,一个 Web 应用的开发逐渐复杂起来,一两个人是根本无法承担全部的开发任务的,这就需要大家通力合作,而 一个应用的开发也就分为了不同的模块 ,工程师也就分为了不同的工种,这个时候,我们才看到一个 Web 应用的制作,需要涉及到前端工程师、后端工程师、运维工程师、UI 设计师。

对于一个 Web 应用来说,交互逻辑都是在前端产生的 ,因此后端需要对数据进行拼装,前端在技术上其实只负责数据的展示和 UI 的渲染工作, 前后端的逻辑并没有彻底分离开 ,在小型 Web 应用中,这并没有什么问题,但是随着业务量的不断增长,后端负责页面产出的工作越来越繁琐。

为了能够明确应用职责,将数据的处理和展示彻底分开, 前后端分离的设计模式逐渐流行 ;前端需要展示的数据通过网络请求发送给服务器,得到数据之后,再有前端进行渲染展示,这样服务器只负责提供对应的数据即可, 服务器不再负责页面渲染的工作

通过前面的介绍,我们对目前的项目工程化有了大体了了解,那么其中,在第二阶段的工程化演进中,有一个重要的工程设计理念诞生,他就是著名的 MVC 设计模式,简单点, MVC 其实就是为了 项目工程化的一种分工模式

MVC 中的最大缺点就是单项输入输出,所有的 M 的变化及 V 层的变化,必须通过 C 层调用才能展示;这也就是为什么在大型项目中,后端渲染力不从心的原因之一, 前后端分离的架构中,是将 MVC 中的 V 层删除,不再由 服务器端负责 ;而前端拥有了大量的数据处理任务后,借助 MVC 的分工职责理念,发展出了 MVVM 的架构逻辑。

web前端开发技术的历史 前端框架的发展史

web前端开发属于什么技术?

很多刚接触IT技术的小伙伴,对于Web前端是什么不太了解,也不知道前端需要学习什么技术。通过这篇文章帮助小伙伴们细致的了解一下~

在了解Web前端之前,我们要先了解一下什么是“WEB”。

WEB(WorldWideWeb)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。

其实,WEB就是全球互联网系统的统称,再简单点讲,WEB就是互联网。

Web前端是什么?

Web前端即给用户展示的网页页面,也就是网站的前台部分,这里面可能包含了设计、特效、用户交互等。

Web前端开发就是创建Web页面,或者APP等前端界面呈现给用户的过程,通过HTML、CSS及JavaScript等衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

那么,什么是HTML、CSS、JavaScript?

简单来说,可以这么理解:

1、HTML

HTML称为超文本标记语言,是一种标识性的语言,制作网页永远离不开HTML。

HTML5是Web中核心语言HTML的规范。

因此,无论是PC端还是APP端的应用,前端样式都离不开HTML5。

2、CSS

CSS就是层叠样式表,它主要是对HTML标记的内容进行更加丰富的装饰,并将网页表现样式与网页结构分离的一种样式设计语言。

CSS可以控制HTML页面中的文本内容、图片外形以及版面布局等外观的显示样式。是一种用来表现HTML或XML等文件样式的计算机语言。

通俗点讲,CSS就是给网页“化妆”的一种技术。

3、JavaScript

是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。

它是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。是一种基于原型、函数先行的语言,同时是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程。

JavaScript的作用主要用来向HTML页面添加交互行为,可以这么理解,如果没有JavaScript技术的支持,那么网页会变成一种“只能看不能用”的观赏性页面。

Web前端开发技术在各类编程语言中,属于相对入门简单、易上手的,深受转行人员、初学者的青睐。

那么,Web学习完之后可以做什么呢?

1、网站制作

这是掌握Web技术从业者最多的一个领域,网站制作就是网站通过页面结构定位、合理布局、图片文字处理、程序设计、数据库设计等一系列工作的总和,也是将网站设计师制定的总体规划用HTML方式展示出来。

2、小程序开发

随着微信用户的不断增加,微信在近几年推出的小程序深受用户喜爱,应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿,各大企业都纷纷参入其中,也是Web前端开发人员一个不错的选择。

3、APP开发

App开发,是指专注于手机应用软件开发与服务。通常专指手机上的应用软件,或称手机客户端。因此,专攻APP开发,同样是Web培训后的就业方向,并且发展态势不断上升,未来前景广阔。

随着互联网发展越来越多元,Web前端工程师的就业路径也更加宽广。现在越来越多的IT企业,对用户体验更加注重,因此Web前端人员的需求量也是越来越大。

具体从事哪个方向,还是要看个人的兴趣所在,但无论是哪个方向,过硬的技术才是奠定高薪的基石!

以上就是我爱编程网整理的web前端开发技术的历史 前端框架的发展史相关内容,想要了解更多信息,敬请查阅我爱编程网。
与“web前端开发技术的历史 前端框架的发展史”相关推荐
web前端开发发展历史 前端框架的发展史
web前端开发发展历史 前端框架的发展史

Web前端是什么?对于很多刚接触IT的小伙伴们来说,web前端是什么还不太了解,也不知道前端需要学习哪些技术。这篇关于Web前端的介绍能帮助小伙伴们细致了解一下~在了解web前端之前,我们先了解一下什么是“WEB”。WEB(WorldWideWeb)即全球广域网,也称万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。通俗点说,WE

2023-09-15 06:23:05
web前端开发的历史 Web前端是干嘛的
web前端开发的历史 Web前端是干嘛的

Web前端是干嘛的前端是在浏览浏览器的时候,它是网络前台的部分,运行在pc端。移动端等浏览器上展示给用户浏览的页面,利用完美的动态设计,能够给用户带来极高的用户体验。前端前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站上面的视觉设计,前端开发则是网站的前台代码实现。前端开发又最基本的三个核心,这也是必须掌握的三个重要的核心,分别是HTML、CSS、JavaScr

2023-09-18 12:21:24
web前端开发发展史 Web前端是干嘛的
web前端开发发展史 Web前端是干嘛的

Web前端是干嘛的前端是在浏览浏览器的时候,它是网络前台的部分,运行在pc端。移动端等浏览器上展示给用户浏览的页面,利用完美的动态设计,能够给用户带来极高的用户体验。前端前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站上面的视觉设计,前端开发则是网站的前台代码实现。前端开发又最基本的三个核心,这也是必须掌握的三个重要的核心,分别是HTML、CSS、JavaScr

2023-09-23 14:16:49
web前端开发历史 什么是Web前端?
web前端开发历史 什么是Web前端?

以前没有HTML时如何实现web开发?那就需要从头说起了。Web前端开发工程师,是从事Web前端开发工作的工程师。web前端也就是指我们能够浏览看到的页面了。这个就是基于前端的框架而来的,其中就是包括html。网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度,所以很多大公司即

2023-08-29 11:38:44
web前端开发得的历史 web前端开发工程师简介
web前端开发得的历史 web前端开发工程师简介

web的发展史Web发展历史web1.0时代主要以内容网页为主官网(内容展示)web2.0时代ajax异步数据传输(ajax98年出现的,真正广泛接触是在05年的时候,05年的时候出现了一大批基于ajax应用出现了,类似于谷歌地图,163邮箱这些,随着ajax技术的广泛应用而出现了一大批类似于应用的web系统,这个时代称为web2.0时代)之前都是基于cc++javavb开发

2023-10-08 06:04:16
php开发框架发展史 php的开发框架是什么
php开发框架发展史 php的开发框架是什么

php的开发框架是什么php的开发框架是什么?下面为您详细介绍。框架是通过提供一个开发Web程序的基本架构,PHP开发框架就是一种搭建好了的PHP的基本架构。它能够促进快速软件开发(RAD),为我们节约时间,有助于创建更稳定的程序,并减少开发者的重复编写代码的劳动,让我们可以花更多的时间去创造真正的Web程序。拓展:四种主流框架ThinkPHPThinkPHP(FCS)是

2023-09-26 00:48:08
web前端开发简史 web前端什么时候兴起
web前端开发简史 web前端什么时候兴起

Web前端是干嘛的前端是在浏览浏览器的时候,它是网络前台的部分,运行在pc端。移动端等浏览器上展示给用户浏览的页面,利用完美的动态设计,能够给用户带来极高的用户体验。前端前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站上面的视觉设计,前端开发则是网站的前台代码实现。前端开发又最基本的三个核心,这也是必须掌握的三个重要的核心,分别是HTML、CSS、JavaScr

2023-09-05 16:25:57
web前端开发技术展望 web前端开发的发展趋势?
web前端开发技术展望 web前端开发的发展趋势?

Web前端开发的趋势有哪些?你知道几个?今天小编要跟大家分享的文章是关于Web前端开发的趋势有哪些?你知道几个?熟悉前端开发的人应该都知道,最近几年,各种前端框架层出不穷,H5开发模式也越来越流行,大前端时代也已经到来。每一年各种前端技术也应运而生,快速掌握最新的前端技术也是每一个开发者不可或缺的一门技能。今天,就来和大家谈谈Web开发的8个的趋势,希望能给各位带来一些有用的信息。下

2023-09-21 20:20:33