Learning Node.js for Mobile Application Development

Book Image

Learning Node.js for Mobile Application Development

Book Image

Learning Node.js for Mobile Application Development

Overview of this book

Learning Node.js for Mobile Application Development

Learning Node.js for Mobile Application Development

Credits

About the Authors

About the Authors

About the Reviewers

About the Reviewers

www.PacktPub.com

www.PacktPub.com

Preface

Free Chapter

Setting Up Your Workspace

Setting Up Your Workspace

The Node.js backend

Installing Node.js on different systems

Setting up the Ionic framework and Cordova for Mac OS X

Setting up the Ionic framework and Cordova for Windows

Setting up Android Studio for Android, Mac, and Windows

Setting up the Android Software Development Kit

Setting up your physical Android device for development

Setting up the Environment Variables on Windows 7 and higher

Setting up the Environment Variables for iOS on Mac OS X

Configuring Persistence with MongoDB

Configuring Persistence with MongoDB

Learning outcomes of MongoDB

An introduction to MongoDB

Connecting to MongoDB

Creating a database

Creating our collections

Creating relations between documents

Querying MongoDB

Advanced queries

Connecting MongoDB and Node.js

Creating an API

Creating an API

Learning outcomes of the RESTful API

It's all hypermedia

Building a RESTful API with Node.js

Implementing our GET handlers

Securing Your Backend

Securing Your Backend

Understanding the outcomes of token-based authentication

Adding the new collections

Adding an authentication module

Real-Time Data and WebSockets

Real-Time Data and WebSockets

Using WebSockets in Node.js

An alternate chat

The efficient serving of static files

Introducing Ionic

Introducing Ionic

Setting up your Ionic web account

Creating your first Ionic application

Checking out your Ionic applications with Ionic View

Building User Interfaces

Building User Interfaces

The structure of an Ionic project

Introducing AngularJS

Modifying an Ionic project

Adding a new tab

Making Our App Interactive

Making Our App Interactive

Creating a new project

Creating a basic MVC project

Accessing the device data

Building for native devices

The list view revisited

Accessing Native Phone Features

Accessing Native Phone Features

Creating the project

Angular directives

Putting it all together

Adding geolocation via GPS

Working with APIs

Working with APIs

Setting up Parse

Setting up the Ionic project

Connecting Parse to our project

Testing our application

Working with Security

Working with Security

An overview of client-side security

Building a secure app

Working with Real-Time Data

Working with Real-Time Data

A refresher – WebSockets

Getting the lay of the land

Creating the server

Building the chat app

Building an Advanced Chat App

Building an Advanced Chat App

We need some room!

Creating a multiroom chat application

Creating an E-Commerce Application Using the Ionic Framework

Creating an E-Commerce Application Using the Ionic Framework

Designing our application

Index

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

Chapter 7. Building User Interfaces

In this chapter, you will learn how to add new and unique elements to and modify your current Ionic project from a practical point of view. Among other things, I will show you how to modify the tab icons and add a new tab controller. This chapter will guide you and give you the necessary knowledge that is required to have a deep understanding of how to create and modify your own mobile applications.

Most importantly, you will also get acquainted with the AngularJS JavaScript framework, which lies at the heart of the functionality of Ionic.

The entire source code of this modified project is available on the GitHub repository, which can be viewed by visiting https://github.com/stefanbuttigieg/nodejs-ionic-mongodb.