在过去的二十年中，HTML、层叠样式表 (CSS) 和 JavaScript 经历了巨大的增长和发展，考虑到互联网在我们生活中不断扩展的作用，这应该不足为奇。自 1990 年代初期和 IBM 著名的商业广告 描绘企业早期对互联网重要性的认识以来，JavaScript 开发已经走了很长一段路。那个商业广告永远地改变了 Web 开发者的角色。在商业入侵之前，Web 开发者更具艺术性，但商业和工业的影响改变了这一切。
自从第一个使用 JavaScript 生成的网页被开发出来以来，已经过去了 25 年多的时间，情况已经得到了极大的改善。如今，IDE 结构良好，可以验证您的代码，而独立的环境有助于测试和调试 Web 前端逻辑。现在，学习 JavaScript 不仅仅是学习该语言的语法。
由于您可以学习的领域众多，请考虑您的目标，以便您可以专注于您的培训并尽快上手。您想学习如何使用动态内容和出色的前端以及让网站访问者惊叹的用户体验来使网页眼花缭乱吗？还是您想专注于优化服务器后端集成，简化进出浏览器的数据流，并采用最新的同步和异步服务器调用模式？或者也许你想两者都做？
有大量的 JavaScript 库和框架专注于动态 HTML 操作、Ajax 或两者兼而有之。这里无法一一列举，但我鼓励您尝试几个，以找到最适合您尝试完成的任务的框架。由于自 1990 年代初期以来，Web 搜索也得到了极大的改进，因此您一定会找到大量关于每种框架优缺点的评论。
在线学习资源
JavaScript
如果您是 JavaScript 世界的新手，这些免费资源是了解该语言的语法和基础知识的绝佳入门。
- Mozilla 的 JavaScript 指南：Mozilla 易于理解的指南以教科书般的风格解释了概念，并有条不紊地引导您完成 JavaScript 开发，从您的第一组脚本到更复杂的主题，例如错误处理、流程控制、对象、数组、函数等。
- Udacity 的 JavaScript 入门课程：这主要是一门在线视频课程。它分为多个部分，每个部分的课程都以单独的视频形式呈现。演示文稿组织良好，课程中的示例简单易懂且全面。该课程还包括在线测验来测试您的知识。
- The Odin Project：Odin 适合那些正在寻找 Web 应用程序的完整端到端开发的人。这绝对是一种实践经验，您可以在其中构建各种作业中定义的应用程序组件，甚至将您的“答案”上传到 GitHub。该项目从 HTML 和 CSS 开始，转移到 JavaScript，甚至包括后端服务器逻辑。每个练习还允许您评估您的作品并将其与参加过该课程的其他人的作品进行比较，因为 Odin 的开发练习也在 GitHub 中提供。
jQuery
如果您想进行 Web 开发，则需要将学习 jQuery 列入您的待办事项列表。jQuery 已成为 JavaScript 开发者最核心的框架之一，因为它极大地简化了处理事件、遍历 HTML 文档、调用异步调用以及在网页中启动动画功能的方式。该框架掩盖了浏览器之间的差异，因此开发者不必为站点创建不同的代码集即可在浏览器之间无缝运行。
Bootstrap
Bootstrap 是另一个强大的基础框架，专注于移动前端控制和结构。它包含针对设备以及桌面浏览器而设计的 Web 演示预构建模板。它还包含用于 jQuery 的强大插件，可帮助您快速原型化想法。
Knockout.js
Knockout 是一个很棒的框架，它使用 Model-View-ViewModel 模式在数据和您的 Web 界面之间创建双向依赖关系。它使用声明式绑定来轻松关联 DOM 元素、依赖跟踪和模板，从而提供自动 UI 刷新。它可以与 JQuery 交互并执行一些相同的功能，但代码更简单，并且可以执行对服务器端逻辑的异步调用。该站点包含教程和多个实时示例，使其成为这个简单但功能强大的框架的完整参考。
书籍
无论您喜欢历史悠久的纸质材料的感觉，还是您翻阅页面的想法更适合在电子书中“向左滑动”，都有大量关于 JavaScript 和相关主题的优秀阅读材料可能会引起您的兴趣。
以下是一些经典之作
- JavaScript 权威指南，第 6 版，O'Reilly：在其第 6 版中，这本权威指南名副其实。本书已经存在了十多年，内容全面且组织良好。如果您只选择一本 JavaScript 书籍添加到您的书库，那就是这本。
- 学习 JavaScript，第 3 版，O'Reilly：该资源涵盖了众多主题，超越了学习 JavaScript 的基础知识。它还涵盖了一些框架的基础知识，例如 JQuery，并包含很好的示例。本书是“权威指南”的极佳补充。
- JavaScript 编程入门，Manning：本书组织良好，示例丰富，基本概念呈现清晰简洁。
- JavaScript 忍者秘籍，第 2 版，Manning：作者深入探讨了如何在函数中提高效率，并强调了可能让任何 JavaScript 开发者绊倒的典型陷阱。
- JavaScript 设计模式，Apress：是的，即使是 JavaScript 也可以是面向对象的。该资源涵盖了您可以合并到 JavaScript 代码中的几种设计模式，从而简化和组织您的函数以获得更好的可维护性。
- Ajax 设计模式，O'Reilly：该资源是为 AJAX 或异步服务器调用创建精心设计的面向对象函数的绝佳资源。AJAX 已成为扩展网站用户体验的强大工具，该资源有助于充分利用服务器端应用程序和数据。
如果您是 JavaScript 新手，希望以上资源能为您提供比我们疲惫的早期开发者更健全的语言入门。如果您是一位经验丰富的 JavaScript 开发者，并且没有在此处看到您最喜欢的学习资源，请在评论中分享它们以及您自己的学习这种强大语言的技巧。
4 条评论