web有前端，也有后端。web前端也被称为“客户端”，是关于用户可以看到和体验的网站的视觉方面，即用户所看到的一切Web浏览器展示的内容，涉及用户可以看到，触摸和体验的一切。web后端也称为“服务器端”，是用户在浏览器中无法查看和交互的所有内容，web后端负责存储和组织数据，并确保web前端的所有内容都能正常工作。web后端与前端通信，发送和接收信息以显示为网页。
本教程操作环境：windows7系统、Dell G3电脑。
web有前端，也有后端。
web前端
web前端也被称为“客户端”，是关于用户可以看到和体验的网站的视觉方面，即用户所看到的一切Web浏览器展示的内容，涉及用户可以看到，触摸和体验的一切。例如图形用户界面（GUI）和命令行，包括设计，导航菜单，文本，彩色图像，视频，华丽的按钮等。
立即学习“前端免费学习笔记（深入）”；
web前端开发需要使用超文本标记语言（HTML），HTML5（最新版本的HTML），JavaScript和层叠样式表（CSS，CSS3）等技术来构建。
web前端开发人员在网页或应用程序上设计和构建用户体验元素，包括按钮，菜单，页面，链接，图形等。
web后端
web后端，也称为“服务器端”，是用户在浏览器中无法查看和交互的所有内容，例如：数据库和服务器。基本上，幕后发生的一切都可以归结为Web后端开发，它是Web前端体验的推动者。
web后端负责存储和组织数据，并确保web前端的所有内容都能正常工作。后端与前端通信，发送和接收信息以显示为网页。
Web后端促进了表示层和业务层之间的通信，在Web开发中起着至关重要的作用；Web后端开发需要使用C ++ / C / C＃，Java，Ruby，Python，PHP，.Net等等语言。
通常在后端工作的人称为程序员或开发人员。后端开发人员需要处理所有不涉及生成用户界面的内容，例如编写API，创建库或向Web设计人员创建的所有内容添加实用程序。
与Web前端设计人员相比，后端开发人员的角色是高度协作的。简而言之，后端Web开发是软件应用程序的核心功能逻辑的开发和维护的组合，后端开发人员编写代码以确保前端的一切正常。
与Web前端设计人员相比，后端开发人员倾向于花更多时间来计算逻辑和实现算法，以确保网站正常运行；Web后端是一个网站的大脑。
web前端和后端的区别
1、定义不同
一般来说，我们将网站分为前端和后端。前端主要负责页面的展示，后端则是业务逻辑的实现。
Web前端
顾名思义是来做Web的前端的。这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。
良精商城网店购物系统是一套能够适合不同类型商品、超强灵活的多功能在线商店系统，三级分销 PC+移动端+微网站，为您提供了一个完整的在线开店解决方案。良精网店购物系统除了拥有一般网上商店系统所具有的所有功能，还拥有着其它网店系统没有的许多超强功能。多种独创的技术使得系统能满足各行业广大用户的各种各样的需求，是一个经过完善设计并适用于各种服务器环境的高效、全新、快速和优秀的网上购物软件解决方案。
Web后端：
后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。
2、需要掌握的技术不同
Web前端：
精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
(1)精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构；
(2)精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器；
(3)熟悉JavaScript，了解ECMAScript基础内容，掌握1-2种js框架，如JQuery；
(4)对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案；
(5)对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。
Web后端：
后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。
(1)精通jsp，servlet，javabean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解；
(2)练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力；
(3)熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑；
(4)精通面向对象分析和设计技术，包括设计模式、UML建模等；
(5)熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力。
（学习视频分享：web前端入门）
