ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

前端VS后端开发

2022-09-12 01:32:23  阅读:256  来源: 互联网

标签:编码 后端 前端 应用程序 按下 VS 按钮 链接


前端VS后端开发

对于我的第 4 周 像开发者一样说话系列 ,我将向您介绍两种主要的开发类型:前端和后端!

介绍:

大家好!!对于那些没有去过我博客的人 除了金发女郎 ,我的名字是 Jess,我是一名计算机科学专业的应届毕业生,我热衷于在通常令人生畏的话题上增加对表面的信心!

从我博客的技术方面, 像开发者一样说话 是一个系列,我的目标是通过以非技术方式介绍技术主题,使我的(技术和非技术)读者对处理技术主题充满信心。这是我本系列的第四篇文章,它提供了前端和后端开发之间的简单比较!

关于本系列:本系列不会为您提供卷起袖子开始编码所需的一切。它将使每个人,甚至是不知道计算机科学是什么的人,都能够就这些主题进行讨论和提问,以便如果您有兴趣进入这些主题的实践/技术方面,你会知道从哪里开始,谷歌什么,或者如何寻求帮助!

如果您还没有,请查看我的上一篇文章: SQL 和数据库 ( 博客链接 , 中链接 ) 也 初学者的关键编码术语 ( 博客链接 , 中链接 ) 了解本系列中使用的常用术语!

什么是前端和后端开发?

作为技术所有者,无论我们有多技术,我们都会与平台的视觉方面(我们在屏幕上看到的内容)和平台的功能方面(我们能够在屏幕上做的事情)进行交互。基本上,前端是平台的样子,后端是平台的功能!

前端和后端开发的工作类型是什么?

前端开发人员: 对平台的视觉方面进行编码的开发人员。

后端开发人员: 对平台的功能方面进行编码的开发人员。

全栈开发人员: 同时进行前端和后端开发的开发人员。

脸书示例:

每个平台都有前端和后端编程语言 一起工作 创建用户与之交互的最终产品!

一个简单的例子是在 Facebook 上发送好友请求。 “添加好友”按钮的颜色、字体、大小和悬停效果均以前端语言编码。当您单击按钮时,网站实际发送该朋友请求并在他们接受请求时通知您的能力以后端语言编码。

现在我们已经了解了前端和后端编码的概念,我们将通过一些细节来帮助您对自己在技术方面的理解更有信心!

重要的提示: 我在这篇文章中使用伪代码使示例更易于理解。提醒一下,伪代码是 ** 不是** 一种编程语言——它是一种起草代码的技术。有关伪代码的完整定义和示例,请参阅初学者的关键编码术语( 博客链接 , 中链接 )

计算器应用示例:前端

让我们考虑一下计算器应用程序。它有前端编程语言生成的数字、按钮、颜色等。

这是伪代码(参见上面的定义),用于演示使用前端语言创建此屏幕的一些部分可能看起来像什么:

 背景颜色 = 黑色  
 按钮 1、2 和 3 颜色 = 浅灰色  
 带有数字颜色的按钮 = 深灰色  
 最后一列按钮颜色 = 橙色  
 数字字体 = Times New Roman 等等...

使用正确的标记和形状模板,我们可以在纸上绘制一个与上图完全相同的屏幕,但如果我们尝试按下按钮,它显然不会为我们进行计算。同样,如果你只用前端语言编写了一个计算器应用程序,你可以得到一个应用程序 ** 看起来** 就像上面的图片一样。但是,前端语言只能提供这么多功能,而计算器应该能够进行复杂的计算!这就是后端开发的用武之地。

计算器应用程序示例:后端

计算器应用程序有在幕后遵循的说明,以便他们知道每个按钮应该与哪些操作配对,以及如何根据按下的按钮组合准确地进行计算。后端编程语言允许开发人员交流这些指令!

我们必须向计算机解释这种类型的东西可能看起来很奇怪。但这是很多人在开始编码之前没有意识到的:

假设您正在使用应用程序做 3 次 8。当然数学对我们来说很容易,但应用程序如何知道按下带有“3”的按钮表示 3,“X”按钮表示乘法,并且“=”按钮意味着计算数学?该应用程序如何记住您在此过程中按下的所有 4 个按钮?

这是后端语言中此功能的编码形式的伪代码(参见上面的定义),并用文字说明。

英语:

“每次按下按钮时,写下 ** 意义** 该按钮在列表中。当用户点击等号 (=) 按钮时,不要写任何其他内容,因为列表已完成。从那里,写出该列表的内容(按顺序)以创建所需的数学问题。最后,计算那道数学题的结果并返回答案。”

伪代码:

 ButtonsPushed 列表 = [ ](空列表)  
 最终结果值 = 0  
  
 如果按下“=”以外的任何按钮:  
 - 添加该按钮的 **意义** 到 ButtonsPushed 列表的末尾  
  
 否则,如果按下“=”按钮:  
 - MathProblem = 按顺序编写的列表中的所有项目  
 - 答案 = 已执行的数学问题  
 - 为最终结果添加答案 返回最终结果

为简单起见,我跳过了这一点,但也会有代码显示“值为 0 的按钮表示整数 0,值为 1 的按钮表示整数 1”,依此类推,以及“带 X 的按钮表示乘法运算,带 + 的按钮表示加法运算”,其余按钮以此类推。

下表显示了代码在每个步骤中的执行方式 (所以每次按下按钮时,您都可以看到幕后发生的事情):

返回计算值后,就可以在前端展示给用户了!

最后的想法:

如果您有兴趣了解有关前端和后端编程中可能涉及的特定语言的更多信息,请查看 语言和 IDE:每个编码项目背后的工具介绍 ( 博客链接 , 中链接 )!

这篇文章只是简单介绍了前端和后端编程!如果您有任何具体的事情想让我详细介绍,请在下面的评论中告诉我,或直接通过电子邮件发送我的技术博客至 [email protected]

想在我的技术博客上接收新闻和更新? 加入我的免费会员!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/29396/14151201

标签:编码,后端,前端,应用程序,按下,VS,按钮,链接
来源: https://www.cnblogs.com/amboke/p/16685279.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有