零、前言
在学习 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并注册,直接通过电子邮件将文件发送给您。
您可以按照以下步骤下载代码文件:
- 登录或注册:www.packt.com
- 选择 Support 选项卡。
- 单击代码下载。
- 在搜索框中输入图书名称,并按照屏幕上的说明操作。
文件下载后,请确保使用最新版本的:
- 解压缩的软件/ 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。*
版权属于:月萌API www.moonapi.com,转载请注明出处