5. Starting with AngularJS | 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

Modules in AngularJS

In AngularJS, modules are structured to build highly scalable web applications. We can create them and use them throughout the application.

It is very simple to create and inject it in the application. From the AngularJS documentation, they define modules as:

Tip

Modules are a container for the different parts of your app such as controllers, services, filters, directives, and so on.

More details about modules, can be found at https://docs.angularjs.org/api/ng/type/angular.Module.

Modules can contain a collection of other components/dependencies such as controllers, services, directives, and others.

The basic simple form to create a module is as follows:

angular.module(ModuleName, [requires dependency]);

The basic simple form to use a module is as follows:

angular.module('ModuleName');

Let's see a practical way to declare and instantiate a module and Controller:

angular.module(User, ['$scope']);

angular.module('User')
.run(function($scope) {
  $scope.user = { name: 'Fernando'...

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