Write Modern Web Apps with the MEAN Stack: Mongo, Express, AngularJS, and Node.js

517 Pages·2014·11 MB·English

by  Dickey

Write Modern Web Apps with the
MEAN Stack
Mongo, Express, AngularJS, and Node.js
DEVELOP AND DESIGN
Jeff Dickey
PEACHPIT PRESS
WWW.PEACHPIT.COM
Write Modern Web Apps with the MEAN Stack: Mongo, Express,
AngularJS, and Node.js
Jeff Dickey Peachpit Press
www.peachpit.com
To report errors, please send a note to [email protected]
Peachpit Press is a division of Pearson Education.
Copyright © 2015 by Jeff Dickey Editor: Kim Wimpsett
Production editor: David Van Ness
Proofreader: Liz Welch
Technical editor: Joe Chellman
Compositor: Danielle Foster
Indexer: Danielle Foster
Cover design: Aren Straiger
Interior design: Mimi Heft Notice of Rights
All rights reserved. No part of this book may be reproduced or transmitted in any
form by any means, electronic, mechanical, photocopying, recording, or
otherwise, without the prior written permission of the publisher. For information
on getting permission for reprints and excerpts, contact
[email protected].
Notice of Liability
The information in this book is distributed on an “As Is” basis, without warranty.
While every precaution has been taken in the preparation of the book, neither the
author nor Peachpit shall have any liability to any person or entity with respect
to any loss or damage caused or alleged to be caused directly or indirectly by the
instructions contained in this book or by the computer software and hardware
products described in it.
Trademarks
Many of the designations used by manufacturers and sellers to distinguish their
products are claimed as trademarks. Where those designations appear in this
book, and Peachpit was aware of a trademark claim, the designations appear as
requested by the owner of the trademark. All other product names and services
identified throughout this book are used in editorial fashion only and for the
benefit of such companies with no intention of infringement of the trademark.
No such use, or the use of any trade name, is intended to convey endorsement or
other affiliation with this book.
ISBN-13: 978-0-13-393015-3
ISBN-10: 0-13-393015-7
9 8 7 6 5 4 3 2 1
Printed and bound in the United States of America
To Mom and Dad,
for sometimes allowing me to sit inside all day on that computer
About the Author
Jeff Dickey is a full-stack web developer with years of startup experience in San
Francisco and Los Angeles. Jeff has launched projects, maintained large
systems, and led development teams. With more than 10 years of experience on
all of the major web platforms, he is continually searching for the latest
technology for building applications. Currently Jeff works for Heroku as its first
CLI developer. Jeff is also an instructor for General Assembly, teaching a course
on back-end web development.
Contents
Preface
Introduction
CHAPTER 1 HOW MODERN WEB ARCHITECTURE IS CHANGING
The Rise of the Static App
Enter the Thick Client
CHAPTER 2 WHY JAVASCRIPT IS A GOOD CHOICE FOR
MODERN APPS
What Is Angular.js?
What Is Node.js?
What Is Express?
What Is MongoDB?
CHAPTER 3 INTRODUCING THE SOCIAL NETWORKING
PROJECT
Creating a Static Mockup of the Recent Posts Page
Angularizing the Page
Adding New Posts
Next Steps
CHAPTER 4 BUILDING A NODE.JS API
The Stock Endpoint
Creating Posts via the API
MongoDB Models with Mongoose
Using Mongoose Models with the POST Endpoint
Next Steps
CHAPTER 5 INTEGRATING NODE WITH ANGULAR
$http
Reading Posts from the API with $http
Serving posts.html Through Node
Saving Posts to the API with $http
Fixing the Post Ordering
Cleaning Up server.js
Cleaning Up Angular
Next Steps
CHAPTER 6 AUTOMATING YOUR BUILD WITH GULP
Introducing Grunt and Gulp
Gulp Hello World
Building JavaScript with Gulp
Building CSS with Gulp
Gulp Dev Task
Other Gulp Plug-ins
Next Steps
CHAPTER 7 BUILDING AUTHENTICATION IN NODE.JS
Introducing Token Authentication
JSON Web Token (JWT)
Using BCrypt
Authentication with MongoDB
Next Steps
CHAPTER 8 ADDING ROUTING AND CLIENT AUTHENTICATION
Routing
Creating a Login Form
Express Authentication
Angular Events
Authenticating Social Posts
HTML5 Pushstate
Registration
Logout
Remember Me
User Foreign Key
Next Steps
CHAPTER 9 PUSHING NOTIFICATIONS WITH WEBSOCKETS
Introducing WebSockets
How WebSockets Work
What Should You Use WebSockets For?
WebSockets in Your Social App
WebSockets in Angular.js
WebSocket Architecture
Dynamic WebSocket Hostname
Next Steps
CHAPTER 10 PERFORMING END-TO-END TESTING
Setting Up Protractor
JavaScript Testing Frameworks
Writing a Basic Protractor Test
Protractor Expectations
chai-as-promised
When to Use End-to-End Tests
Next Steps
CHAPTER 11 TESTING THE NODE SERVER
Not Quite Unit Testing
Mocha for Node
Post Controller
SuperTest
Base Router
Using the Base Router with SuperTest
Models in Controller Tests
Testing Controllers with Authentication
Code Coverage