web前端与后端的区别主要是：
1、要搞懂区别，我们首先要知道他们是什么。
Web前端: 顾名思义是来做Web的前端的。我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。
Web后端：后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。
2、web前端分为网页设计师、网页美工、web前端开发工程师。首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责网页美工只针对UI这块的东西，比如网站是否做的漂亮，web前端开发工程师是负责交互设计的，需要和程序员进行交互设计的配合。
3、 web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术，ajax和jquery以及简单的后端程序等。
后端的话可供开发的语言有 asp、php、jsp、.NET 这些后端开发语言的话搭建环境都不一样
4、实际的开发过程中，前端、后端开发人员的定位如下：
1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。
前端是用户可以看到和交互的网站的一部分，例如图形用户界面（GUI）和命令行，包括设计，导航菜单，文本，图像，视频等。相反，后端是部分用户无法查看和互动的网站。一切都是关于一切如何运作的。
两者都在网络开发中起着至关重要的作用，尽管它们有相当大的差异，但它们就像是同一枚硬币的两面。前端是关于用户可以看到和体验的网站的视觉方面。相反，在后台发生的所有事情都可归因于后端Web开发。它更像是前端Web体验的推动者。
前端也被称为“客户端”而不是后端，后端基本上是应用程序的“服务器端”。后端Web开发的基本要素包括Java，Ruby，Python，PHP，.Net等语言。最常见的前端语言是HTML，CSS和JavaScript。
如果您对前端和后端之间的差异仍然有点困惑，请始终记住前端与浏览器以及发送给它的所有内容相关。如果它与数据库有关，那么它与后端相关。
前端 - 后端解耦是相关的，特别是在Web应用程序和移动应用程序的情况下，因为开发和发布的速度非常快。在这些域中，用户体验优先于其他方面，包括功能深度。让我们看一下解耦架构提供的一些关键优势。
1、快速开发和测试：作为最大优势，解耦架构允许前端和后端开发人员独立工作。由于开发是并行进行的，因此减少了整个项目的时间。业务团队通常对项目的UI / UX部分的进展非常感兴趣，从而导致更快的前端部署。这有助于后端开发人员创建适合前端的数据结构。解耦架构允许项目团队独立并行地测试他们的构建，进一步优化项目持续时间。
2、敏捷性：作为另一个好处，UI团队可以对前端设计进行适当的更改，而无需担心依赖性和/或对后端进行相应的更改。以同样的方式，后端开发人员可以修改他们的代码，而无需冒险进入前端领域。例如，后端开发人员不必确切地考虑特定数据点将如何在屏幕上显示（反之亦然）。这提高了组织的运营效率，使其能够以更高的灵活性响应不断变化的市场需求。
3、开发人员自由：由于应用程序的后端和前端组件与API的谨慎使用松散耦合，因此可以最大限度地降低架构的整体复杂性。复杂性降低使开发人员可以自由地对代码进行更改，从而提高更新发布频率。
主要从三方面来阐述它们之间的不同：
1、前端开发和后端开发的定向：
1)前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
2)后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。
2、通俗语言讲：
Web前端：我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。
Web后端：后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。
3、前端、后端的技术要求：
Web前端：
1)精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构。
2)精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器。
3)熟悉JavaScript，了解ECMAScript基础内容，掌握1~2种js框架，如JQuery.
4)对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案。
5)对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。
Web后端：
1)精通jsp，servlet，java bean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解.
2)练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力.
3)熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑.
4)精通面向对象分析和设计技术，包括设计模式、UML建模等.
5)熟悉网络编程，具有设计和开发对外API接口经验和能力
首先，从Web开发的技术体系结构来看，前后端分离是比较常见的做法，这样做的好处还是比较多的，一方面可以提升开发的整体效率，另一方面也方便系统后续的迭代升级。另外，采用前后端分离的方式，也会在一定程度上提升Web系统的整体运行效率。
Web前端程序员和后端程序员在技术栈上的区别还是比较明显的，Web前端程序员所采用的编程语言多集中在Html、CSS和JavaScript上，而后端程序员则往往会采用Java、Python等语言，当然在Web开发领域PHP语言的应用也是非常普遍的。
从开发难度上来看，前端开发虽然难度相对要低一些，但是前端开发的内容非常多且杂，而且前端技术的迭代速度也比较快，这也是前端开发人员从业压力比较大的一个重要原因。相对于前端开发来说，后端开发的技术瓶颈往往更多一些，而且很多问题往往都集中在并发、安全等方面，这些系统级问题的解决往往需要耗费开发人员大量的精力。
从知识结构的角度来看，前端开发的学习门槛相对低一些，即使没有任何计算机基础知识，也是完全可以学习的，而且前端开发往往更容易上手，初学者会在短时间内建立起学习的自信心。相对于前端开发来说，后端开发往往需要初学者具有一定的计算机基础，比如要从事大数据、人工智能相关方向，就需要具有一定的数学基础。
从岗位附加值角度来看，后端开发岗位的整体岗位附加值要相对高一些，研发级程序员等高附加值岗位也普遍集中在后端开发领域，相信在大数据和人工智能技术的推动下，未来后端开发的岗位附加值还有较大的提升空间。
从发展趋势来看，前端开发全栈化是一个重要的发展趋势，在云计算技术的推动下，前端开发在工业互联网时代也会起到比较重要的作用。对于计算机基础和数学基础比较薄弱的初学者来说，从前端开始学起是不错的选择，初学者可以读一下这本书：