Book Image

Modern JavaScript Web Development Cookbook

By : Federico Kereki
Book Image

Modern JavaScript Web Development Cookbook

By: Federico Kereki

Overview of this book

JavaScript has evolved into a language that you can use on any platform. Modern JavaScript Web Development Cookbook is a perfect blend of solutions for traditional JavaScript development and modern areas that developers have lately been exploring with JavaScript. This comprehensive guide teaches you how to work with JavaScript on servers, browsers, mobile phones and desktops. You will start by exploring the new features of ES8. You will then move on to learning the use of ES8 on servers (with Node.js), with the objective of producing services and microservices and dealing with authentication and CORS. Once you get accustomed to ES8, you will learn to apply it to browsers using frameworks, such as React and Redux, which interact through Ajax with services. You will then understand the use of a modern framework to develop the UI. In addition to this, development for mobile devices with React Native will walk you through the benefits of creating native apps, both for Android and iOS. Finally, you’ll be able to apply your new-found knowledge of server-side and client-side tools to develop applications with Electron.
Table of Contents (15 chapters)

Adapting to devices and orientation

When we developed a responsive and adaptive web page back in the Making your application adaptive for enhanced usability section in Chapter 7, Enhancing Your Application, we had to deal with the possibility that the window size could be changed at any moment, and our page's contents had to relocate itself properly. With mobile devices, the screen size won't change, but you still have the possibility of a rotation (changing from portrait mode to landscape, and vice versa), so you still have to deal with at least one change. And, of course, if you want to make your app look good on all devices, it's probable that you'll have to take into account the screen size in order to decide how to accommodate your contents.

In this recipe, we'll look at a simple technique to make your application aware of different device types....