一篇带你了解前端、后端以及全栈

目录

前端

前端是做什么的?

前端开发用到的基础技术

1.HTML(内容)

2.CSS(视觉)

3.JavaScript(用户交互)

后端

后端工程师的工作范畴

后端开发用到的基础技术和工具

全栈


前端

前端是做什么的?

前端开发就是开发网页上的内容展示与用户的交互。内容展示包括在网页上看到的图片、文字、视频、数字等信息;用户交互指的是用户在页面上通过点击按钮、输入文字等动作,对网站提供数据输入,然后前端对用户的输入进行响应,如更新视频上的内容。

例子:对某up视频的点赞,页面对你“点赞”动作作出的响应,就是在后台数据库里把该up对应视频的点赞量+1.

前端开发用到的基础技术

1.HTML(内容)

非编程语言,而是定义结构化数据的标记语言,我们在浏览器上看到的网页,就对应一个HTML文件。

浏览器职责“”:通过你输入的网址,从网站下载对应的HTML代码,并把代码渲染成你肉眼看到的样子。

2.CSS(视觉)

用来指定每个HTML标签以什么样的外观和风格展示(长宽、位置、颜色、居中、字体以及显示属性等 ),css代码也是被浏览器读入,并渲染成你肉眼看到的视觉效果。

3.JavaScript(用户交互)

属于真正的编程部分。用于与用户交互、与后端进行交互。也是交给浏览器执行。

编写代码的一个原则是不要重复造轮子(Don't reinvent the wheel ),因此大多会调用该语言现成的library来实现一些常见功能让开发过程更加高效。对于JavaScript开发而言,React是目前比较流行的library。它不止能够用来实现用户交互逻辑和事件响应,还能生成HTML代码。Vue也是国内常常使用的library(b站就用到了)。

后端

什么是后端?

相当一部分的后端开发工作就是开发数据访问服务,使得前端可以通过调用后端服务对数据进行增删改查(CRUD),从而实现前端对用户的请求响应。

例子:如你在一个大型网站注册时,该网站的前端就会调用其后端,把你的用户写入数据库。前端往往需要通过调用后端服务,来完成对用户请求的响应,而后端服务往往需要通过查询数据库,来完成对前端请求的响应。

前后端共性:都是通过调用一个比自己更靠后的服务,来对前方的客户进行响应。

后端工程师的工作范畴

1.设计后端服务的API

2.设计后端服务的架构图

3.设计后端服务的数据库

4.写代码实现后端服务的业务逻辑

5.保证后端服务高可用(highly available)

即访问量很大时仍然保持不宕机,并对用户请求的响应时间短,或者吞吐量高,单位时间能够处理的请求数量多。

后端开发用到的基础技术和工具

1.开发和维护后端服务器

实现后端服务器可以由几乎任何一种编程语言实现,只要能把正确的数据返回给调用者即可。主流的编程语言,也有各自的Web Framework(现成的轮子):基于Java的Web Framework有SpringBoot和Dropwizard;基于JavaScript的由Express;基于Python的有Flask

2.设计和调优数据库

目前最常用的是关系型数据库,如在工业界广泛使用的MySQL和PostgreSQL。一般来说要做的是如何创建一个关系型数据库、如何使用SQL query来访问数据、如何依靠index来为数据查询加速。

近年来用的越来越多的也有非关系型数据库:如基于JSON文档的MongoDB、基于LSM tree的LevelIDB

全栈

能够自己构建和部署一个完整的、可以工作的Web App、能够独立编写前端和后端代码、能够配置服务器、能够设计数据库

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
前端技术的发展是互联网自身发展变化的一个缩影。前端技术指通过浏览器到用户端计算机的统称,存贮于服务器端的统称为后端技术。前端开发主要职能就是把网站的界面更好地呈现给用户。以会Photoshop和Dreamweaver就可以制作网页,随着网站开发难度加大、开发方式多样,网页制作更接近传统的网站后台开发,网页制作更多被称为Web前端开发。前端技术包括4个部分:前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等。在Web1.0时代,由于网速和终端能力的限制,大部分网站只能呈现简单的图文信息,并不能满足用户在界面上的需求,对界面技术的要求也不高。随着硬件的完善、高性能浏览器的出现和宽的普及,技术可以在用户体验方面实现更多种可能,前端技术领域迸发出旺盛的生命力。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。随着手机成为人们生活中不可或缺的一部分,成为人们身体的延伸,人们迎来了体验为王的时代。移动端的前端技术开发景宽阔。此外,前端技术还能应用于智能电视、智能手表甚至人工智能领HTML掌握HTML是网页的核心,是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。因此,它是网络上应用最为广泛的语言,也是构成网页文档的主要语言,学好HTML是成为Web开发人员的基本条件。HTML是一种标记语言,能够实现Web页面并在浏览器中显示。HTML5作为HTML的最新版本,引入了多项新技术,大大增强了对于应用的支持能力,使得Web技术不再局限于呈现网页内容。随着CSS、JavaScript、Flash等技术的发展,Web对于应用的处理能力逐渐增强,用户浏览网页的体验已经有了较大的改善。不过HTML5中的几项新技术实现了质的突破,使得Web技术首次被认为能够接近于本地原生应用技术,开发Web应用真正成为开发者的一个选择。HTML5可以使开发者的工作大大简化,理论上单次开发就可以在不同平台借助浏览器运行,降低开发的成本,这也是产业界普遍认为HTML5技术的主要优点之一。AppMobi、摩托罗拉、Sencha、Appcelerator等公司均已推出了较为成熟的开发工具,支持HTML5应用的发展。 [3] CSS学好CSS是网页外观的重要一点,CSS可以帮助把网页外观做得更加美观。JavaScript学习JavaScript的基本语法,以及如何使用JavaScript编程将会提高开发人员的个人技能。操作系统了解Unix和Linux的基本知识,对于开发人员有益无害。网络服务器了解Web服务器,包括对Apache的基本配置,htaccess配置技巧的掌握等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蜗牛变涡流

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值