编程入门之前端和后端开发

简介: 前端开发就是开发网页上的内容展示与用户的交互,一部分后端开发工作就是开发数据访问服务,使前端可以通过后端服务对数据进行增删改查,也就是Crud,对前端用户的请求进行相应。

一、前端开发(Frontend Development)

1.前端开发就是开发网页上的内容展示与用户的交互

1.1 内容展示指的是在网页上看到的图片、文字、视频、数字等信息

1.2用户交互指用户在页面上通过点击按钮、输入文字等动作,对网站提供数据输入,然后前端对用户的输入进行相应,比如更新页面上的内容,如果你在我的文章下方点赞,那么页面对你点赞动作做出相应,就是在后台数据库里把我的文章的点赞量+1,并且在页面上显示+1之后的点赞量

2.前端开发用到的基础技术就是html、css、和JavaScript,分别用来控制网页里的内容、视觉效果和用户交互

2.1html并不是一门编程语言,它是一种用来定义结构化数据的标记语言,你在浏览器上看到的网页,其实就对应一个html文件,文件装的就是html代码,而浏览器的职责之一就是通过你输入的网址,从网站上下载对应的html代码,并且把代码渲染成你肉眼看到的样子

2.2前端工程师的工作内容之一就是编写html代码,或者是使用一些技术来为页面动态地生成html代码,任何一个网页都可以通过浏览器的开发者工具看到它们的html代码,如果你仔细查看一段html代码,你会发现,它其实就是由一堆各种类型的尖括号组合嵌套而成

2.3css代码用来定义外观和风格的展示,比如大小、形状、位置、颜色、居中、字体、显示属性等,css代码则是被浏览器读入,并且渲染成肉眼可以看到的视觉效果,PM(前端工程师)调整页面上的按钮形状和颜色,就是改动对应按钮的css代码实现的

2.4前端开发中真正编程的部分是JavaScript,网页如何与用户交互,如何和后端交互,都是通过JavaScript代码来实现的,HTML和css代码是被浏览器执行,页面里的JavaScript代码也是交给浏览器来执行,前端开发用的技术有HTML\CSS\javascript,其中javascript是编程语言,具有逻辑性,同时,javascript也发展出许多优秀的框架,比如angular.js react.js vue.js等框架,非常好用

2.5JavaScript和java没关系,雷锋和雷峰塔的区别

2.6写程序时,通常不会重复造轮子,可以调用JavaScript现成的library来实现常见功能,让开发过程更高效,对于前端JavaScript开发,React是目前比较流行的library,React不仅可以用来与用户的交互逻辑和事件相应,事实上页面几乎全部的html代码都可以通过React来生成,这种在浏览器端生成html代码进行渲染的方式称为Client-side Rendering,与之相反的是Server-side Rendering,也就是页面的完整html代码,是全部由网站的前端服务器生成好后,再发给浏览器的

2.7另外一种比较流行的JavaScript library是vue,国内用的比较多,B站的html代码,B站前端也用到了vue

2.8html、浏览器和前端服务器的工作原理和css、JavaScript和React主要靠自学

2.9和用户交互界面都算前端,而不只是网页

二、后端开发(Backend Development)

1.一部分后端开发工作就是开发数据访问服务,使前端可以通过后端服务对数据进行增删改查,也就是Crud,对前端用户的请求进行相应

2.例如你在注册一个大型网站时,该网站的前端会调用其后端,把你的用户信息写入数据库,一个后端服务其实不局限于只被前端调用,还可以被mobile app调用,还可以被其他后端服务调用

3.前端往往需要通过调用后端服务,来完成对用户请求的响应,后端服务往往通过查询数据库,来完成对前端请求的响应(用户⇋前端⇋后端服务⇋数据库)

4.前端和后端的共性:都是通过调用一个比自己更靠后的服务来对前方的客户请求进行相应

5.后端工程师的工作范围:设计后端服务的API,设计后端服务的架构图,设计后端服务的数据库,写代码实现后端服务的业务逻辑,同时还需要保证设计的后端服务highly available,访问量很大时仍然不宕机,并且对客户请求的响应时间短,或者吞吐量高,单位时间内能够处理的请求数量多

6.后端服务器和前端服务器一样,后端服务器可以由几乎任何一种编程语言实现,只要能把正确的数据返回给调用者即可

7.两周内上手一门新的编程语言是一名职业程序员的基本素养,后端工程师工作还有为后端服务创建数据库,数据库性能调优,分析数据库数据,建议入门最好先从前端开始

8.后端开发语言有java 、 php 、 C 、 C++、 C# 等。后端开发也有许多优秀的框架

相关文章
|
SQL 关系型数据库 MySQL
网安入门之MySQL后端基础
《网安入门之MySQL后端基础》简介: 本文介绍了数据库及MySQL的基础知识,涵盖数据库的概念、结构与操作。数据库是组织化存储数据的集合,通过表、列、行等结构实现高效管理。MySQL作为开源的关系型数据库管理系统,广泛应用于Web开发。文中详细讲解了MySQL的基本操作,如增(INSERT)、删(DELETE)、改(UPDATE)、查(SELECT)等语句的使用方法,并介绍了数据库事务的ACID特性。此外,还探讨了SQL注入攻击的风险及防范措施,强调了预处理语句的重要性。最后,简述了PHP中mysqli扩展的使用方法,包括连接数据库、执行查询和关闭连接等步骤。
|
7月前
|
人工智能 Java API
后端开发必看:零代码实现存量服务改造成MCP服务
本文介绍如何通过 **Nacos** 和 **Higress** 实现存量 Spring Boot 服务的零代码改造,使其支持 MCP 协议,供 AI Agent 调用。全程无需修改业务代码,仅通过配置完成服务注册、协议转换与工具映射,显著降低改造成本,提升服务的可集成性与智能化能力。
1984 1
|
11月前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
581 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
存储 缓存 负载均衡
后端开发中的性能优化策略
本文将探讨几种常见的后端性能优化策略,包括代码层面的优化、数据库查询优化、缓存机制的应用以及负载均衡的实现。通过这些方法,开发者可以显著提升系统的响应速度和处理能力,从而提供更好的用户体验。
470 6
|
7月前
|
前端开发 Java 数据库连接
后端开发中的错误处理实践:原则与实战
在后端开发中,错误处理是保障系统稳定性的关键。本文介绍了错误分类、响应设计、统一处理机制及日志追踪等实践方法,帮助开发者提升系统的可维护性与排障效率,做到防患于未然。
|
9月前
|
存储 消息中间件 前端开发
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
校园圈子系统校园论坛小程序采用uni-app前端框架,支持多端运行,结合PHP后端(如ThinkPHP/Laravel),实现用户认证、社交关系管理、动态发布与实时聊天功能。前端通过组件化开发和uni.request与后端交互,后端提供RESTful API处理业务逻辑并存储数据于MySQL。同时引入Redis缓存热点数据,RabbitMQ处理异步任务,优化系统性能。核心功能包括JWT身份验证、好友系统、WebSocket实时聊天及活动管理,确保高效稳定的用户体验。
517 4
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
|
10月前
|
前端开发 JavaScript 关系型数据库
2025 年前端与后端开发方向的抉择与展望-优雅草卓伊凡
2025 年前端与后端开发方向的抉择与展望-优雅草卓伊凡
766 5
2025 年前端与后端开发方向的抉择与展望-优雅草卓伊凡
|
10月前
|
人工智能 小程序 NoSQL
【一步步开发AI运动小程序】二十一、如何将AI运动项目配置持久化到后端?
本文介绍基于云智「Ai运动识别引擎」的运动配置持久化方案,旨在优化小程序或Uni APP中AI运动识别能力。通过将运动检测参数(如`Key`、`Name`、`TickMode`、`rules`或`samples`)持久化到后端,可避免因频繁调整运动参数而重新发布应用,提升用户体验。持久化数据结构支持规则和姿态样本存储,适用于关系数据库、文件或文档数据库(如MongoDB)。此外,云智还提供运动自动适配工具及「AI乐运动」产品,助力快速实现AI体育、全民健身等场景。
|
11月前
|
Java API Docker
在线编程实现!如何在Java后端通过DockerClient操作Docker生成python环境
以上内容是一个简单的实现在Java后端中通过DockerClient操作Docker生成python环境并执行代码,最后销毁的案例全过程,也是实现一个简单的在线编程后端API的完整流程,你可以在此基础上添加额外的辅助功能,比如上传文件、编辑文件、查阅文件、自定义安装等功能。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
在线编程实现!如何在Java后端通过DockerClient操作Docker生成python环境
|
存储 缓存 安全
网安入门之PHP后端基础
PHP 是一种服务器端脚本语言,广泛用于动态网站和Web应用程序开发。其文件扩展名为`.php`,支持嵌入HTML、CSS和JavaScript。PHP代码由Web服务器解析后返回给浏览器。PHP是弱类型语言,变量以`$`开头,支持字符串、整数、浮点数、布尔值、数组、对象等类型。PHP具有跨平台、开源、丰富的扩展库等特点。常用超全局变量如`$_GET`、`$_POST`、`$_SESSION`等处理用户输入和会话数据。HTTP请求方法GET和POST在数据传输方式、长度限制、安全性等方面有显著差异。
网安入门之PHP后端基础

热门文章

最新文章