零、前言

在学习 Python 的过程中,您通过学习 Python 的基础知识、它的优雅性和它的编程原理,迈出了软件工程生涯的第一步。 在你职业生涯的下一个阶段,让我们来学习如何将你的编程知识转化为 JavaScript 来完成前端任务,包括 UX/UI 工作、表单验证、前端动画等等。 您可能熟悉使用 Flask 呈现前端,但 JavaScript 将允许您创建用户界面并实时响应用户输入。

我们将探讨这两种语言之间的差异,不仅仅是在句法层面,还有语义层面: 为什么我们在 Python 使用 JavaScript 时,他们的关注点分离是什么,我们如何连接我们现有的 HTML 和 CSS 和 JavaScript 的前端和后端使用 node . js 创建引人入胜的用户体验,以及如何创建完整的应用使用 web 应用的所有的层。

*# 这本书是给谁的

在软件工程中,而不是适用于所有情况。 Python 是一种可接近的、可扩展的语言,专为后端 web 工作而设计,但也可以为对前端的好奇打开大门。 这本书是为那些拥有 1-3 年 Python 经验的程序员而写的,他们希望将自己的 web 生态系统知识扩展到 JavaScript 支持的前端编程世界,并理解如何通过 Node.js 在前端和后端使用 JavaScript,从而实现高效的编码和工作流程。

扎实地理解数据类型、函数和范围对于掌握本书中列出的概念非常重要。 熟悉 HTML, CSS,文档对象模型(DOM),以及 Flask 和/或 Django 将会派上用场。

这本书的内容

第一章JavaScript 进入主流编程,是我们学习 JavaScript 重要性的地方。

第 2 章我们可以使用 JavaScript 服务器端吗? 当然! ,钻研服务器端 JavaScript。 JavaScript 的使用不仅仅是在浏览器端,还可以用于丰富、复杂、基于服务器的应用。

第 3 章Nitty-Gritty Grammar,在这里您将学习如何编写 JavaScript 以及它的语法与 Python 的区别。

第 4 章Data and Your Friend, JSON,介绍数据。 每个计算机程序都必须处理某种数据。 您将学习如何在 JavaScript 中与数据交互。

Hello World! 您的第一个应用,看到您编写的第一个 JavaScript 程序!

第 6 章文档对象模型(DOM),教你如何使用网页连接 JavaScript 与用户交互的基础知识。

第七章事件,事件驱动的设计,和 api,带你超越基本的交互,并向你展示如何将动态数据纳入你的程序。

第 8 章与框架和库一起工作,介绍了一些现代的 JavaScript 程序框架,以扩展您对行业标准应用的知识。

第 9 章decoding Error Messages and Performance Leaks,涵盖错误信息。 错误发生! 我们应该知道如何使用它们并调试我们的程序。

第 10 章JavaScript,标尺的前端,进一步了解 JavaScript 如何将前端整合在一起。

什么是 Node.js? ,进入 Node.js。 由于已经研究了 JavaScript 在前端的使用,本章将深入研究它在使用 Node.js 的“JavaScript 无处不在”范例中的作用。

第 12 章Node.js vs . Python 他们能合作吗? 我们如何安装创建和运行程序所需的软件包?

第 13 章Using Express,着眼于 Express.js(或仅仅是 Express),这是一个 web 应用框架,被认为是 Node.js 事实上的 web 服务器。

第 14 章React with Django探讨了 Django。 Django 可能是一个 Python 框架,让我们看看它与 JavaScript 框架在前端和后端有什么不同。

第 15 章结合 Node.js 和前端,将前端和后端连接在一起。 我们将构建两个(几乎)全栈功能的小应用。

第 16 章进入 Webpack,涉及部署工具,这对高效的 JavaScript 至关重要。

第 17 章Security and Keys深入探讨安全问题。 JavaScript 需要安全资源的知识,那么我们如何处理它们呢?

第 18 章Node.js 和 MongoDB,继续到 MongoDB。 MongoDB 是如何从 JavaScript 使用数据库的一个很好的例子。 我们将使用它作为示例 NoSQL 数据库,因为它可以很好地处理 JSON 数据。

第 19 章Putting It All Together,使用一个完整的,现代的 JavaScript 堆栈创建一个最终项目。

才能充分利用这本书

因为我们将直接使用 JavaScript,所以您需要在计算机上安装一个代码编辑器,例如 Visual Studio code、Sublime Text 或其他通用编程环境。 由于编码环境的限制,像平板电脑这样的移动设备可能不是一个合适的环境,尽管低端机器可以工作。 我们将使用命令行工具,熟悉 macOS 终端将会很有用; Windows 操作系统用户需要下载并安装 Git Bash 或类似的终端程序,因为标准的 Windows 命令提示符无法满足要求。

我们的程序需要一个现代化的浏览器。 Chrome 的推荐。 我们将在整个 JavaScript 工作中使用 ECMAScript 2015(也称为 ES6)。

我们将安装我们系统的各种其他组件,比如 Node.js 和 Node Package Manager、Angular 和 React。 安装每个必要组件的说明将在本章中提供。 为了完成所有安装步骤,可能需要具有系统管理员权限。

如果您正在使用本书的数字版本,我们建议您自己输入代码或通过 GitHub 存储库访问代码(链接在下一节可用)。 这样做将帮助您避免与复制和粘贴代码相关的任何潜在错误。

我们的几个项目也需要访问网站,所以一个活跃的互联网连接将是必要的。 也建议你带点幽默感。

下载示例代码文件

你可以从你的账户www.packt.com下载这本书的示例代码文件。 如果您在其他地方购买了这本书,您可以访问www.packtpub.com/support并注册,直接通过电子邮件将文件发送给您。

您可以按照以下步骤下载代码文件:

  1. 登录或注册:www.packt.com
  2. 选择 Support 选项卡。
  3. 单击代码下载。
  4. 在搜索框中输入图书名称,并按照屏幕上的说明操作。

文件下载后,请确保使用最新版本的:

  • 解压缩的软件/ 7 - zip 窗口
  • Zipeg / iZip UnRarX Mac
  • 7 - zip / PeaZip Linux

本书的代码包也托管在 GitHub 上的https://github.com/PacktPublishing/Hands-on-JavaScript-for-Python-Developers。 如果有对代码的更新,它将在现有的 GitHub 存储库中更新。

我们也有其他代码包从我们丰富的图书和视频目录,可在https://github.com/PacktPublishing/。 检查出来!

下载彩色图像

我们还提供了一个 PDF 文件,里面有本书中使用的屏幕截图/图表的彩色图像。 下载地址:https://static.packt-cdn.com/downloads/9781838648121_ColorImages.pdf

约定使用

本书中有许多文本约定。

CodeInText:文本码字、数据库表名、文件夹名、文件名、文件扩展名、路径名、虚拟 url、用户输入、Twitter 句柄。 下面是一个示例:“将下载的WebStorm-10*.dmg磁盘镜像文件挂载为系统中的另一个磁盘。”

代码块的设置如下:

html, body, #map {
 height: 100%; 
 margin: 0;
 padding: 0
}

当我们希望您注意代码块的特定部分时,相关的行或项以粗体显示:

[default]
exten => s,1,Dial(Zap/1|30)
exten => s,2,Voicemail(u100)
exten => s,102,Voicemail(b100)
exten => i,1,Voicemail(s0)

命令行输入或输出如下所示:

$ mkdir css
$ cd css

加粗:表示新术语、重要单词或屏幕上看到的单词。 例如,菜单或对话框中的单词会像这样出现在文本中。 下面是一个示例:“从管理面板中选择系统信息。”

Warnings or important notes appear like this. Tips and tricks appear like this.

取得联系

我们欢迎读者的反馈。

:如果你对这本书的任何方面有疑问,在你的信息的主题中提到书名,并在customercare@packtpub.com给我们发邮件。

勘误表:虽然我们已经采取了每一个小心,以确保我们的内容的准确性,错误确实发生了。 如果您在本书中发现了错误,请向我们报告,我们将不胜感激。 请访问www.packtpub.com/support/errata,选择您的书,点击勘误表提交表格链接,并输入详细信息。

:如果您在互联网上发现任何形式的我们的作品的非法拷贝,请您提供我们的地址或网址,我们将不胜感激。 请通过copyright@packt.com与我们联系,并提供材料链接。

:如果你有兴趣成为一名作家,如果你对某一话题有专长,或者你有兴趣写一本书,请访问authors.packtpub.com

评论

请留下评论。 一旦你阅读并使用了这本书,为什么不在你购买它的网站上留下评论呢? 潜在的读者可以看到并使用您的公正的意见来做出购买决定,我们在 Packt 可以了解您对我们产品的看法,我们的作者可以看到您对他们的书的反馈。 谢谢你!

如需了解更多信息,请访问packt.com。*