Learning Single-page Web Application Development

Build powerful and scalable single-page web applications using a full stack JavaScript environment with Node.js, MongoDB, AngularJS, and the Express framework

Learning Single-page Web Application Development

Learning
Fernando Monteiro

Build powerful and scalable single-page web applications using a full stack JavaScript environment with Node.js, MongoDB, AngularJS, and the Express framework
$26.99
$44.99
RRP $26.99
RRP $44.99
eBook
Print + eBook

Instantly access this course right now and get the skills you need in 2017

With unlimited access to a constantly growing library of over 4,000 eBooks and Videos, a subscription to Mapt gives you everything you need to learn new skills. Cancel anytime.

Preview in Mapt

Book Details

ISBN 139781783552092
Paperback214 pages

Book Description

Learning Single-page Web Application Development is a journey through application development using the MEAN stack with JavaScript  on the server side and client side, covering concepts such as RESTful, authentication and session on SPA. You will build large-scale applications. You will use a JavaScript environment with Node.js on the server, MongoDB as the database, and AngularJS on the frontend.

Everything is integrated with the Bower dependency manager, Yeoman, and other modern tools to speed up your development process. You will deploy your application to the cloud and learn how to prepare your directory structure to scale and grow.

Learning Single-page Web Application Development will give you an overview of AngularJS and RESTful APIs, and guide you in learning how to leverage single page development tools to create efficient and effective applications.

Table of Contents

Chapter 1: Understanding Single Page Application
Getting acquainted with SPA
Peculiarities between SPA and traditional web development
Introducing the MEAN stack
The SPA directory structure
It's all about JavaScript
HTML, CSS, and the responsive way
Summary
Chapter 2: Taking a Deep Dive into Node.js and MongoDB
Node server, NPM, and middleware
Event-driven development and the event loop
Express – a web framework on a server
MongoDB and the terminal
Summary
Chapter 3: API with MongoDB and Node.js
The working of an API
Boilerplates and generators
The speakers API concept
Creating the package.json file
Node server with server.js
Model with the Mongoose schema
Defining the API routes
Using MongoDB in the cloud
Inserting data with Postman
Summary
Chapter 4: Creating a Conference Web Application
Rebuilding the API
Adding the Passport middleware
Dealing with routes
Templates with Embedded JavaScript
Bower leading frontend dependencies
Pure CSS and Responsive Boilerplate for frontend views
Summary
Chapter 5: Starting with AngularJS
Starting the baseline application
The AngularJS MVC pattern implementation
Detailing directives, expressions, and scope
Two-way data binding and templates
Understanding dependency injection
Services
Modules in AngularJS
Project organization
Summary
Chapter 6: Understanding Angular Views and Models
Dissecting and understanding the MEAN.JS generator
Scaffolding the application
Refactoring the API
Testing the speakers' API routes
Summary
Chapter 7: Testing Angular SPA with Karma and Protractor
Testing concepts
Introducing Jasmine
Configuring Karma (unit testing)
Configuring Protractor (e2e testing)
Summary
Chapter 8: Deploying the Application to the Cloud
Hosting the project on GitHub
Continuous application development
Automatic deployment from GitHub
Hands-on deployment
Final notes on SPA
Summary

What You Will Learn

  • Streamline your development work with Bower, Yeoman, and Grunt.js
  • Configure an AngularJS application using modules
  • Test AngularJS applications with Karma and Protractor
  • Create a conference web application
  • Start from scratch and refactor your applications using Yo Express generator
  • Use the new features of Express 4 such as Router, static middleware, and more
  • Set up user authentication and store sessions with Passport

Authors

Table of Contents

Chapter 1: Understanding Single Page Application
Getting acquainted with SPA
Peculiarities between SPA and traditional web development
Introducing the MEAN stack
The SPA directory structure
It's all about JavaScript
HTML, CSS, and the responsive way
Summary
Chapter 2: Taking a Deep Dive into Node.js and MongoDB
Node server, NPM, and middleware
Event-driven development and the event loop
Express – a web framework on a server
MongoDB and the terminal
Summary
Chapter 3: API with MongoDB and Node.js
The working of an API
Boilerplates and generators
The speakers API concept
Creating the package.json file
Node server with server.js
Model with the Mongoose schema
Defining the API routes
Using MongoDB in the cloud
Inserting data with Postman
Summary
Chapter 4: Creating a Conference Web Application
Rebuilding the API
Adding the Passport middleware
Dealing with routes
Templates with Embedded JavaScript
Bower leading frontend dependencies
Pure CSS and Responsive Boilerplate for frontend views
Summary
Chapter 5: Starting with AngularJS
Starting the baseline application
The AngularJS MVC pattern implementation
Detailing directives, expressions, and scope
Two-way data binding and templates
Understanding dependency injection
Services
Modules in AngularJS
Project organization
Summary
Chapter 6: Understanding Angular Views and Models
Dissecting and understanding the MEAN.JS generator
Scaffolding the application
Refactoring the API
Testing the speakers' API routes
Summary
Chapter 7: Testing Angular SPA with Karma and Protractor
Testing concepts
Introducing Jasmine
Configuring Karma (unit testing)
Configuring Protractor (e2e testing)
Summary
Chapter 8: Deploying the Application to the Cloud
Hosting the project on GitHub
Continuous application development
Automatic deployment from GitHub
Hands-on deployment
Final notes on SPA
Summary

Book Details

ISBN 139781783552092
Paperback214 pages
Read More

Read More Reviews