Mastering JavaScript Single Page Application Development

An in-depth guide to exploring the design, architecture, and techniques behind building sophisticated, scalable, and maintainable single-page applications in JavaScript

About This Book

• Build large-scale, feature-complete SPAs by leveraging widely used tools and techniques.
• Gain a solid understanding of architecture and SPA design to build applications using the library or framework of your choice.
• Explore the various facets of SPA development to build web apps that are fast, scalable, and easy to test.

Who This Book Is For

This book is ideal for JavaScript developers who want to build complex single-page applications in JavaScript. Some basic understanding of SPA concepts will be helpful but not essential.

What You Will Learn

• Organize your development environment using the command line with NPM, Bower, and Grunt.
• Choose an accurate design pattern for your app
• Understand modular JavaScript programming and Node.js
• Interact with a REST API using JavaScript and AJAX with practical examples
• Build a single page application using the MEAN stack
• Connect your app across popular social media platforms such as Facebook, Twitter, and LinkedIn
• Test your app, both on the server side and in views
• Prepare your app for the real world and deploy it to Heroku

In Detail

Single-page web applications—or SPAs, as they are commonly referred to—are quickly becoming the de facto standard for web app development. The fact that a major part of the app runs inside a single web page makes it very interesting and appealing. Also, the accelerated growth of browser capabilities is pushing us closer to the day when all apps will run entirely in the browser.

This book will take your JavaScript development skills to the next level by teaching you to create a single-page application within a full-stack JavaScript environment. Using only JavaScript, you can go from being a front-end developer to a full-stack application developer with relative ease.

You will learn to cross the boundary from front-end development to server-side development through the use of JavaScript on both ends. Use your existing knowledge of JavaScript by learning to manage a JSON document data store with MongoDB, writing a JavaScript powered REST API with Node.js and Express, and designing a front-end powered by AngularJS.

This book will teach you to leverage the MEAN stack to do everything from document database design, routing REST web API requests, data-binding within views, and adding authentication and security to building a full-fledged, complex, single-page web application.

In addition to building a full-stack JavaScript app, you will learn to test it with JavaScript-powered testing tools such as Mocha, Karma, and Jasmine. Finally, you will learn about deployment and scaling so that you can launch your own apps into the real world.

Style and approach

Following a structured approach, this book helps readers gain expertise in SPA development. Its thorough coverage of SPA architecture and design, along with practical use cases, provides readers with a clear path to building applications with the library of their choice. For readers who are afraid to take the plunge straightaway, the book also offers step-by-step guidance on developing a complex web app.

深入探索設計、架構和技術的詳細指南，用於在JavaScript中構建複雜、可擴展和易於維護的單頁應用程序。

關於本書
- 通過利用廣泛使用的工具和技術來構建大規模、功能完整的單頁應用程序。
- 瞭解架構和單頁應用程序設計，使用您選擇的庫或框架來構建應用程序。
- 探索單頁應用程序開發的各個方面，構建快速、可擴展且易於測試的Web應用程序。

適用對象
本書適合希望在JavaScript中構建複雜單頁應用程序的開發人員。對單頁應用程序概念有一些基本的理解會有所幫助，但不是必需的。

學到什麼
- 使用命令行和NPM、Bower和Grunt組織開發環境。
- 為您的應用程序選擇準確的設計模式。
- 瞭解模塊化JavaScript編程和Node.js。
- 使用JavaScript和AJAX與REST API進行交互，並提供實用示例。
- 使用MEAN堆棧構建單頁應用程序。
- 將您的應用程序連接到Facebook、Twitter和LinkedIn等流行社交媒體平台。
- 測試您的應用程序，包括服務器端和視圖。
- 為真實世界準備您的應用程序並部署到Heroku。

詳細內容
單頁Web應用程序（SPAs）正在迅速成為Web應用程序開發的事實標準。應用程序的主要部分在單個Web頁面內運行，這使其非常有趣和吸引人。此外，瀏覽器功能的快速增長使我們越來越接近所有應用程序完全在瀏覽器中運行的那一天。

本書將通過在完整的JavaScript環境中創建單頁應用程序來提升您的JavaScript開發技能。只使用JavaScript，您可以從前端開發人員輕鬆轉變為全棧應用程序開發人員。

您將通過在兩端使用JavaScript來跨越從前端開發到服務器端開發的界限。通過使用MongoDB管理JSON文檔數據存儲，使用Node.js和Express編寫JavaScript驅動的REST API，以及設計由AngularJS驅動的前端，利用您對JavaScript的現有知識。

本書將教您如何利用MEAN堆棧進行一切，從文檔數據庫設計，路由REST Web API請求，視圖內的數據綁定，添加身份驗證和安全性，到構建一個完整的、複雜的單頁Web應用程序。

除了構建全棧JavaScript應用程序外，您還將學習使用Mocha、Karma和Jasmine等JavaScript測試工具進行測試。最後，您將學習部署和擴展，以便將自己的應用程序推向現實世界。

風格和方法
本書按照結構化的方法，幫助讀者在SPA開發方面獲得專業知識。它詳細介紹了SPA架構和設計，並提供實際用例，為讀者提供了使用他們選擇的庫構建應用程序的明確路徑。對於不敢立即踏出第一步的讀者，本書還提供了逐步指導，幫助他們開發複雜的Web應用程序。