NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.
- 1. NativeScript – Open source platform to build Native iOS/Android Apps
- 2. Who are you and why are you here? • Dan Wilson • Evil Marketing Guy (boo!) • PMK NativeScript • Start up founder • Technical consultant • I write code • Founder - NCDevCon
- 3. What is NativeScript? • NativeScript is an open source framework for no- compromise mobile applications. Use web skills — Angular, TypeScript or JavaScript and get native UI and performance on iOS and Android.
- 4. Not PhoneGap/Ionic • Real Native Components • No DOM to manipulate • Not HTML elements styled like native components • No DOM • Native UIs !=
- 5. Not Xamarin • No Cross Compiling • 100% access to native APIs without writing bindings • No .Net • No cross compilation !=
- 6. Not React Native • No writing ObjectiveC, Swift or Java • {n} Javascript has 100% access to native APIs • Direct access to native APIs in JS !=
- 7. NativeScript • Free and open source
- 8. Created and supported by Telerik
- 9. Choice in Architecture Javascript Write your application using plain Javascript TypeScript Use TypeScript to get Object Oriented features and compile time error checking Angular Use Angular to architect application. Reuse almost all code between web and mobile
- 10. Cross Platform • iOS • Android • Windows (2016)
- 11. Use Lots of Prebuilt code • Use thousands of plugins from NPM • Use free native controls from Cocoapods or Android Arsenal
- 12. Native Layouts Absolute Dock Grid Stack Wrap
- 13. NativeScript + Angular 2 • http://bit.ly/nativescript-angular
- 15. NativeScript Android example Output: Look! JavaScript can create and use Native Android Java objects!
- 16. NativeScript iOS example JavaScript can create and use Obj-C objects too?
- 19. NativeScript modules Code Modules Platform API
- 22. Follow NativeScript • https://nativescript.org • @NativeScript • http://tinyurl.com/nativeScriptSlack
- 23. Appendix • Getting Started Guide availablein JavaScript and Angular 2 • https://nativescript.org (Click green Get Started button)
- 24. How does this work?