Book Image

Node.js Web Development - Third Edition

By : David Herron
Book Image

Node.js Web Development - Third Edition

By: David Herron

Overview of this book

Node.js is a server-side JavaScript platform using an event driven, non-blocking I/O model allowing users to build fast and scalable data-intensive applications running in real time. Node.js Web Development shows JavaScript is not just for browser-side applications. It can be used for server-side web application development, real-time applications, microservices, and much more. This book gives you an excellent starting point, bringing you straight to the heart of developing web applications with Node.js. You will progress from a rudimentary knowledge of JavaScript and server-side development to being able to create and maintain your own Node.js application. With this book you'll learn how to use the HTTP Server and Client objects, data storage with both SQL and MongoDB databases, real-time applications with Socket.IO, mobile-first theming with Bootstrap, microservice deployment with Docker, authenticating against third-party services using OAuth, and much more.
Table of Contents (18 chapters)
Node.js Web Development Third Edition
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Problem – the Notes app isn't mobile friendly


Let's start by quantifying the problem. We need to explore how well (or not) the application behaves on a mobile device. This is simple to do:

  1. Start the Notes app. Determine the IP address of the host system.

  2. Using your mobile device, connect to the service using the IP address, and browse around the Notes application, putting it through its paces.

Another way to approach this is to use your desktop browser, resizing it to be very narrow. That way, you can mimic a smart phone screen's small size, showing you many of the user interface difficulties, even if it doesn't otherwise behave as a mobile app.

You may also find development-oriented browser extensions to assist. For example, in the Chrome Developer Tools, you can view the current webpage as if it were any of several popular mobile devices.

To see a real user interface problem on a mobile screen, edit views/noteedit.ejs to change this line:

<br/><textarea rows=5 cols=80 name='body' ...