Full Stack Python 系列之 4.11 JavaScript

| 分类 Full Stack Python  | 标签 Full Stack Python  翻译  Python 

本系列文章来自 Full Stack Python简体中文翻译项目

翻译网站地址是 fullstackpython.atjiang.com

查看原文请访问 www.fullstackpython.com

第四章 、十一 JavaScript

JavaScript 是一种小型的脚本编程语言,它嵌于 Web 浏览器中,用于实现动态内容和用户交互。

为什么说 JavaScript 是必需的?

JavaScript 在客户端执行,它能实现单独的 HTML 和 CSS 不可能实现的动态内容和用户交互。现在的每个 Python Web 应用都在前端使用 JavaScript。

前端框架

前端 JavaScript 框架将 Web 应用的绝大多数呈现功能移到了客户端。因为网页在每次点击新链接时不用重新加载,这种类型的应用通常非正式地被称为 “单面应用”。相反的,这种应用中的部分 HTML 页面会加载到文档对象模型中,或者通过 API 调用获取的数据会显示到已存在的页面上。

这些前端框架包括:

前端框架发展非常迅速。过不了几年,关于框架使用的最佳实践的共识将会达成。

JavaScript 的起源?

JavaScript 是对 ECMAScript 规范 的一种实现,该规范是由 Ecma 国际标准组织 定义的。

JavaScript 资源

  • 2015 年前端工具 显示了一份关于前端开发人员在 CSS 预处理/后处理过程及其它构建步骤中都使用哪些工具的调查结果。

  • 浏览器工作原理 对 JavaScript 和 CSS,以及页面是如何在浏览器中呈现的等知识进行了非常好的概述。

  • 由 Mozilla 发布的 重新介绍 JavaScript 对 JavaScript 的基本语法和操作符进行了讲解。

  • 代码工具与 JavaScript 库 是一份由 Smashing Magazine 整理的长清单,列出了与 JavaScript 相关的库与工具,并对列出的每一项进行了讲解。

  • Superhero.js 是一份关于如何测试、组织、理解 JavaScript 及其一般性用法的资源列表,它设计的相当赞。

  • Unheap 收集了一份非常不错的可重用 JQuery 插件集,从导航栏到显示媒体内容,内容涉及各个方面。

  • 2015 年的 JavaScript 状况 论述了这样一个观点:因生态系统变动,比起大型框架,人们现在更倾向于使用小型、单一用途的 JavaScript 库。

  • 当代 JavaScript 开发者工具集 为那些在他们的 Web 应用中使用 Javascript 的开发者,提供了一份客户端和服务端常用工具的高度概括。

JavaScript 学习清单

  1. 创建一个只含基本元素的简单 HTML 文件。使用 python -m SimpleHTTPServer 命令来开启服务端进程。在 HTML 文件的 <body> 区域的最末尾创建一个 <script type="text/javascript"></script>。 在 script 元素中通过试验 JavaScript 来学习基本语法。

  2. 下载 JQuery 并将它添加到页面中的 JavaScript 元素之前,开始使用 JQuery 并理解它如何使 JavaScript 的基本功能变得更加易用。

  3. 在页面上使用 JavaScript。将上面列出的开源项目中的示例和 JQuery 插件加入到页面中。到 Unheap 上查找大量的分类 JQuery 插件集。

  4. 查看上面列出的 JavaScript 资源,学习更多的高级概念并研究开源库。

  5. 将 JavaScript 加入到你的 Web 应用中,查看 静态内容 那一章来学习如何发布 JavaScript 文件。


上一篇     下一篇