Develop a mobile app from start to finish using NativeScript and Angular 2 About This Book * Use Angular 2 along with NativeScript 2 to create cross-platform native apps *Use built-in as well as third-party plugins with your app *Create enterprise grade apps with TypeScript and NativeScript APIs Who This Book Is For This book assumes you have a general understanding of TypeScript, have heard of NativeScript, and know what it's about as well as Angular (2.0). You don't need to be an expert in any of these technologies, but having some sense of them before reading is recommended. It's ideal for intermediate to advanced users. What You Will Learn * Build a Bootstrap Angular Native app *Get to know more about View binding considerations with Zone.js/NgZone *Integrate @ngrx store + effects to help state management *Play audio using native iOS and Android media players *Control your app even when it's not active via iOS lock screen controls *Debug your app with breakpoints *Test your app with Karma and Appium In Detail NativeScript is an open source framework to build truly native mobile apps with Angular, TypeScript, or even good ole' plain JavaScript.
The most important aspect is that it allows your views to be rendered as real native UI components "native" to iOS or Android, which offer superior performance with fluid usability. This decoupling of the view rendering layer created the powerful combination that is the exciting new world of Angular Native. This book focuses on the key concepts you need to know to build an Angular Native mobile app for iOS and Android. We'll build a fun music app "NgNativeMusic", touching on the powerful native key concepts you need to know when you start building an app of your own. Having the right structure is critical to developing an app that can scale while also being highly maintainable and portable, so we'll start with project organization via @NgModule. We'll use @Component to build our first view and then use @Injectable to define a service we can use via Angular's dependency injection. You'll understand NativeScript's tns command-line utility to run the app on iOS and Android. We'll integrate third-party plugins to construct some of the core features. Next we'll integrate @ngrx store + effects to establish some solid practices (Redux) to deal with state management.
Having a great data flow and solid architecture is meaningless if the app doesn't look good or offer a great user experience, so we'll use SASS to develop a style for our app. After that, we'll deal with and debug problems and invest some time into writing tests to prevent bugs in the future. Lastly, we'll package and deploy our app to the Apple App Store and Google Play. By the end of the book, you'll know the majority of the key concepts needed to build an Angular Native app.
Author Biography:
Nathan Ross Walker has enjoyed the opportunity to work in the web/mobile app development arena for over 15 years. His varied background rooted in the world of design and the arts provides him with a unique approach to problem solving. Spending several years working across multiple industries including entertainment, audio/video production, manufacturing, b2b marketing, communications, and technology helped him establish a focused sensibility with client needs. In his 20s, he hosted a video podcast in the early days of iTunes, called "WebObjects Worx," where he spoke about the Java Application Server called WebObjects, an Apple technology rooted in the NeXTSTEP days of old. That experience lead him into Objective C for iOS development. While also developing large web applications, he often desired a more seamless technology stack to bridge the desktop/mobile gap. Hybrid mobile development with Cordova/PhoneGap came along and helped answer that in part. There was still more to be desired and clients were often not as satisfied as they were compared to true native apps he built. NativeScript came along recently and reawakened his true dream of seamless development for web and mobile; adding Angular was like the icing on the top. As a partner and Senior Software Engineer at Infowrap ( https://www.infowrap.com), he has had the benefit of working with Angular pre-1.x (beta), Ruby on Rails, as well as Cordova and hybrid mobile development. Nathan is excited to bring Angular Native to Infowrap. To help with the upgrade, he has become a highly visible community contributor building several plugins and getting involved with several efforts to advance the NativeScript framework even further. Nathanael J. Anderson has been developing software for over 20 years in a wide range of industries, including the areas of games, time management, imaging, service, printing, accounting, land management, security, web, and even (believe it or not) some successful government projects. He is currently a contract developer for master technology and can create a solution for several types of applications (native, web, mobile, and hybrid) running on any operating system. As a senior developer engineer, he can work, tune, and secure everything from your back-end servers to the final destination of the data on your desktop or mobile devices. By understanding the entire infrastructure, including the real and virtualized hardware, he can completely eliminate different types of issues in all parts of a framework. Currently, he has multiple highly rated cross-platform plugins for NativeScript, and he works heavily in the NativeScript community by providing things such as bleeding edge build servers to build nightly code, and the main community plugins site. He has also provided multiple patches and features to the main NativeScript project.
