MEAN Blueprints - Robert Onodi - E-Book

MEAN Blueprints E-Book

Robert Onodi

0,0
39,59 €

-100%
Sammeln Sie Punkte in unserem Gutscheinprogramm und kaufen Sie E-Books und Hörbücher mit bis zu 100% Rabatt.

Mehr erfahren.
Beschreibung

Unlock the power of the MEAN stack by creating attractive and real-world projects

About This Book

  • Build six optimum end-to-end web applications using the M.E.A.N stack
  • Follow the advanced Angular.js 2 application structure to build more scalable and maintainable apps
  • Integrate an authorization system into your application and reuse existing code from projects

Who This Book Is For

If you are a web developer with a basic understanding of the MEAN stack, experience in developing applications with JavaScript, and basic experience with NoSQL databases, then this book is for you.

What You Will Learn

  • Build modern, end-to-end web applications by employing the full stack web development solution of MEAN
  • Learn NoSQL databases and separate the client logic from the server code
  • Build a complex application from start to finish and work with monetary data in MongoDB
  • Handle a multi-user type system and authorize your users to access control list
  • Implement a chat application from scratch using Socket.IO
  • Create distributed applications and use the power of server-side rendering in your applications
  • Extend a project with a real-time bidding system using WebSockets

In Detail

The MEAN stack is a combination of the most popular web development frameworks available—MongoDB, Angular, Express, and Node.js used together to offer a powerful and comprehensive full stack web development solution. It is the modern day web dev alternative to the old LAMP stack. It works by allowing AngularJS to handle the front end, and selecting Mongo, Express, and Node to handle the back-end development, which makes increasing sense to forward-thinking web developers. The MEAN stack is great if you want to prototype complex web applications.

This book will enable you to build a better foundation for your AngularJS apps. Each chapter covers a complete, single, advanced end-to-end project. You'll learn how to build complex real-life applications with the MEAN stack and few more advanced projects. You will become familiar with WebSockets and build real-time web applications, as well as create auto-destructing entities. Later, we will combine server-side rendering techniques with a single page application approach. You'll build a fun project and see how to work with monetary data in Mongo. You will also find out how to a build real-time e-commerce application.

By the end of this book, you will be a lot more confident in developing real-time, complex web applications using the MEAN stack.

Style and approach

This book is filled with independent hands-on projects that teach you how to build real-life end-to-end complex web applications using the MEAN stack.

Sie lesen das E-Book in den Legimi-Apps auf:

Android
iOS
von Legimi
zertifizierten E-Readern

Seitenzahl: 296

Veröffentlichungsjahr: 2016

Bewertungen
0,0
0
0
0
0
0
Mehr Informationen
Mehr Informationen
Legimi prüft nicht, ob Rezensionen von Nutzern stammen, die den betreffenden Titel tatsächlich gekauft oder gelesen/gehört haben. Wir entfernen aber gefälschte Rezensionen.



Table of Contents

MEAN Blueprints
Credits
About the Author
About the Reviewer
www.PacktPub.com
eBooks, discount offers, and more
Why subscribe?
Preface
The idea behind the book
A little bit of twist
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
1. Contact Manager
Setting up the base application
Folder structure
Server-side package.json
The first application file
Creating the Express configuration file
Setting up mocha for testing
Setting up Mongoose
Managing contacts
Creating the contact mongoose schema
Describing the contact route
Creating a contact
Getting contacts
Getting a contact by ID
Updating a contact
Removing a contact
Running our tests
Implementing the contact routes
Adding all endpoints
Finding a contact by ID
Getting contact information
Updating a contact
Removing a contact
Running the contact test
Securing your application routes
Describing the password helper
Implementing the password helper
Creating the user Mongoose schema
Describing the authentication method from the user model
Implementing the authentication method
Authentication routes
Describing the authentication routes
Integrating Passport
Implementing the authentication routes
Restricting access to contacts routes
Integrating Angular 2 into our application
Granting access to our application
AuthService
User sign-in component
Custom HTTP service
The Contact module
Contact service
Contact component
List contacts component
Creating a contact component
Editing an existing contact
Finishing touch
Summary
2. Expense Tracker
Setting up the base application
Installing the dependencies
Creating the base configuration files
Creating the main server.js file
Setting up the user section
Describing the user model
Implementing the user model
Authenticating users
Describing the authentication strategies
Implementing the token generation
Persisting tokens in MongoDB
Authentication using HTTP Basic
Adding authentication routes
Verifying users using bearer authentication
Bearer strategy
Protecting resources using tokens
Tracking expenses
Monetary values
The category model
Categories routes
Getting the category by ID
Creating a category
Getting one and all categories
Updating and deleting a category
Defining the expense model
Describing the expense module functionality
CRUD operations for expenses
Create expense
Get expense by ID
Get one expense
Get all expenses
Update expense
Delete expense
Getting the expense balance
Implementing the Angular client application
Bootstrapping the project
Registering users
The auth service
Register component
Sign-in-user component
Common functionalities
Custom HTTP service
Using a single export file
The categories module
Category service
The categories component
Create a new category
List all categories
The category component
The expenses module
Expense service
Filter expenses
Add a new expense
List expenses
Display balance
Expenses component
Summary
3. Job Board
Setting up the base application
Modifying the user backend
Modifying the user model
An authorization policy
The company backend module
The company model
The company controller
Creating a company
Getting a company by ID
Getting all companies
Updating a company
Adding a company member
Removing a company member
Company routes
The job backend module
The job model
Job controller
Adding a new job for a company
Finding a job by ID
Getting all jobs
Updating a specific job
Job routes
Getting one and all jobs
Creating a route
Updating a route
Job applications
The application model
Controller logic
Applying for a job
Finding a given application by ID
Getting all job applications
Updating an application
Removing an application from a job
Creating a new company
The company service
Creating a company component
Displaying companies
The job module
The job service
The job base component
The jobs component
The job list component
Job details
Adding new jobs
Company details
User profile
Profile backend
Synchronizing profile data
Editing profile data
The profile block component
Extra models
Summary
4. Chat Application
Setting up the base application
Modifying the user model
The message history data model
The thread schema
The message schema
Thread backend
Thread controller
Defining routes
Message controller
Backend chat service
Chat service implementation
Instant messaging module
Bootstrapping the Angular app
The boot file
App component
Custom data types
User type
Thread type
Message type
Application services
User service
The thread service
The message service
The chat component
The user list component
Displaying threads
Thread component
Thread list component
Messaging
Sending messages
The message component
The message list component
Summary
5. E-commerce Application
Setting up the base application
Data modeling
Custom money data type
The product model
The order model
The inventory model
The core Service Layer
The product catalog
The inventory manager
Shopping cart
The Auth micro app
Defining the class
The controller
Exposing an API
The Api class
Product controller
Product router
Shared resources
The admin section
The admin micro app
Changing the auth module
Products administration
The product service
List products
The main product component
Add and edit a product
Order handling
Retrieving orders
View and update orders
Building the Storefront
Storefront micro app
Storefront pages
Main layout
List products
Summary
6. Auction Application
Setting up the base app
What we are building
Data modeling
Auction
Bidder
Auction backend
The Mediator
Auction manager
Auctioneer
Using the service from controller
Accessing data from the e-commerce API
E-commerce client service
Frontend services
Auction service
The socket service
The bid service
The bidder service
The Auction module
The base component
The auction list
The detail page
The bid module
Listing bids
The bid component
Summary
Index

MEAN Blueprints

MEAN Blueprints

Copyright © 2016 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: May 2016

Production reference: 1240516

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham B3 2PB, UK.

ISBN 978-1-78355-394-5

www.packtpub.com

Credits

Author

Robert Onodi

Reviewer

Dan Shreim

Acquisition Editor

Rahul Nair

Content Development Editor

Mayur Pawanikar

Technical Editor

Vivek Arora

Copy Editor

Vikrant Phadke

Project Coordinator

Nidhi Joshi

Proofreader

Safis Editing

Indexer

Monica Mehta

Graphics

Disha Haria

Production Coordinator

Nilesh Mohite

Cover Work

Nilesh Mohite

About the Author

Robert Onodi has been developing software for close to a decade now. He started working on small applications in Flash, and later moved on to the LAMP stack. For most of his career, he has been working with JavaScript. Having knowledge of both server-side technologies and a passion for JavaScript, he rapidly adopted Node.js in his development stack.

Currently, he works at Evozon, where he shares his dedication for technology and JavaScript with others and develops modern applications using the MEAN stack. Besides his daily programming routine, he is also passionate about mentoring and training.

I rarely have the chance to thank everyone for all their good deeds towards me, probably because we are used to a life lived in fast forward. But this time, I would like to take my time and sincerely thank everyone for their help and support, especially for their trust and sacrifice, making me a better person.

A big thank you to everyone: my family, my loved ones, my friends, my colleagues, everybody at Packt, and all the great people working at Evozon for the support and help they give me each day. There is no greater source of inspiration and motivation in life than doing what you love, with the ones you love.

About the Reviewer

Dan Shreim has worked as a frontend web developer for over 15 years, specializing in AngularJS, user experience, and interface design. He has worked in conjunction with several award-winning agencies on projects for numerous household-name brands around the world crossing the entertainment, financial, security, and business sectors.

He is currently working as an interface developer for a world-leading cybersecurity company in Boulder, Colorado, USA.

He has worked in Toronto, Canada, designing loyalty platforms; and in London, UK, building prototypes for usability testing.

For more information on Dan, please visit his site at http://snapjay.com.

I'd like to thank Jasper for his compassion and support over the past few years.

www.PacktPub.com

eBooks, discount offers, and more

Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at <[email protected]> for more details.

At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks.

https://www2.packtpub.com/books/subscription/packtlib

Do you need instant solutions to your IT questions? PacktLib is Packt's online digital book library. Here, you can search, access, and read Packt's entire library of books.

Why subscribe?

Fully searchable across every book published by PacktCopy and paste, print, and bookmark contentOn demand and accessible via a web browser

Preface

When learning new technologies or even improving our existing skill set, we are always interested in full-fledged applications: how the application is built from the concept phase to an actual running application, what pain points can different technologies solve, and what guidelines we need to follow to ease our development cycle.

Speaking of technologies, probably the most widespread of them all is JavaScript. I think the good and bad part of JavaScript is its popularity. For decades, we have had no technology that is so widely spread and ready to be integrated on different platforms.

Besides running JavaScript in the browser, which we are all so used to, for a few years we can easily run our JS code on the server using Node.js. It does not stop here, as we can start developing powerful IoT projects using only JavaScript.

For many years, we saw a movement of having a single technology that dominates every platform. I think the JavaScript stack, yes stack, at the moment is big game changer. Probably, you are thinking now that it's not that perfect or colorful; yes, I cannot agree more with you, but the evolution is so rapid—and new things are pushed every day, every minute—that we are on the edge of a technological revolution.

Wait! What? Yes, we can be a part of the revolution, we can be trend setters, we can shape the future of the Web, mobile, and IoT (maybe the universe? But of course). We can push the limits and prove that we can do great things, and we can progressively improve ourselves and the people around us.

The idea behind the book

The idea behind writing this book was to provide a guide and a higher perspective of applications built using the MEAN stack. As I interact with lots of people at the company Evozon, where I'm working, I see a big desire in people to touch and feel how applications are built using different technology stacks.

Especially in popular technologies such as JavaScript, Node.js, and MongoDB. But usually, finding full end-to-end example applications is hard. Don't get me wrong; the Internet is full of great stuff, brilliant people, and so many mind-blowing things, but it is also full of noise and uncertainty, and it's hard to know which path is right or wrong and what should be done in certain scenarios.

That's why we want to showcase different scenarios of building applications using the MEAN stack. Probably it's not the only way of doing things, but it should provide you with a starting point, or give you an insight into how certain parts of an app are built.

This is not a getting started book on Node.js and Angular 2. It will jump right into action and showcase six built-from-the-beginning applications, each with different use cases and solving a high-level problem.

A little bit of twist

Writing a book takes time, a lot of energy, and a little bit of fear. I've feared that I'll never finish this book. It was a long run, and the funniest part was that the first three chapters were written in an earlier version of AngularJS. Don't worry! Everything is shipped using Angular 2.

As you might have guessed, we had a long run and rewrote everything using the currently-in-beta-release Angular 2. Why? Because, as I told you before, we want to push our limits. We want to grow and master new ways of building modern applications.

I've tried to cover a variety of applications built using the MEAN stack, ranging from a simple contact manager and a real-time chat application to a full auction website.

What this book covers

Chapter 1, Contact Manager, will cover the process of building an introductory application to save your contacts in MondoDB. The chapter will introduce you to TDD (short for Test-Driven Development) for your Node.js application. You will learn how to build an Angular 2 app that will access data from the Express API.

Chapter 2, Expense Tracker, is going to dive deep into working with monetary data in JavaScript and storing this data in MongoDB using the exact precision approach. Also, you are going to learn how to add a token for authentication of each request in the client application by extending the built-in HTTP service in Angular. Besides this, you'll see how to use the aggregation framework from MongoDB and display the result in your Angular application.

Chapter 3, Job Board, will focus on building a more consumer-level application that will enable users to define a custom profile with dynamic data. You will use reactive extensions in Angular to create different communication layers in your application. On the backend, we are going to build a RESTful API using Node.js and set up a boilerplate application from the previously built apps that we are going to use further in the book.

Chapter 4, Chat Application, will start reusing the boilerplate built in the previous chapter. But the most fun part will begin when we create a chat service layer that uses SocketIO. This will enable both the backend and the frontend Angular app to communicate in real time to send messages. The chat service will be built in such a way that it's easily extendable with new modules, besides instant messaging, such as when a user is online or goes offline.

Chapter 5, E-Commerce Application, is going to reflect the ease of storing unstructured data in MongoDB. We'll discuss in detail how to store your product catalog in a NoSQL database. Besides this, our initial architecture from the previous chapters is going to get a new form, and we'll experiment with micro-apps, each with its own responsibility. The micro-apps will use the core e-commerce module that encapsulates all the business logic. Also, this chapter will cover two client apps, one built with a totally different technology, and an admin application using Angular 2.

Chapter 6, Auction Application, is going to be more of an extension of the previous chapter; in other words, it will use the e-commerce API to fetch product information and authenticate users. This will push us not only to reuse existing code but rely on other services for faster prototyping when building products. Also, we are going to dive deeper into RxJs and see how we can build a real-time bidding system in our Angular auction application using SocketIO on the server side.

What you need for this book

You will require any modern web browser (such as Chrome's latest version or IE 10+), the Node.js platform installed on your machine, and version 3.2 or higher of MongoDB. Optionally, you can install any web server, such as Nginx, Apache, IIS, or lighttpd, to proxy requests to your Node.js application.

Who this book is for

If you are a web developer with a basic understanding of the MEAN stack, experience of developing applications with JavaScript, and basic experience with NoSQL databases, then this book is for you.

Reader feedback

Feedback from our readers is always welcome. Let us know what you think about this book—what you liked or disliked. Reader feedback is important for us as it helps us develop titles that you will really get the most out of.

To send us general feedback, simply e-mail <[email protected]>, and mention the book's title in the subject of your message.

If there is a topic that you have expertise in and you are interested in either writing or contributing to a book, see our author guide at www.packtpub.com/authors.

Customer support

Now that you are the proud owner of a Packt book, we have a number of things to help you to get the most from your purchase.

Downloading the example code

You can download the example code files for this book from your account at http://www.packtpub.com. If you purchased this book elsewhere, you can visit http://www.packtpub.com/support and register to have the files e-mailed directly to you.

You can download the code files by following these steps:

Log in or register to our website using your e-mail address and password.Hover the mouse pointer on the SUPPORT tab at the top.Click on Code Downloads & Errata.Enter the name of the book in the Search box.Select the book for which you're looking to download the code files.Choose from the drop-down menu where you purchased this book from.Click on Code Download.

Once the file is downloaded, please make sure that you unzip or extract the folder using the latest version of:

WinRAR / 7-Zip for WindowsZipeg / iZip / UnRarX for Mac7-Zip / PeaZip for Linux

The code bundle for the book is also hosted on GitHub at https://github.com/PacktPublishing/MEAN-Blueprints. We also have other code bundles from our rich catalog of books and videos available at https://github.com/PacktPublishing/. Check them out!

Errata

Although we have taken every care to ensure the accuracy of our content, mistakes do happen. If you find a mistake in one of our books—maybe a mistake in the text or the code—we would be grateful if you could report this to us. By doing so, you can save other readers from frustration and help us improve subsequent versions of this book. If you find any errata, please report them by visiting http://www.packtpub.com/submit-errata, selecting your book, clicking on the Errata Submission Form link, and entering the details of your errata. Once your errata are verified, your submission will be accepted and the errata will be uploaded to our website or added to any list of existing errata under the Errata section of that title.

To view the previously submitted errata, go to https://www.packtpub.com/books/content/support and enter the name of the book in the search field. The required information will appear under the Errata section.

Piracy

Piracy of copyrighted material on the Internet is an ongoing problem across all media. At Packt, we take the protection of our copyright and licenses very seriously. If you come across any illegal copies of our works in any form on the Internet, please provide us with the location address or website name immediately so that we can pursue a remedy.

Please contact us at <[email protected]> with a link to the suspected pirated material.

We appreciate your help in protecting our authors and our ability to bring you valuable content.

Questions

If you have a problem with any aspect of this book, you can contact us at <[email protected]>, and we will do our best to address the problem.