网站什么的要分前端和后端的？是什么意思？

前端开发和后端开发都是干什么的？有哪些i区别？通俗地讲，前端干的工作是用户可以直接看得见的，而后端开发的工作主要在服务端，用户不太能直接看到。虽然前端开发和后端开发的工作有巨大的区别，但是他们的工作都是相辅相成的，都是为了更好的用户体验。

1、前端开发：

网站的“前端”是与用户直接交互的部分，包括你在浏览网页时接触的所有视觉内容--从字体到颜色，以及下拉菜单和侧边栏。这些视觉内容，都是由浏览器解析、处理、渲染相关HTML、CSS、Java 文件后呈现而来。前端开发，就是要创造上面提到的网站面向用户的部分背后的代码，并通过建立框架，构建沉浸性的用户体验。为了实现这个目标，开发需要熟练运用下列语言、框架、工具库。

2、后端开发：

为了让服务器、应用、数据库能够彼此交互，后端工程师需要具有用于应用构建的服务器端语言，数据相关工具，PHP框架，版本控制工具，还要熟练使用 Linux 作为开发和部署环境。后端开发者使用这些工具编写干净、可移植、具有良好文档支持的代码来创建或更新 Web 应用。但在写代码之前，他们需要与客户沟通，了解其实际需求并转化为技术目标，制定最有效且精简的方案来进行实现。

3、前端开发和后端开发的区别：

（1）展示的方式不同

前端指的是用户可见的界面，网站前端页面也就是网页的页面开发，比如网页上的特效、布局、图片、视频，音频等内容。前端的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并配合后端做网页的数据显示和交互等可视方面的工作内容。

后端是指用户看不见的东西，通常是与前端工程师进行数据交互及网站数据的保存和读取，相对来说后端涉及到的逻辑代码比前端要多的多，后端考虑的是底层业务逻辑的实现，平台的稳定性与性能等。

我整理了一份2020最全面前端学习资料，从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴，需要可以私聊我哟，对于学习web前端有任何问题（学习方法，学习效率，如何就业）都可以问我，最后可以点一波关注哟！

（2）所用的技术不同

前端开发用到的技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack，AngularJs，ReactJs，VueJs等技术。

后端开发 以java为例 主要用到的 是包括但不限于Struts spring springmvc Hibernate Http协议 Servlet Tomcat服务器等技术。

比如做一个登录页面，用户在前端页面上输入了账号密码，然后用鼠标点击了登陆按钮，这时候前端会将账号密码通过请求接口发送给后端做处理，后端收到数据会先检查此账号是否存在，如果不存在，则返回给前端一条类似于这样的信息：“你输入的账号不存在，请重新输入”，用户再次重新输入账号，此时后端查询账户存在，密码也正确，则后端返回登录成功的信息给前端。现代计算机领域的难题如大规模负载，海量数据处理，实时计算也是后端的，前端集中在表示层。

前端和后端指的是网站建设当中的分工，之所以分前端和后端是因为网站建设要不同的人分工合作，主要分为前端和后端，下面说一下什么是前端和后端。1、网站前端。网站前端就是网站的页面设计或者是静态的网页设计，简单的说我们访问一个网站看到的所有页面网页上的内容和版式样式都属于网站前端，网站前端工作就是设计网站的静态页面，所谓的静态页面就是网站前端不包括后端，简单的例子说一下，静态页面就像一张报纸，上面有文字图片和内容，并排好版，之所以称之为静态是因为这些内容不能动态的改变，也就是所有人看到的静态页面都是一模一样的，没有任何区别，这是因为这个页面是静态的，不会改变。总之，网站前端就是指的网站的静态页面设计，网站前端工作使用的是html、css、js等技术设计网站页面的样式和排版布局，这就是网站前端。2、网站后端。网站后端也叫网站后台技术或者动态网站技术，上面我们也说了静态页面的缺点就是不能动态的改变页面上的内容和实现一些代码逻辑，比如我们要实现用户的注册登录验证、或者购物结算等，这些都是要代码逻辑来实现的，还有我们需要一个后台来往我们的网页添加一些消息新闻通知等，因为不是每一个网站的使用者都懂前端技术来来改变页面内容，而且这样也太不方便了，所以需要网站后台来实现这些功能，这些东西都是需要网站后台技术来实现的。常见的网站后端开发语言有asp、asp.net、jsp、php等。同时网站后台技术还包括数据库如mysql、sqlserver等，数据库是用来存储后台数据的。3、再说一下为什么要分前端和后端。现在大家明白了，网站前端和后台的工作是完全不同的，前端的工作是设计静态页面，后台是结合数据库实现一些代码的逻辑如验证用户登录等，后台更加偏重与逻辑思维。总之网站只所以分前端和后台是为了使不同的人干不同的事情，前端的专业做前端后端专业的做后台，这样分工就不用一个既懂前端技术又懂后端技术。

云南新华电脑学校

云南新华电脑学校是经云南省教育厅批准成立的省（部）级重点计算机专业学校，采用三元化管理模式，教学设备先进，师资雄厚学生毕业即就业，学院引进了电商企业入驻，创建心为电商创业园区，实现在校即创业

向TA提问

随着互联网的迅猛发展和普及，一个新型的行业和新兴的职位正在上升到技术的层面：web前端开发

Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码，并增加交互动态功能，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

工程师的职责：

1. -为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性

2. -Web前端表现层及与前后端交互的架构设计和开发

3. -JavaScript程序模块开发，通用类库、框架编写

4. -利用各种Web技术模拟开发产品原型

5. -配合后台开发人员实现产品界面和功能

6. -Web新技术调研和资讯整理

7. -精通HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解

8. -精通Ajax、JavaScript(或者ActionScript)、DOM等前端技术，掌握面向对象编程思想

9. -熟悉一种以上后台开发语言(如PHP/Java或C/C++/.NET)以及一种数据库(如MySQL/Oracle)，有Linux系统操作

10. web前端开发工程师需要长期的web开发经验，例如：

11. -对Web技术创新及丰富互联网应用开发(Rich Internet Applications)有浓厚兴趣

12. -对用户体验、交互操作流程、及用户需求有深入理解

具体技能描述：

· 【必备】UserInterface

1. PhotoShop/Fireworks Design

a -配合美工将草图形成具体的符合WebPage的设计

b -有快速制作分层高品质PSD、PNG的能力

c -能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码

2. Flash Design

a -基本动画效果

b -复杂的交互体系设计，了解第三方swf辅助设计软件

c -复杂的交互体系设计以及较强的对各类外埠资源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方辅助设计软件(AE、SwishMax、Swift3D等)

· 【必备】Browser-side (Web Application)

1. XHTML/CSS

a -基本的layout实现

b -严格跨平台的layout实现以

c -优雅的HTML code，尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks，但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供操作的DOM结构，让JS开发人员在开发的时候认为”一切都已经准备就绪了”，而不是”捉襟见肘”。

2. JavaScript/Ajax/DOM

a -基本的DOM操作，了解AJAX，可以实现数据通信

b -基本的DOM操作，能写高效率的OOP代码，以降低维护成本

c -基于需求，进行不同的开发，选择合适的框架，做到代码效率最高，用户体验，代码下载量最小，并且可以在单独甚至更多产品线中最大限度重用代码

3. Flash Developement

a -基于Timeline的ActionScript操作，能实现简单交互

b -掌握a外，能实现数据层通信(与服务器以及本地SharedObject)

c -精通AS1-3，能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的，还是FlashPlayer9的，都能做到开发效率最高、灵活性最大(比如对HTML层的接口设计，等等)。