前端与后端

前端与后端（20180524）

• Outline.
• Web front-end development 
  
  • What is Web front-end development
  • Core Technology
  • Duty
• Web back-end development 
  
  • What is Web back-end development
  • Core Technology
  • Duty
• Coopration

1.1 What is Web front-end development（什么是前端）

Web前端开发是从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是 Web1 .0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和 HTML5、 CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。

1.2Core Technology（核心技术）

HTML： 服务器脚本语言（核心语言）

cript：提高开发人员个人技能

Unix&LinuCSS: 美观

JavaSx：基础技能

各种框架： 提高开发速度

1.3 Duty（职责）

1、使用Div+css并结合Javascript负责产品的前端开发和页面制作； [ 2]

2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案；

3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构；

4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作；

5、了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。

2.1 What is Web back-end development

首先我们要先对一个网站的架构有基本的了解，网站/软件的组成由：网站后台程序+前端页面+域名+服务器+数据库，这几大项组合在一起，才是我们平常所访问的平台。

一般我们访问一个平台的时候，所看到的基本都是前端内容，而前端内容又通过用户点击，然后触发后台的功能和数据库。所以我们可以访问浏览很多很多网页或者使用一些平台上特定的功能。

其实做后台的很多方向，部门很多，不同部门做后台的做的事情也不一样。要求熟悉linux，tcp/ip是必须的。

涉及到后台的， 一般都是要跟数据库打交道的大型数据量的处理问题。

以类 client - server 为基础的架构， 或者变形后的架构。

客户端处理用户的输入和数据， 然后大量的客户端（多个客户端的多种数据） 反馈到服务端统一处理和协调， 然后服务端对客户端发出相应的指令。

其中 后台程序 代表的就是服务端的程序。 包含以下几点：

1. 网络通信， 要跟远程的client打交道，只能用网络
2. 并发 和 并行处理：多个客户端可能在同一时间同时需要处理同一个类型的数据， 谁先谁后，谁的有效谁的无效？ 服务端的并发，同步显得非常重要。 同理，每个客户端外表看起来都是立刻接收到服务的，这需要并行化处理。
3. 数据库设计。 大量的数据，必须通过数据库进行管理。但是频繁的数据库写入会导致性能下降，所以要有合理的数据库设计，以及读写控制设计。 然后数据库的备份设计， 万一down掉了怎么办，只能用备份的。这一点在银行等电子商务的后台设计中是重中之重。
4. 良好的扩展性的架构， 后台一直在变的， 因为客户端的需求一直是增加的， 不能因为为了添加一个新功能，影响到旧的功能。

2.2 Core Technology

1、学习HTML和CSS。HTML（超文本标记语言）是网页的核心，学好HTML是成为Web开发人员的基本条件。学习CSS了，它可以帮你把网页做得更美观。利用HTML和CSS模拟一些你所见过的网站的排版和布局（色彩，图片，文字样式等等）。

2、学习javascript,了解DOM。JavaScript是一种能让你的网页更加生动活泼的程序语言。学习JavaScript的基本语法，学会用javascript操作网页中dom元素。接着学习使用一些javascript库，比如jquery是大部分WEB开发人员都喜欢用的，通过Jquery可以有效的提高JavaScript的开发效率。

3、了解Web服务器。学习一点Unix和Linux的基本知识，因为大部分Web服务器都运行在Unix和Linux平台上。

4、学好一门服务器端脚本语言。目前流行的服务器脚本语言有：php、asp.net、jsp、ruby、python等。可以选一个自己喜欢的进行学习。

5、学习数据库及SQL语法。要构建动态页面通常会使用到数据库，常用的数据库有SQLServer、Oracle、MySQL 等，它们都会遵循标准的SQL原则。通常asp.net 程序使用SqlServer数据库，PHP、java使用Oracle、MySQL数据库。

6、学习使用Web框架。当你掌握了HTML，CSS，JavaScript和服务器端脚本语言后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。

2.3 Duty

会写Java、php、c + + 等系列的一种语言代码，会写SQL语句，能做简单的数据库设计，会

Spring和iBatis，懂一些设计模式等。主要做的就是网站或者软件，手机app后台的交互和互动，以及数据库体系；让其展现在前台；

3 Cooperation

前端作为模板，后端负责数据。