当前位置 : IT培训网 > Web前端 > Web培训 > 零基础学好web前端就要知其意义

零基础学好web前端就要知其意义

时间:2022-09-07 21:21:23  来源:web前端网  作者:IT培训网  已有:名学员访问该课程
应用程序的前端通常是指代表UI(用户界面)的层。这可以包括从带有HTML和CSS的静态站点到支持UI的完整React应用程序的任何内容。

Web前端:前端开发人员与后端开发人员——实践中的定义和含义

网站和应用程序很复杂!按钮和图像只是冰山一角。这种复杂性,需要人来管理,但是前端开发人员和后端开发人员分别负责哪些部分呢?

什么是前端开发?

应用程序的前端通常是指代表UI(用户界面)的层。这可以包括从带有HTML和CSS的静态站点到支持UI的完整React应用程序的任何内容。

传统的前端开发是什么样的?

Javascript目前统治着前端网络,但情况并非总是如此。虽然它可以用来向网站添加一点点交互,但通常前端是使用服务器端模板语言呈现的,如框架驱动的PHP和模板工具包 (Perl)。

这在实践中变得非常流行,使用的是自主开发的框架或工具,如博客它使用PHP来驱动一个庞大的开发者社区,这些开发者用这些工具来建立他们的网站。

它的工作方式是模板语言能够在渲染时直接从服务器获取数据。当浏览器直接从源(服务器本身)请求页面时,无论模板需要什么数据,应用程序逻辑都会在那时提供。

但随着时间的推移,javascript作为一种语言变得越来越成熟,浏览器变得越来越强大,这导致了一个想法,即我们可以将更多的工作转移到浏览器上,以构建更快、更具交互性的体验。

前端开发现在是什么样的?

现在,使用React、Vue和 Angular等UI框架构建的大量javascript 网站和应用程序很常见。这些工具提供了抽象,允许开发人员构建具有可重用模式(如组件)的复杂UI。

当浏览器加载页面时,页面会收到一个初始HTML文档,其中还包含javascript的脚本标记(与往常一样)。但是一旦javascript加载,它会使用浏览器请求访问API,当完成时,更新页面以填充通常与第一个HTML文档一起获得的任何类型的动态数据。

虽然这听起来像更多的步骤,但它通常提供了更快的初始页面加载和呈现,更不用说它有很好的开发人员体验。通过在第一个请求上交付较少的内容,并对之后加载的内容进行优先级排序,通常会带来更好的用户体验。

但是这些 API,无论是我们付费的还是自己创建的,都需要在某个地方构建。这就是后端的用武之地。

什么是后端开发?

后端层通常是业务逻辑发生的地方,这可能非常复杂,例如确定电子商务公司收入的规则或更常见的内容(例如用户资料)。

传统的后端开发是什么样的?

过去,应用程序的后端是使用PHP或Ruby等服务器端语言构建的,这个想法是你有一个服务器,你需要在它上面执行复杂的操作,所以这样做的方法是使用服务器可以理解的语言。

在对服务器的每个请求中,后端会执行所有的操作,包括呈现前端。通过使用框架或DIY架构,后端将接受请求,确定应该如何处理请求,运行请求所需的任何业务逻辑,并向前端提供显示请求响应所需的任何数据。

后端开发现在是什么样子?

除了更新的代码模式之外,后端堆栈看起来与以前的方式有些相似,只是你更经常会看到后端通过HTTP请求通过API提供数据,而不是直接向前端团队正在工作的模板提供数据。

虽然基础并没有太大的不同,但它实际上变得越来越复杂,因为你必须处理不同的安全隐患,如果配置不当,这些隐患可能会危及你的系统,例如向公众开放一个会返回敏感用户数据的API。

但服务器的运行方式也可能完全不同。以前,我们可以在自己的托管服务器上运行我们的 python(我们仍然可以),现在我们可以使用无服务器函数和AWS Lambda等工具来简化我们管理代码的方式。

虽然“无服务器”并不一定意味着实际上没有服务器,但它意味着作为一种服务,开发人员不必担心维护该服务器,而只需专注于他们需要运行的代码。

前端与后端

无论堆栈如何,总会有关注点分离。UI和所有交互,无论是在服务器上还是在浏览器中呈现,都使前端成为前端,而数据和业务逻辑,无论是来自公司的服务器还是托管功能,都使后端成为后端。

无论你更喜欢开发面向用户的功能还是构建让他们做事的逻辑,都有很多资源可以开始。

顶一下
(0)
0%
踩一下
(0)
0%

IT培训0元试听 每期开班座位有限.0元试听抢座开始! IT培训0元试听

  • 姓名 : *
  • 电话 : *
  • QQ : *
  • 留言 :
  • 验证码 : 看不清?点击更换请输入正确的验证码

在线咨询在线咨询

温馨提示 : 请保持手机畅通,咨询老师为您
提供专属一对一报名服务。

------分隔线----------------------------
------分隔线----------------------------

推荐内容