Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Mastering JavaScript Single Page Application Development
  • Table Of Contents Toc
Mastering JavaScript Single Page Application Development

Mastering JavaScript Single Page Application Development

By : Klauzinski, Moore
4 (2)
Buy this Book
close
close
Mastering JavaScript Single Page Application Development

Mastering JavaScript Single Page Application Development

4 (2)
By: Klauzinski, Moore
Buy this Book

Overview of this book

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.
Table of Contents (15 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Getting Organized with NPM, Bower, and Grunt
chevron up
Icon
1. Getting Organized with NPM, Bower, and Grunt
Icon
What is Node Package Manager?
Icon
Bower
Icon
Grunt
Icon
Summary
2
2. Model-View-Whatever
Icon
2. Model-View-Whatever
Icon
The original MVC pattern
Icon
MVP and MVVM
Icon
VIPER and other variations of MVW
Icon
AngularJS and MVW
Icon
Using the MVW pattern in an SPA
Icon
Summary
3
3. SPA Essentials – Creating the Ideal Application Environment
Icon
3. SPA Essentials – Creating the Ideal Application Environment
Icon
The JSON data format
Icon
The differences between SQL and NoSQL databases
Icon
When to use SQL versus NoSQL databases
Icon
Methods of presenting an SPA container
Icon
Managing layouts
Icon
Summary
4
4. REST is Best – Interacting with the Server Side of Your App
Icon
4. REST is Best – Interacting with the Server Side of Your App
Icon
Understanding the fundamentals of REST
Icon
Benefits of REST
Icon
RESTful web services
Icon
Writing basic REST API endpoints
Icon
Alternatives to REST
Icon
Summary
5
5. Its All About the View
Icon
5. Its All About the View
Icon
JavaScript templating engines
Icon
Underscore.js
Icon
Mustache.js
Icon
Handlebars.js
Icon
Other differences in Handlebars from Mustache templates
Icon
Pure.js
Icon
Pug
Icon
Embedded JavaScript (EJS)
Icon
Optimizing your application layout
Icon
Summary
6
6. Data Binding, and Why You Should Embrace It
Icon
6. Data Binding, and Why You Should Embrace It
Icon
What is data binding?
Icon
Data binding with modern JavaScript frameworks
Icon
Implementing data binding with native JavaScript
Icon
Why use data binding?
Icon
Summary
7
7. Leveraging the MEAN Stack
Icon
7. Leveraging the MEAN Stack
Icon
The Node.js environment
Icon
Getting started with Express
Icon
Exploring MongoDB
Icon
Starting with AngularJS
Icon
Summary
8
8. Managing Data Using MongoDB
Icon
8. Managing Data Using MongoDB
Icon
Exploring the NoSQL database model
Icon
Commanding MongoDB
Icon
Incorporating MongoDB into the SPA
Icon
MongoDB database performance
Icon
Summary
9
9. Handling Web Requests with Express
Icon
9. Handling Web Requests with Express
Icon
Examining Express in detail
Icon
Developing a RESTful API
Icon
Summary
10
10. Displaying Views
Icon
10. Displaying Views
Icon
Setting up our dashboard
Icon
Implementing AngularJS
Icon
Talking to the backend
Icon
Summary
11
11. Adding Security and Authentication
Icon
11. Adding Security and Authentication
Icon
Adding authentication with Passport
Icon
Authenticating requests
Icon
Securing Express
Icon
Summary
12
12. Connecting the App to Social Media
Icon
12. Connecting the App to Social Media
Icon
Connecting to Facebook
Icon
Connecting to Twitter
Icon
Sharing giftlists
Icon
Summary
13
13. Testing with Mocha, Karma, and More
Icon
13. Testing with Mocha, Karma, and More
Icon
Types of testing
Icon
Summary
14
14. Deploying and Scaling the SPA
Icon
14. Deploying and Scaling the SPA
Icon
Packaging for deployment
Icon
Setting up a cloud database
Icon
Deploying the application to Heroku
Icon
Scaling the SPA
Icon
Summary

Chapter 1. Getting Organized with NPM, Bower, and Grunt

JavaScript was the bane of the web development industry during the early days of the browser-rendered Internet. It now powers hugely impactful libraries such as jQuery, and JavaScript-rendered (as opposed to server-side-rendered) content is even indexed by many search engines. What was once largely considered an annoying language used primarily to generate pop-up windows and alert boxes, has now become arguably the most popular programming language in the world.

Not only is JavaScript now more prevalent than ever in frontend architecture, but it has become a server-side language as well, thanks to the Node.js runtime. We have also seen the proliferation of document-oriented databases, such as MongoDB, which store and return JSON data. With JavaScript present throughout the development stack, the door is now open for JavaScript developers to become full-stack developers without the need to learn a traditional server-side language. Given the right tools and know-how, any JavaScript developer can create single page applications comprised entirely of the language they know best, and they can do so using an architecture like MEAN (MongoDB, Express, AngularJS, and Node.js).

Organization is key to the development of any complex Single Page Application (SPA). If you don't get organized from the beginning, you are sure to introduce an inordinate number of regressions to your app. The Node.js ecosystem will help you to do this with a full suite of indispensable and open-source tools, three of which we will discuss here.

In this chapter, you will learn about:

  • Node Package Manager (NPM)
  • Bower frontend package manager
  • Grunt JavaScript task runner
  • How these three tools can be used together to create an organized development environment that is ideal for creating an SPA and is essential to the MEAN stack architecture.
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Mastering JavaScript Single Page Application Development
End of Section 1
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon