Book Image

NativeScript for Angular Mobile Development

By : Nathan Walker, Nathanael J. Anderson
Book Image

NativeScript for Angular Mobile Development

By: Nathan Walker, Nathanael J. Anderson

Overview of this book

NativeScript is an open source framework that is built by Progress in order to build truly native mobile apps with TypeScript, JavaScript or just Angular which is an open source framework built by Google that offers declarative templates, dependency injection, and fully featured modules to build rich applications. Angular’s versatile view handling architecture allows your views to be rendered as highly performant UI components native to iOS and Android mobile platforms. This decoupling of the view rendering layer in Angular combined with the power of native APIs with NativeScript have together created the powerful and exciting technology stack of NativeScript for Angular. This book focuses on the key concepts that you will need to know to build a NativeScript for Angular mobile app for iOS and Android. We’ll build a fun multitrack recording studio app, touching on powerful key concepts from both technologies that you may need to know when you start building an app of your own. The structure of the book takes the reader from a void to a deployed app on both the App Store and Google Play, serving as a reference guide and valuable tips/tricks handbook. By the end of this book, you’ll know majority of key concepts needed to build a successful NativeScript for Angular app.
Table of Contents (24 chapters)
Title Page
Credits
Foreword
About the Authors
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface
13
Integration Testing with Appium

Polishing with SASS


SASS is the most mature, stable, and powerful professional grade CSS extension language in the world... Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. SASS helps keep large stylesheets well-organized and get small stylesheets up and running. 

  • http://sass-lang.com/documentation/file.SASS_REFERENCE.html

Sounds good? You bet.

We will first want to install a community plugin published by Todd Anglin:

npm install nativescript-dev-sass --save-dev

This plugin will set up a hook that will autocompile your SASS to CSS before building your app, so you don't need to worry about installing any other build tools.

We now want to organize our SASS source files in a particular way that will lend itself to ease of maintenance for not only shared styles between iOS and Android, but also easily allow platform-specific tweaks/overrides. The core...