8. Deploying the Application to the Cloud | Learning Single-page Web Application Development

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Learning Single-page Web Application Development

By : Fernando Monteiro

3 (1)

Learning Single-page Web Application Development

3 (1)

By: Fernando Monteiro

Overview of this book

This book is aimed at web developers who are familiar with frontend technologies like JavaScript, HTML, and CSS, and modern tools like Bower, Yeoman, and Grunt.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Understanding Single Page Application

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

2. Taking a Deep Dive into Node.js and MongoDB

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

3. API with MongoDB and Node.js

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

4. Creating a Conference Web Application

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

5. Starting with AngularJS

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

6. Understanding Angular Views and Models

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

7. Testing Angular SPA with Karma and Protractor

7. Testing Angular SPA with Karma and Protractor

Testing concepts

Introducing Jasmine

Configuring Karma (unit testing)

Configuring Protractor (e2e testing)

Summary

8. Deploying the Application to the Cloud

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

Index

Index

Final notes on SPA

Finally, we would like to emphasize some important points that were discussed throughout the book.

The term SPA refers to a main container that carries several templates within itself; something very similar to the concept of master pages in the .NET framework. The following figure illustrates the main difference between SPA and a traditional web application.

SPA can contain a dozen or more templates. This will depend on the complexity of the application. With this concept in mind, if you briefly return to Chapter 4, Creating a Conference Web Application, you can see that we wrote SPA that only ran on the server side, even using an API, much like the traditional way to build dynamic applications in server-side languages such as PHP and .NET.

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Learning Single-page Web Application Development

Search

Your notes and bookmarks