WEB前端开发的一些名词和常用网站

关于web前端开发的名词解析

• Web：Web是World Wide Web的简称，中文译为万维网。HTML、URL和HTTP三个规范构成了Web的核心体系结构，是支撑着Web运行的基石。客户端（一般为浏览器）通过URL找到网站(如http://www.google.com)，发出HTTP请求，服务器收到请求后返回HTML页面。可见，Web是基于TCP/IP协议的，TCP/IP协议把计算机连接在一起，而Web在这个协议族之上，进一步将计算机的信息资源连接在一起，形成我们说的万维网。

• CGI:CGI（Common Gateway Interface）通用网关接口。 Web服务器可以通过CGI执行外部程序，让外部程序根据Web请求内容生成动态的内容。于是也就有了动态内容的出现。

• Web编程脚本语言（PHP/ASP/JSP）：由于CGI对每个请求都会启动一个进程来处理，因此性能上的扩展性不高。于是为了处理更复杂的应用，一种方法是把HTML返回中固定的部分存起来（我们称之为模版），把动态的部分标记出来，Web请求处理的时候，你的程序先生成那部分动态的内容，再把模版读入进来，把动态内容填充进去，形成最终返回。这就是脚本语言的产生了==

• Java EE（也称J2EE）：Java Servlet、Java Server Pages (JSP)和Enterprise Java Bean (EJB )是Java EE中的核心规范，Servlet和JSP是运行在服务器端的Web组件，EJB运行在服务器端的业务组件，是一种分布式组件技术。
  

• MVC框架：模型Model用于封装与业务逻辑相关的数据和数据处理方法，视图View是数据的HTML展现，控制器Controller负责响应请求，协调Model和View。

• ORM（Object Relation Mapping）：数据访问也逐渐通过面向对象的方式来替代直接的SQL访问，于是出现了ORM框架的概念。更多的全栈框架开始出现,比如：2003年出现的Java开发框架Spring，同时更多的动态语言也被加入到Web编程语言的阵营中，2004年出现的Ruby开发框架Rails，2005出现的Python开发框架Django，都提供了全栈开发框架，或者自身提供Web开发的各种组件，或者可以方便的集成各种组件。

• REST（Representation State Transformation）：一种流行的Web架构风格；REST鼓励基于URL来组织系统功能，充分利用HTTP本身的语义，而不是仅仅将HTTP作为一种远程数据传输协议。

• AJAX：浏览器端的魔术。“Asynchronous JavaScript and XML”（异步的JavaScript与XML技术）AJAX就是实现了自动更新需要刷新的数据的效果。前后端的关键协作点是 Ajax 接口。

• Angular/Backbone：都是MVC框架，MV*框架的提出是为了解决前端开发的复杂度，提供一套规则组织代码、分层（MVC），通过合理的组织和分层，前端的代码职责明确、清晰，便于开发与测试。

• Node.js：浏览器端处理展现层逻辑、而服务端Controller这一层以及相关的模板渲染、路由、数据接口以及Session/Cookie先关处理实际上交给了Nodejs来做。通过Nodejs, 意味着前后端很多代码可以复用（例如数据验证逻辑），在需要SEO的场景下也可以选择服务端模板渲染。

• HTML：超文本标记语言 1989

• css： 层叠样式表 1996，用于描述HTML中各元素用什么样式展示

• JavaScript 脚本语言（JS）：在html提供的内容和css提供的格式之外，由js提供更复杂的界面展示效果和逻辑处理。在此存在很多可以直接使用的代码库，如jQuery等。

• 前端：html、css、js文件都会下载到用户的终端设备（计算机、手机、平板）上，在用户设备上被执行，因此，我们称它们在前端运行，这里的“前”是与后台服务器的“后”相对而言的。

• 脚本语言：脚本语言是一种逐句执行的直译语言，也就是这种语言不需要提前编译，直接由终端（如浏览器）解释运行即可。脚本语言与其他编程语言的关键区别在于是否需要经过编译链接形成二进制机器语言。我们知道，其他编程语言完成程序编写后，需要通过编译器的工作，将程序代码转变成二进制形式，windows系统中通常是.exe文件，这种文件可以直接在相应的操作系统中运行。而脚本语言不需要编译,写完代码保存文件之后，即可立即运行。要实现这种效果需要提前在需要运行该脚本文件的系统中安装相应的脚本软件。以JS为例,其脚本文件后缀为.js，要运行该脚本文件，需要运行环境中安装js软件。通常我们的浏览器中已经集成了js解析标准，直接可以解析js脚本文件，因此，js脚本语言通常被用作前端页面特殊效果的编程语言。

• 浏览器：浏览器就是对HTML+CSS+JS文件内容进行翻译，并允许用户通过页面与网站进行交互的一种软件。只要实现了对以上前端语言的翻译功能，就可以成为网页浏览器。

• 开发工具 (编辑软件/IDE)：IDE(Integrated Development Environment,集成开发环境),也就是这一个软件中集成了编辑功能、编译功能、文件管理功能、项目管理功能，甚至集成了很多插件、模板等内容。拥有这种IDE环境，基本不需要额外的工具，即可完成整个开发过程。

• SQL：SQL语言是专门用来解决各种不同的编程语言和不同的数据库之间进行通讯的结构化查询语言.任何编程语言都可使用SQL语言来操作任何支持SQL语言的数据库.

• 网站整体概念图：红色部分是需要我们去学习掌握的语言，需要利用这些语言实现网站前后台功能；蓝色部分是我们可以利用的辅助工具、软件架构，只需要了解用法，进行适当配置，使其在合适的位置发挥功能即可。

   **首次写博客，初学前端，以上皆为笔记，具体为何正确与否有待后续探索。内容来源于			https://www.zhihu.com/question/22689579**
   
   下面是我自己总结的前端开发有关网站：
  

• freecodecamp:.免费自学平台，有练习题可以做，有证书可拿

• js bin:可以用来练手代码的平台

• codepen：可以练手代码也可以交流的社区

• 掘金：中文社区

• github：代码托管平台、交流社区

• 牛客网：刷面试题的平台

• 百度前端技术学院-前端开发项目库：挺系统的教学，还迷茫的小伙伴可以去看一下

• *：解决bug的社区

• 程序员客栈：有本事就来这里接项目赚钱吧！

• v2ex：这也是一个社区

• w3cschool：听说很多前端都是在这里起步的？额…起码我是

• loading gif:制作动画加载gif

• 不用怕记不得网站网址了，真好&H&