如果您刚刚开始学习Web开发,您可能已经听过很多关于前端和后端的讨论。但到底是什么意思呢?如果你是该领域的初学者,很难区分这两个。

虽然前端和后端开发肯定是彼此不同的,但它们也像同一枚硬币的两面。网站的功能依赖于每一方作为一个单元与另一方有效地进行通信和操作。一个比另一个更重要吗?不。它们在Web开发中都扮演着非常重要的角色,那我们应该从哪里开始呢?让我们翻转那个硬币并回答你的问题。

1.什么是前端?

网站前端是您在浏览器上看到并与之交互的内容,它包括用户直接体验的一切:从文本和颜色到按钮,图像和导航菜单。

假设您决定创业。您需要一个网站向客户介绍您的公司,并告诉他们您的位置。也许您会包含一些照片和一些有关您产品的信息,您只需要前端技术来构建您的网站。

2.哪些是主要的前端开发语言?

HTML

HTML是创建和组织Web内容的基本编码语言,因此可以通过浏览器显示。

CSS

CSS是一种伴随HTML的语言,它定义了网站内容的样式,例如布局,颜色,字体等。

JavaScript

JavaScript是一种编程语言,用于更多交互式元素,如下拉菜单,模态窗口和联系表单。

这些必需品共同创造了您访问网页时可视化呈现的所有内容,无论是在线购物,阅读新闻,查看电子邮件还是进行百度搜索。

除了基本的前端语言之外,您还会遇到像Bootstrap和Angular这样的框架,以及像jQuery这样的JavaScript库,以及像Sass和LESS这样的CSS扩展。这些资源有很多,它们支持HTML,CSS和JavaScript。它们的目的只是通过提供与通用编码语言兼容的各种工具和模板,使代码(及其编写过程)更易于管理和组织。

3.前端开发和网页设计有什么区别?

值得注意的是,虽然前端开发涉及网站的视觉和交互方面,但它与网页设计不同。

前端开发人员实际上并没有设计网站的这些前端方面; 这是网页设计师的工作,或者更具体地说,是UI设计师的工作。前端开发人员采用这种设计,并使用我们上面讨论的前端语言将其构建为功能。

因此,网页设计师关注的是设计:网站的外观和感觉,它是如何布局的,以及用户体验的按钮和接触点。前端开发人员关注功能; 将这些设计转变为实时互动网站的工程。

4.什么是后端?

到目前为止,你所拥有的静态网站的一个例子,它的内容并没有太大变化。对于静态站点,确定网页上的内容的所有必要信息都在前端代码本身中。静态网站有助于展示商家,餐馆,投资组合或专业档案等内容。但是,如果您想将您的网站变成用户可以与之交互的内容,您需要更深入地了解网站幕后发生的事情。

在后端(或“服务器端”)是网站,你看不到的部分。它负责存储和组织数据,并确保客户端的所有内容都能正常工作。后端与前端通信,发送和接收信息以显示为网页。每当您填写联系表单,输入网址或进行购买(客户端的任何用户交互)时,您的浏览器都会向服务器端发送请求,该请求以前端代码的形式返回信息,浏览器可以解释和显示。

您的新站点需要有额外的后端组件才能使其成为动态Web应用程序 – 一个网站,其内容可以根据其数据库中的内容进行更改,并且可以通过用户输入进行修改。这与静态网站不同,静态网站不需要数据库,因为其内容通常保持不变。

服务器端设置

您的网站需要一个数据库来管理所有客户和产品信息,数据库将网站内容存储在一个结构中,以便于检索,组织,编辑和保存数据。它在称为服务器的远程计算机上运行。有许多不同的数据库被广泛使用,例如MySQL,SQL Server,PostgresSQL和Oracle。

您的应用程序仍将包含前端代码,但它也必须使用数据库可识别的语言构建。一些常见的后端语言是Ruby,PHP,Java,.Net和Python。这些编程语言通常在简化Web开发过程的框架上运行。例如,Rails是一个用Ruby编写的框架。因此命名为Ruby on Rails是一种用于构建动态Web应用程序的流行技术,可以使流程更快。

所有这些部分正确地协同工作,客户可以访问您的网站并搜索他们想要购买的特定种类东西,当他们在搜索框中输入(在前端)时,应用程序会查看存储在数据库(后端)中的所有产品数据,并以前端代码的形式返回相应的信息,浏览器将其显示为用户请求的列表。

5.我应该学习前端或后端开发,还是两者兼而有之?

如果您热衷于学习Web开发,但不确定是否要沿着前端或后端路线走下去,那么考虑每个人的日常任务非常重要。如果你喜欢使用视觉设计并将它们变为现实,创造一流的用户体验,那么你可能会喜欢在前端工作。

如果您喜欢使用数据,计算算法并想出优化复杂系统的方法,那么您可能更愿意担任后端开发人员。