Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Node.js Web Development

You're reading from   Node.js Web Development Create real-time server-side applications with this practical, step-by-step guide

Arrow left icon
Product type Paperback
Published in Jun 2016
Publisher Packt
ISBN-13 9781785881503
Length 376 pages
Edition 3rd Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
David Herron David Herron
Author Profile Icon David Herron
David Herron
Arrow right icon
View More author details
Toc

Table of Contents (13) Chapters Close

Preface 1. About Node.js FREE CHAPTER 2. Setting up Node.js 3. Node.js Modules 4. HTTP Servers and Clients – A Web Application's First Steps 5. Your First Express Application 6. Implementing the Mobile-First Paradigm 7. Data Storage and Retrieval 8. Multiuser Authentication the Microservice Way 9. Dynamic Interaction between Client and Server with Socket.IO 10. Deploying Node.js Applications 11. Unit Testing 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' ...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at AU $24.99/month. Cancel anytime