NativeScript + Push Notifications

Oct 30, 2015Download as PPTX, PDF5 likes2,781 views

Lohith Goudagere Nagaraj

Slide deck used for my Oct 29 webinar titled "Building Mobile Apps with NativeScript + Push Notifications"

Let's talk NativeScript
This changes everything!
By

About Me
Technical Evangelist
Microsoft MVP (ASP.NET/IIS)
lohith.nagaraj@telerik.com
@kashyapa
http://www.kashyapas.com
http://www.telerikhelper.net
Lohith G N
http://www.telerik.com

Agenda
• NativeScript
• Push Notification
• Telerik Backend
• NativeScript + Push

You're Welcome!
NativeScript
{ }
Native iOS / Andoid / Windows Phone* Apps
Built with JavaScript + CSS + XML
Single Code Base
*Coming Soon

What?
{N} is built from ground up
No DOM
No Cross-Compilation
No Plugins Required
{N} is straight-up JS | Running as Native App

Under the hood
{N} works over an abstraction - a very smart one
Runs JavaScript in a Virtual Machine
JavaScriptCore VM on iOS
V8 VM on Android
JavaScriptCore* VM on Win Mobile 10
*Tentative

You write JavaScript
{N} utilizes a bridge
Has full access to Native APIs
- That's all of iOS + Android APIs!
Uses Reflection to look up Native APIs
List of APIs for each Platform
Metadata pre-generated
Injected into App package @ Build time

Plug & Play?
{N} is very flexible
Allows reuse of skills & assets
Use native libraries for each platform
Use JS libraries without DOM dependency
Shared UI styles through CSS
Full TypeScript Support

How do I start?
{N} Command Line Interface makes it easy
Grab the NativeScript CLI:
npm install -g nativescript
tns create MyApp
tns platform add android
Create Project & Add Platforms:
tns run android
tns run android --emulator
Run Project on Device or Emulator:

Choice of IDE?
{N} aims to give you flexibility
Sublime Text | With complete Workflow
VS Code | Best for TypeScript
Most other JS/CSS text editors

What is Push Notification
• Send Some Data to your App
• Convenient, Battery Friendly
• App need not be running
• Used as Marketing Campaigns, Promos, etc

Architectural Overview
APNS
WNS
Android/iOS/WP

Procedure
• Register Your App with respective Notification
Service
• Use an App Server to communicate with
Notification Server
• Handle Push Notification message on your
device

Telerik Backend
Think of it as an App Server

Push in Telerik Backend
• Effortless Integration with iOS/WP/Android
• Isolates Platform Differences
• Different notification servers
• Different devices
• Different OS Versions
• Powerful Targeting
• Easy device integration
• Hybrid or Native

Process
• Create a NativeScript App
• Include NativeScript Push Plugin
• Register the device with your App Server
• Listen for Push Notification callback
• Handle Push Notification

By
Native X-Platform Mobile with JS
NativeScript Blog | @NativeScript
Go build your dream app!

NativeScript is an open source framework that allows developers to use web development skills like JavaScript, TypeScript, and Angular to build fully native mobile applications for iOS and Android. Unlike frameworks like PhoneGap, Ionic, Xamarin, and React Native, NativeScript provides direct access to native mobile APIs and components, allowing developers to build truly native user interfaces and experiences without compromising on performance. NativeScript supports building apps natively for iOS and Android in JavaScript or TypeScript and offers features like cross-platform code sharing, native UI layouts, plugins, and access to native APIs and components.

NativeScript Developer Day Keynote - Todd Anglin & Burke HollandBrian Rinaldi

NativescriptSoftware Infrastructure

NativeScript is a framework that allows building native iOS and Android apps using JavaScript and CSS. It provides a runtime for creating apps with a single JavaScript codebase that can run natively on each platform. Key features include using existing JavaScript and CSS skills, two-way binding, support for Angular 2, and a low learning curve. The document then discusses the NativeScript runtime, popular IDEs and CLI commands, components and layouts, CSS support, debugging, and example apps built with NativeScript.

Native Script by Sebastian WitalecSimone Basso

This document introduces NativeScript, an open source framework that allows developers to build native mobile applications for Android and iOS using JavaScript and TypeScript. It summarizes the current state and roadmap for NativeScript, including plans to release a public beta in February with open sourced code, debugging support, and Windows Universal platform preview. The document encourages developers to get involved in the NativeScript Insiders group and upcoming London meetup.

ng-conf NativeScript and Angular 2 Workshoptjvantoll

Introduction to NativeScript - BuildTruly Native Apps using JavaScriptLohith Goudagere Nagaraj

NativeScript: Cross-Platform Mobile Apps with JavaScript and AngularTodd Anglin

Do you want to build native mobile apps for iOS and Android? Are you a web developer? Then NativeScript is the perfect framework for you. NativeScript is an open source framework for creating native mobile apps using the skills of the web developer: JavaScript, CSS and simple tag-based markup. Create rich, high-performance iOS and Android apps with 100% native UI using many of the skills you already have. Topics covered include: NativeScript framework core concepts and getting started Accessing native device capabilities with JavaScript Building native mobile apps with Angular 2 Common app patterns (login, settings, data bound list and more) Styling NativeScript with CSS Targeting specific devices and screens Debugging and deploying to devices There has never been a better (and easier) way for web developers to create native mobile apps.

TypeScriptSoftware Infrastructure

This document provides an overview of TypeScript, including what it is, why it was created, its key features and benefits. It begins by explaining what JavaScript is and some of its limitations like dynamic typing and lack of modularity. It then introduces TypeScript as a superset of JavaScript that adds optional static typing and class-based object-oriented programming. The document discusses how TypeScript works with existing JavaScript frameworks and libraries, and highlights features like strong typing, better tooling and explicit intent. It provides details on TypeScript's development environment and open source status before concluding with a demonstration and mentioning some alternative languages.

Introduction to React NativeWaqqas Jabbar

This document provides an introduction to React Native, including prerequisites, key concepts, architecture, libraries, and demos. React Native allows building mobile apps using React that work on both iOS and Android. It provides a native experience while allowing code reuse between platforms. Popular libraries that complement React Native development include React Navigation, React Redux, and NativeBase. The document demonstrates building a simple "Hello World" app and a production app with features like custom fonts and REST API integration. It discusses challenges like frequent React Native updates and debugging tools like Chrome and Reactotron.

Getting Started with React Native (and should I use it at all?)Devin Abbott

Introduction to React NativeSambhu Lakshmanan

React Native in a nutshellBrainhub

Cross platform mobile development with xamarin and office 365SoHo Dragon

This document discusses cross-platform mobile development with Xamarin and Office 365. It provides an overview of Xamarin, including what it is, why use it, and alternatives. Xamarin allows building native iOS and Android apps using C# with code sharing capabilities. The document reviews Xamarin platform, development environment, and how it works for iOS and Android. It then discusses integrating Xamarin apps with Office 365 services using the unified API. The presentation includes a demo of a sample app and how to get started with Xamarin.

React NativeSoftware Infrastructure

React Native is an open source JavaScript library created by Facebook that allows developers to build mobile apps using React. It enables sharing of over 85% of code between iOS and Android apps. Many companies including Facebook, Microsoft, and Samsung use React Native. React Native uses the same fundamental UI building blocks as regular iOS and Android apps while allowing developers to write code using JavaScript and React.

React NativeHuqiu Liao

The document discusses React Native for Android. It covers topics like React Native, JavaScript environment, ES6 syntax, JSX syntax, Node.js/NPM, React, rendering, debugging, running demos, delivering packages, examples, performance considerations, and what can be learned from building cross-platform mobile apps with React Native. Building native mobile apps for both iOS and Android from the same codebase allows shipping updates faster and reusing code, though it also has challenges to overcome.

React Native IntroJulia Vi

This document summarizes a talk on React Native, a framework that allows developers to build native mobile apps using JavaScript and React. It discusses key aspects of React Native including using React to build user interfaces, wrapping native components, and enabling real-time reloading for faster development. Pros include native performance, leveraging existing skills, and code sharing between iOS and Android. Cons include requiring a Mac for iOS development and some custom controls needing native implementations.

GitHub as a Landing Page Pronovix

Intro to react nativeModusJesus

This document provides an overview and introduction to React Native, including: - What React Native is and the problems it solves like enabling cross-platform development using a single JavaScript codebase. - The technologies that comprise React Native like ReactJS and how it binds to native platforms. - Getting started with a basic React Native app and examples of extending it with custom modules. - An overview of the React Native component library and APIs. - Recommendations to get familiar with related technologies like JSX, Flow, and Node.js. - Thoughts on the benefits and challenges of developing with React Native.

React native-meetup-talkkiranabburi

The document introduces React Native, which allows building mobile apps using React. It discusses why React Native brings the best of native and web development by allowing use of React to build native mobile apps. Key topics covered include installing React Native, its components, styling, layout system, and debugging. The presenter aims to provide an overview of React Native and take attendees through a code sample.

When to (use / not use) React Native.Bobby Schultz

React Native allows building mobile apps using JavaScript and React by using native platform APIs instead of webviews. It does not replace writing code for each platform but allows sharing business logic code across iOS and Android. React Native uses JavaScript to handle views and state while native platform code handles rendering, animations, and other native tasks. This provides native performance with cross-platform code reuse. Challenges include different data types between JavaScript and native platforms and some debugging requiring Xcode.

React Native for multi-platform mobile applications - Matteo Manchi - Codemo...Codemotion

Shift Remote: JS - Coding VS Code Extensions - Filip Voska (Infinum)Shift Conference

A quick talk demonstrating how easy it is to get started with Extension development for Visual Studio Code. We will show you how to create a project, cover basic functionalities offered by the Extension API, and check how you can publish your extension. No longer will you be frustrated when IDE can not automate some boring task that you have to do on a regular basis - you can now automate it yourself!

Алексей Волков "Введение в React Native"Fwdays

Веб-технологии продолжают штурмовать мир мобильных устройств, а React Native - очередная попытка JavaScript распространить свое влияние и захватить мир. Для тех, кто что-то слышал о React Native, но все никак не находил времени попробовать. На семинаре мы попробуем, пощупаем, посмотрим.

Putting the Native in React Native - React Native Bostonstan229

Contributing to open sourceDevin Abbott

Introduction to React Native & Rendering Charts / GraphsRahat Khanna a.k.a mAppMechanic

MEAN Stack Warm-upTroy Miles

The MEAN stack allows you to build fast, responsive, and maintainable full-stack websites using JavaScript. The stack uses four innovative frameworks: MongoDB for rapid data access, Express for simplified web development, Angular for componentized and fluid UI, and Node for speed. Not sure if the MEAN stack is for you? Then come to this free warm-up session. We give you a quick tour of all of the pieces of the stack. How to get you machine ready. And show you what it is like to build a site using it. This session is for both front and backend developers. We'll show you how JavaScript, the world's most ubiquitous language, can help you to master the web.

Native Script by Sebastian WitalecLondon Mobile Developers

Nativescript with angular 2Christoffer Noring

Nativescript allows building native mobile apps using JavaScript and CSS. It works by injecting native APIs into JavaScript so they can be accessed directly. This allows using native UI controls and hardware capabilities while coding in a familiar language. Nativescript apps are compiled to platform-specific code, so they are true native apps that can be submitted to app stores. It supports Angular for building apps with common code shared across platforms.

Porting Hybrid Apps to Native AppsLohith Goudagere Nagaraj

The document discusses hybrid mobile apps, native mobile apps, and NativeScript. Hybrid apps are developed with web technologies like HTML, CSS, and JavaScript but have limitations in terms of performance and plugin availability. Native apps are developed specifically for each platform using languages like Java and Swift but have full access to device capabilities. NativeScript allows developing cross-platform native mobile apps using JavaScript, CSS, and XML, with a single codebase and direct access to native APIs.

More Related Content

What's hot (19)

Introduction to React NativeWaqqas Jabbar

Getting Started with React Native (and should I use it at all?)Devin Abbott

Introduction to React NativeSambhu Lakshmanan

React Native in a nutshellBrainhub

Cross platform mobile development with xamarin and office 365SoHo Dragon

React NativeSoftware Infrastructure

React NativeHuqiu Liao

React Native IntroJulia Vi

GitHub as a Landing Page Pronovix

Intro to react nativeModusJesus

React native-meetup-talkkiranabburi

When to (use / not use) React Native.Bobby Schultz

React Native for multi-platform mobile applications - Matteo Manchi - Codemo...Codemotion

Shift Remote: JS - Coding VS Code Extensions - Filip Voska (Infinum)Shift Conference

Алексей Волков "Введение в React Native"Fwdays

Putting the Native in React Native - React Native Bostonstan229

Contributing to open sourceDevin Abbott

Introduction to React Native & Rendering Charts / GraphsRahat Khanna a.k.a mAppMechanic

MEAN Stack Warm-upTroy Miles

Introduction to React NativeWaqqas Jabbar

Getting Started with React Native (and should I use it at all?)Devin Abbott

Introduction to React NativeSambhu Lakshmanan

React Native in a nutshellBrainhub

Cross platform mobile development with xamarin and office 365SoHo Dragon

React NativeSoftware Infrastructure

React NativeHuqiu Liao

React Native IntroJulia Vi

GitHub as a Landing Page Pronovix

Intro to react nativeModusJesus

React native-meetup-talkkiranabburi

When to (use / not use) React Native.Bobby Schultz

React Native for multi-platform mobile applications - Matteo Manchi - Codemo...Codemotion

Shift Remote: JS - Coding VS Code Extensions - Filip Voska (Infinum)Shift Conference

Алексей Волков "Введение в React Native"Fwdays

Putting the Native in React Native - React Native Bostonstan229

Contributing to open sourceDevin Abbott

Introduction to React Native & Rendering Charts / GraphsRahat Khanna a.k.a mAppMechanic

MEAN Stack Warm-upTroy Miles

Viewers also liked (11)

Native Script by Sebastian WitalecLondon Mobile Developers

Nativescript with angular 2Christoffer Noring

Porting Hybrid Apps to Native AppsLohith Goudagere Nagaraj

Thai Oral: Tourismtsiri2

PUG Challenge 2016 - The nativescript pug app challengeBronco Oostermeyer

The document summarizes a presentation about transforming apps to use NativeScript (N). It discusses: - NativeScript, a framework for building cross-platform native apps using JavaScript and allowing access to native APIs. - Choices in using NativeScript including TypeScript for stronger typing, Visual Studio Code as an IDE, and emulators for testing. - Examples created with NativeScript including a ListView, push notifications, a floorplan viewer, and local storage. - Considerations in using NativeScript like searching for modules, eventually needing iOS/Android knowledge, investing time in open source, and testing on devices.

Angular2 & Native Script GDG DevFest 2016Luciano Murruni

This document contains a presentation about NativeScript, an open source framework for building and running native iOS, Android, and Windows Phone apps with JavaScript. Some key points covered include: - NativeScript allows writing apps using JavaScript that run natively on devices by using JavaScript runtimes like V8 and JavaScriptCore. - It provides access to full native APIs through JavaScript without limitations. - The architecture works by generating metadata for native APIs and using proxies so JavaScript can access native objects. - Getting started requires Node.js, Android/Xcode setup, and the NativeScript CLI which is used to create, build, and run apps on devices/emulators. - NativeScript apps have XML-based user interfaces

Rxjs pptChristoffer Noring

RxJs - demystified provides an overview of reactive programming and RxJs. The key points covered are: - Reactive programming focuses on propagating changes without explicitly specifying how propagation happens. - Observables are at the heart of RxJs and emit values in a push-based manner. Operators allow transforming, filtering, and combining observables. - Common operators include map, filter, reduce, buffer, and switchMap. Over 120 operators exist for tasks like error handling, multicasting, and conditional logic. - Marble diagrams visually demonstrate how operators transform observable streams. - Creating observables from events, promises, arrays and iterables allows wrapping different data sources in a uniform API

TypeScript - Angular 2 - ionic 2Micael Gallego

Getting Started with Angular 2FITC

FITC events. For digital creators. Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca Getting Started with Angular 2 with Rob McDiarmid OVERVIEW Angular 2 is a powerful framework that lets you create fast and scalable web apps with clean and readable code. With the lessons learned from previous web frameworks and the advantages of modern web technologies, the Angular team has created a framework that will push the limits of what SPAs are capable of. In this session we’ll go through building an Angular 2.0 app from the ground up. In the process, you will learn how it handles core concepts like components, templates, services, and routing. You’ll also see how angular takes advantage of ES6 modules, Web Components, and TypeScript. By the end of the session, you’ll have a good understanding of why you might want to use Angular 2 for your next project and how to get started. OBJECTIVE Demonstrate what Angular 2 has to offer and reduce the barrier to entry. TARGET AUDIENCE Web Developers interested in learning Angular 2. ASSUMED AUDIENCE KNOWLEDGE Intermediate experience with JavaScript. FIVE THINGS AUDIENCE MEMBERS WILL LEARN 1. Core concepts of the Angular 2 framework 2. How to use ES6 modules 3. The benefits of TypeScript annotations 4. How to setup an Angular 2 project from scratch 5. The ecosystem of tools that Angular 2 apps will be built on

UX Design at the Speed of ThoughtFITC

presented at FITC Amsterdam X Details at www.fitc.ca/amsterdam Adobe Experience Design (XD) is Adobe’s latest innovation which offers an easy and powerful way to build UX at the speed of thought. But Adobe XD isn’t just for building a design. It marries wireframing to visual design and prototyping, all in one single tool. During this session we’ll walk you through XD’s design process and show you how to start a project, build an interactive prototype, live preview your work on your mobile device and share your work with peers and clients for feedback. Don’t miss out on this unique opportunity to join Adobe on stage and discover Adobe XD’s ease-of-use and unique features. Objective Discover Adobe Experience Design: design, prototyping and sharing in one single tool. Target Audience UX and UI designers

Introduction à Angular 2Vincent Caillierez

Présentation de la dernière version d'Angular 2, le framework JavaScript de Google pour créer des applications monopages — http://angularfrance.com/ Thème abordés : Angular en chiffres. Principales fonctionnalités d'Angular 2. Comparaison entre Angular 1 et Angular 2. Outillage Angular 2. Angular 2 est une plateforme. Démarrer avec Angular 2. Migrer de Angular 1 à Angular 2. Faut-il passer à Angular 2 aujourd’hui ?

Native Script by Sebastian WitalecLondon Mobile Developers

Nativescript with angular 2Christoffer Noring

Porting Hybrid Apps to Native AppsLohith Goudagere Nagaraj

Thai Oral: Tourismtsiri2

PUG Challenge 2016 - The nativescript pug app challengeBronco Oostermeyer

Angular2 & Native Script GDG DevFest 2016Luciano Murruni

Rxjs pptChristoffer Noring

TypeScript - Angular 2 - ionic 2Micael Gallego

Getting Started with Angular 2FITC

UX Design at the Speed of ThoughtFITC

Introduction à Angular 2Vincent Caillierez

Similar to NativeScript + Push Notifications (20)

Building your Own Mobile Enterprise Application: It’s Not as Hard as You Migh...Jason Conger

This document discusses various options for building mobile enterprise applications, including developing native applications, using HTML5, PhoneGap, Xamarin, and the Citrix Mobile SDK. It provides pros and cons of each approach and examples of how they work. Developing truly native applications may be best but is also most difficult, while tools like PhoneGap, Xamarin, and the Citrix SDK allow developing cross-platform applications by wrapping or compiling to native code but have limitations compared to native development. Detection of mobile devices connecting remotely is also discussed.

NCDevCon 2017 - Cross Platform Mobile AppsJohn M. Wargo

Build Your First iPhone or Android App with Telerik AppBuilderJeffrey T. Fritz

This document introduces Telerik Platform, which allows developers to build hybrid mobile applications using HTML, CSS, and JavaScript that run as native apps. It provides tools like AppBuilder, a cloud-based IDE, compiler, and simulator/debugger. Apps can be deployed to iOS and Android through QR codes or app stores. Additional Telerik services like Kendo UI, Backend Services, and Analytics can enhance apps. Developers are encouraged to sign up for a Platform account and try the tools through various SDKs and extensions.

Native Touches to your Hybrid Mobile AppsLohith Goudagere Nagaraj

This document discusses adding native functionality to hybrid mobile apps. It begins with an introduction to hybrid apps, explaining that they are built with web technologies but run within a native container on devices. It then covers the Kendo UI Mobile framework for developing hybrid apps and emphasizes its cross-platform capabilities. The document focuses on using Cordova plugins to access native device features like notifications, action sheets, social sharing, and toasts from within a hybrid app. It concludes with an announcement that a demo of these concepts will be shown.

Hybrid App Development, RedefinedIonic Framework

Building Cross-Platform JavaScript Apps using CordovaNoam Kfir

This is the slide deck used in the "Building Cross-Platform JavaScript Apps using PhoneGap and Cordova" lecture I gave at the WDC.IL User Group in July 2014. The talk briefly shows how to get started with Cordova, discusses some of the differences between Cordova, Adobe PhoneGap and the Telerik Platform, and demonstrates using the Telerik Platform to build and LiveSync Android, iOS and Windows Phone apps. It also explains the role of plugins in building hybrid mobile apps that can utilize native APIs.

Native vs cross platform vs html5Naga Harish M

Native apps provide the best performance and access to all device hardware features but must be developed separately for each platform. Cross-platform apps allow writing code once that can be built for multiple platforms but may have some limitations and lack native performance. HTML5 mobile web apps have no approval process and can be updated easily but have limitations like push notifications and offer only partial device access with good but not best performance. The best approach depends on an app's requirements regarding device access, speed, development costs and code base.

flutterbootcampRakshaAgrawal21

This document discusses building cross-platform mobile apps with Flutter. It introduces Flutter, explaining that it allows building apps with a single codebase that runs on iOS, Android, and web. The benefits of Flutter like performance, ease of use, and large developer community are highlighted. Finally, the document demonstrates how to set up a development environment and build a simple chat app with Flutter and Firebase.

flutter_bootcamp_MUGDSC_Presentation.pptxRakshaAgrawal21

Building Universal Windows Apps for Smartphones and Tablets with XAML & C#Nick Landry

This session is your fast track into the wonderful new world of app development for Windows device. Come learn how your valuable C# skills now make you a hot mobile developer for smartphones, tablets, laptops and desktops. We’ll perform a quick lap around Microsoft Visual Studio 2013 and the new Windows Universal Apps, build our first app using XAML & C#, and debug it with Windows 8.1 and the Windows Phone Emulator. We’ll then explore the converged WinRT API services and features, such as touch input, accelerometers, Live Tiles, etc. We’ll also spend valuable time going over the new app model for Windows device apps, how to share code between phone and tablet, and how to build a converged UI in XAML for Windows 8.1 and Windows Phone. Lastly we’ll go over the app packaging and how to submit your Universal apps to the Windows Store. The converged Windows Platform is more efficient and far-reaching than ever. Come learn how to build mobile apps for hundreds of millions of Windows device users.

Cross Platform Mobile App DevelopmentAnnmarie Lanesey

Greane Tree Technology CTO Joseph Payette gave our latest “Lunch & Learn” presentation. With the number of tools and frameworks for cross platform mobile application development increasing every year, it can be a challenge to determine the best fit technology for a mobile project. All of these tools and frameworks have their advantages and disadvantages, as they leverage different mechanisms for abstracting differences across mobile devices in an effort to provide a single platform for rapid application development. To bring order to the various options at hand, Joe reviewed mobile application architectures (native, hybrid, and HTML5), and explored and compared a few hybrid tools and frameworks, namely PhoneGap (www.phonegap.com), Appcelerator (www.appcelerator.com), and MoSync (www.mosync.com). Joe’s mobile application development presentation includes sample code for these three tools and frameworks. The Lunch and Learn series is a regular event where we discuss topics of interest to our projects and clients. Last month, Chad Calhoun explored Git Interactive Techniques.

Introducing amplify and full stack demo app built with vue.js, graph ql, auth...Serdal Kepil

Android - Anroid PprojectVibrant Technologies & Computers

This document provides an overview of Android GUI development. It discusses the Android development environment, activities and views for building the UI, programmatic and declarative UI construction, and APIs for accessing built-in Android features. Key points covered include using Eclipse for development, the activity-view hierarchy, XML layouts, callbacks for event handling, and interfaces for the camera, maps, and other native Android apps.

New Enterprisre Capabilities in Telerik PlatformLohith Goudagere Nagaraj

This document introduces new enterprise mobile capabilities with Telerik Platform, including data connectors, Screen Builder for visually building screens, offline support for caching and syncing data, AppManager LiveSync for pushing updates to apps, building native Android and iOS apps with NativeScript, and application templates to help jumpstart development. It discusses key challenges enterprises face in mobile development and how Telerik Platform addresses these challenges through its open and modular architecture for designing, building, connecting, testing, managing, measuring and deploying enterprise mobile apps.

Build Hybrid Mobile Applications for Nokia Lumia DevicesLohith Goudagere Nagaraj

This document discusses building hybrid mobile applications using Telerik Kendo UI. It defines hybrid apps as those written with web technologies but run natively on devices by leveraging the device's browser engine. Hybrid apps allow targeting multiple mobile platforms while still accessing device capabilities. Telerik Kendo UI is an HTML5 framework for building such hybrid mobile apps using its widgets. Telerik AppBuilder is a hybrid mobile app IDE, and it also has a Visual Studio extension to facilitate hybrid app development. The document concludes with a demo of a media player hybrid mobile app.

Visual Studio 2017 Launch EventJames Montemagno

Telerik AppBuilder 101Sam Basu

The document discusses hybrid mobile development using Telerik AppBuilder and Xamarin. Telerik AppBuilder allows developing cross-platform mobile apps using HTML5, CSS3, and JavaScript that can be deployed natively to iOS and Android. It integrates simulators and live syncing. Apps can be published directly to app stores without needing a Mac. Xamarin allows developing cross-platform apps using C# that are compiled to native packages, maximizing code reuse. Both tools address the challenges of developing for multiple mobile platforms but require perfecting the user experience for each.

Developing a Modern Mobile App StrategyTodd Anglin

Mobile apps are important. There is little debate of that. But how you build, maintain, and deploy mobile apps remains the source of great debate for CIOs and developers alike. Unfortunately, there is no "one size fits all" mobile app strategy, so it is critical to understand how to choose the right technology for the right app. In this session, we will explore the four key approaches for building mobile apps, and establish a framework that will help you develop a mobile app strategy guaranteed to help you select the right technology for your next project.

Microservices chassis⎈David Renton🐳

David Renton presented on creating a microservices chassis using JHipster. He discussed common cross-cutting concerns in microservices and considered frameworks like Finagle and Spring Boot. The presentation covered installing required software, creating sample microservices and a local registry using JHipster. It also discussed deploying the microservices to the cloud and setting up a cloud registry. Key steps included generating a microservice for managing car data, creating an API gateway, and testing the system locally and observing the services register with the local Eureka server.

Embarcadero's Connected DevelopmentJim McKeeth

Building your Own Mobile Enterprise Application: It’s Not as Hard as You Migh...Jason Conger

NCDevCon 2017 - Cross Platform Mobile AppsJohn M. Wargo

Build Your First iPhone or Android App with Telerik AppBuilderJeffrey T. Fritz

Native Touches to your Hybrid Mobile AppsLohith Goudagere Nagaraj

Hybrid App Development, RedefinedIonic Framework

Building Cross-Platform JavaScript Apps using CordovaNoam Kfir

Native vs cross platform vs html5Naga Harish M

flutterbootcampRakshaAgrawal21

flutter_bootcamp_MUGDSC_Presentation.pptxRakshaAgrawal21

Building Universal Windows Apps for Smartphones and Tablets with XAML & C#Nick Landry

Cross Platform Mobile App DevelopmentAnnmarie Lanesey

Introducing amplify and full stack demo app built with vue.js, graph ql, auth...Serdal Kepil

Android - Anroid PprojectVibrant Technologies & Computers

New Enterprisre Capabilities in Telerik PlatformLohith Goudagere Nagaraj

Build Hybrid Mobile Applications for Nokia Lumia DevicesLohith Goudagere Nagaraj

Visual Studio 2017 Launch EventJames Montemagno

Telerik AppBuilder 101Sam Basu

Developing a Modern Mobile App StrategyTodd Anglin

Microservices chassis⎈David Renton🐳

Embarcadero's Connected DevelopmentJim McKeeth

More from Lohith Goudagere Nagaraj (20)

Hybrid Mobile App Development With CordovaLohith Goudagere Nagaraj

Building Web Apps & APIs With Node JSLohith Goudagere Nagaraj

Even Quicker Development with Xamarin Forms Using Telerik UI for XamarinLohith Goudagere Nagaraj

You Know Angular 2, You Know Native Mobile App DevelopmentLohith Goudagere Nagaraj

Connecting your .Net Applications to NoSQL Databases - MongoDB & CassandraLohith Goudagere Nagaraj

The document discusses various ways to connect .NET applications to NoSQL databases like MongoDB and Cassandra. It covers client SDK APIs, REST/SOAP APIs, and SQL-based connectivity options. For SQL connectivity, the document explains that Progress DataDirect drivers normalize the NoSQL data model to expose it through SQL. Examples demonstrate connecting to MongoDB and Cassandra using the MongoDB and Cassandra .NET drivers, their REST APIs, and Progress DataDirect's ODBC drivers with SQL. The document concludes that SQL connectivity requires data normalization but offers familiar skills and easy BI integration.

Angular JS 2.0 & React with Kendo UILohith Goudagere Nagaraj

Kendo UI Wrappers in ASP.NET CoreLohith Goudagere Nagaraj

Seamless Access to Data from BI Tools using DataDirect CloudLohith Goudagere Nagaraj

The Bleeding Edge - Whats New in Angular 2Lohith Goudagere Nagaraj

Angular 2 introduces significant changes from Angular 1 including being faster, supporting mobile with features like smooth scrolling, and allowing flexible development in JavaScript, TypeScript, or Dart. Key changes are that Angular 2 uses ES6 modules instead of Angular's own modules, most directives now databind to element properties instead of existing, and everything is a component. The presenter then offers to demonstrate some Angular 2 code.

Introduction to UWP - Universal Windows Platform Application DevelopmentLohith Goudagere Nagaraj

Cross Platform Web Applications Using ASP.NET Core 1.0Lohith Goudagere Nagaraj

Build Leaner, Faster Web Applications with ASP.NETLohith Goudagere Nagaraj

The document discusses .NET Framework 4.6 and .NET Core 1.0. .NET Framework 4.6 provides a full-featured .NET implementation for Windows, while .NET Core 1.0 provides a cross-platform implementation of .NET developed in an open source manner. Both frameworks include innovations like the next generation JIT compiler RyuJIT and SIMD, as well as shared runtime components, compilers, and libraries. ASP.NET Core 1.0 introduces a modular, cross-platform version of ASP.NET that is optimized for server and cloud workloads and allows easier transition from on-premises to cloud applications.

JavaScript Task Runners - Gulp & GruntLohith Goudagere Nagaraj

This document discusses JavaScript task runners Gulp and Grunt. It describes common web development tasks like compiling Sass/Less to CSS, concatenating and minifying JavaScript files. Task runners automate repetitive tasks and are also called build systems. Gulp is a streaming build system while Grunt uses configuration over code. Both are useful for modern front-end workflows involving preprocessors, package managers, and building/optimizing assets.

Visual Studio 2015 - Whats New ?Lohith Goudagere Nagaraj

Visual Studio 2015 introduces a new setup experience, the ability to sign into multiple accounts, target multiple platforms including Xamarin mobile apps and Unity games, connect apps to Azure and other services, customize window layouts, use live code analysis with Roslyn, share projects between apps, and get IntelliSense for Bower and NPM packages directly in the code editor. The document provides an overview of new features in Visual Studio 2015 presented by Microsoft MVP Lohith G N.

Introduction to React JSLohith Goudagere Nagaraj

Online Spreadsheet for your Web Applications using Kendo UILohith Goudagere Nagaraj

This document discusses Kendo UI, an online spreadsheet tool using Kendo UI. It provides an overview of Kendo UI, including what it includes like widgets, frameworks and data visualization. It then discusses the new spreadsheet widget in beta, highlighting key features like cell formatting, multiple sheets and merging cells. Finally, it briefly mentions experimental Angular 2 support and new web component support in Kendo UI.

10 Useful New Features of ECMA Script 6Lohith Goudagere Nagaraj

ES6 introduced 10 new features to the JavaScript language including let and const keywords for block scoping, default parameters, template strings, arrow functions, rest parameters, generators, maps, classes, modules, and more. While feature complete in 2014 and standardized in 2015, browser support is still evolving as vendors implement the new standards. Transpilers like Babel can convert ES6 code to ES5 to provide support across browsers.

Creating Custom HTML Helpers in ASP.NET MVCLohith Goudagere Nagaraj

This document discusses custom HTML helpers in ASP.NET MVC. It begins by explaining what HTML helpers are and how they avoid tedious HTML tagging. It then outlines some standard helpers like label, textbox, and dropdown list helpers. The document demonstrates how to create custom helpers using @helper, static methods, and extension methods. It concludes by thanking the audience and providing contact information.

Building and Delivering Reports from your Web and Mobile Apps with Telerik Re...Lohith Goudagere Nagaraj

Preparing Big Data for Analysis with EasylLohith Goudagere Nagaraj

This document discusses different approaches to data preparation for business intelligence. It describes manual data preparation as time-intensive and not scalable. Large IT projects can automate data preparation but require high initial costs. Technology solutions provide a middle ground by offering collaborative data preparation tools that are quicker and cheaper than large projects but require new skills. The document then discusses Progress Easyl as an example technology solution, highlighting its features like uniting different data sources, filtering and enriching data, and sharing reports.

Hybrid Mobile App Development With CordovaLohith Goudagere Nagaraj

Building Web Apps & APIs With Node JSLohith Goudagere Nagaraj

Even Quicker Development with Xamarin Forms Using Telerik UI for XamarinLohith Goudagere Nagaraj

You Know Angular 2, You Know Native Mobile App DevelopmentLohith Goudagere Nagaraj

Connecting your .Net Applications to NoSQL Databases - MongoDB & CassandraLohith Goudagere Nagaraj

Angular JS 2.0 & React with Kendo UILohith Goudagere Nagaraj

Kendo UI Wrappers in ASP.NET CoreLohith Goudagere Nagaraj

Seamless Access to Data from BI Tools using DataDirect CloudLohith Goudagere Nagaraj

The Bleeding Edge - Whats New in Angular 2Lohith Goudagere Nagaraj

Introduction to UWP - Universal Windows Platform Application DevelopmentLohith Goudagere Nagaraj

Cross Platform Web Applications Using ASP.NET Core 1.0Lohith Goudagere Nagaraj

Build Leaner, Faster Web Applications with ASP.NETLohith Goudagere Nagaraj

JavaScript Task Runners - Gulp & GruntLohith Goudagere Nagaraj

Visual Studio 2015 - Whats New ?Lohith Goudagere Nagaraj

Introduction to React JSLohith Goudagere Nagaraj

Online Spreadsheet for your Web Applications using Kendo UILohith Goudagere Nagaraj

10 Useful New Features of ECMA Script 6Lohith Goudagere Nagaraj

Creating Custom HTML Helpers in ASP.NET MVCLohith Goudagere Nagaraj

Building and Delivering Reports from your Web and Mobile Apps with Telerik Re...Lohith Goudagere Nagaraj

Preparing Big Data for Analysis with EasylLohith Goudagere Nagaraj

Recently uploaded (20)

Automation Dreamin' 2022: Sharing Some Gratitude with Your UsersLynda Kane

SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfPrecisely

Learn the Basics of Agile Development: Your Step-by-Step GuideMarcel David

Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...Impelsys Inc.

2025-05-Q4-2024-Investor-Presentation.pptxSamuele Fogagnolo

Rock, Paper, Scissors: An Apex Map Learning JourneyLynda Kane

TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...TrustArc

Most consumers believe they’re making informed decisions about their personal data—adjusting privacy settings, blocking trackers, and opting out where they can. However, our new research reveals that while awareness is high, taking meaningful action is still lacking. On the corporate side, many organizations report strong policies for managing third-party data and consumer consent yet fall short when it comes to consistency, accountability and transparency. This session will explore the research findings from TrustArc’s Privacy Pulse Survey, examining consumer attitudes toward personal data collection and practical suggestions for corporate practices around purchasing third-party data. Attendees will learn: - Consumer awareness around data brokers and what consumers are doing to limit data collection - How businesses assess third-party vendors and their consent management operations - Where business preparedness needs improvement - What these trends mean for the future of privacy governance and public trust This discussion is essential for privacy, risk, and compliance professionals who want to ground their strategies in current data and prepare for what’s next in the privacy landscape.

Build Your Own Copilot & Agents For DevsBrian McKeiver

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

This session is designed to equip developers with the skills needed to build mission-critical, end-to-end processes that seamlessly orchestrate agents, people, and robots. 📕 Here's what you can expect: - Modeling: Build end-to-end processes using BPMN. - Implementing: Integrate agentic tasks, RPA, APIs, and advanced decisioning into processes. - Operating: Control process instances with rewind, replay, pause, and stop functions. - Monitoring: Use dashboards and embedded analytics for real-time insights into process instances. This webinar is a must-attend for developers looking to enhance their agentic automation skills and orchestrate robust, mission-critical processes. 👨‍🏫 Speaker: Andrei Vintila, Principal Product Manager @UiPath This session streamed live on April 29, 2025, 16:00 CET. Check out all our upcoming Dev Dives sessions at https://community.uipath.com/dev-dives-automation-developer-2025/.

Role of Data Annotation Services in AI-Powered ManufacturingAndrew Leo

How Can I use the AI Hype in my Business Context?Daniel Lehner

𝙄𝙨 𝘼𝙄 𝙟𝙪𝙨𝙩 𝙝𝙮𝙥𝙚? 𝙊𝙧 𝙞𝙨 𝙞𝙩 𝙩𝙝𝙚 𝙜𝙖𝙢𝙚 𝙘𝙝𝙖𝙣𝙜𝙚𝙧 𝙮𝙤𝙪𝙧 𝙗𝙪𝙨𝙞𝙣𝙚𝙨𝙨 𝙣𝙚𝙚𝙙𝙨? Everyone’s talking about AI but is anyone really using it to create real value? Most companies want to leverage AI. Few know 𝗵𝗼𝘄. ✅ What exactly should you ask to find real AI opportunities? ✅ Which AI techniques actually fit your business? ✅ Is your data even ready for AI? If you’re not sure, you’re not alone. This is a condensed version of the slides I presented at a Linkedin webinar for Tecnovy on 28.04.2025.

AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...Alan Dix

Talk at the final event of Data Fusion Dynamics: A Collaborative UK-Saudi Initiative in Cybersecurity and Artificial Intelligence funded by the British Council UK-Saudi Challenge Fund 2024, Cardiff Metropolitan University, 29th April 2025 https://alandix.com/academic/talks/CMet2025-AI-Changes-Everything/ Is AI just another technology, or does it fundamentally change the way we live and think? Every technology has a direct impact with micro-ethical consequences, some good, some bad. However more profound are the ways in which some technologies reshape the very fabric of society with macro-ethical impacts. The invention of the stirrup revolutionised mounted combat, but as a side effect gave rise to the feudal system, which still shapes politics today. The internal combustion engine offers personal freedom and creates pollution, but has also transformed the nature of urban planning and international trade. When we look at AI the micro-ethical issues, such as bias, are most obvious, but the macro-ethical challenges may be greater. At a micro-ethical level AI has the potential to deepen social, ethnic and gender bias, issues I have warned about since the early 1990s! It is also being used increasingly on the battlefield. However, it also offers amazing opportunities in health and educations, as the recent Nobel prizes for the developers of AlphaFold illustrate. More radically, the need to encode ethics acts as a mirror to surface essential ethical problems and conflicts. At the macro-ethical level, by the early 2000s digital technology had already begun to undermine sovereignty (e.g. gambling), market economics (through network effects and emergent monopolies), and the very meaning of money. Modern AI is the child of big data, big computation and ultimately big business, intensifying the inherent tendency of digital technology to concentrate power. AI is already unravelling the fundamentals of the social, political and economic world around us, but this is a world that needs radical reimagining to overcome the global environmental and human challenges that confront us. Our challenge is whether to let the threads fall as they may, or to use them to weave a better future.

#AdminHour presents: Hour of Code2018 slide deck from 12/6/2018Lynda Kane

ThousandEyes Partner Innovation Updates for May 2025ThousandEyes

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

Mobile App Development Company in Saudi ArabiaSteve Jonas

EmizenTech is a globally recognized software development company, proudly serving businesses since 2013. With over 11+ years of industry experience and a team of 200+ skilled professionals, we have successfully delivered 1200+ projects across various sectors. As a leading Mobile App Development Company In Saudi Arabia we offer end-to-end solutions for iOS, Android, and cross-platform applications. Our apps are known for their user-friendly interfaces, scalability, high performance, and strong security features. We tailor each mobile application to meet the unique needs of different industries, ensuring a seamless user experience. EmizenTech is committed to turning your vision into a powerful digital product that drives growth, innovation, and long-term success in the competitive mobile landscape of Saudi Arabia.

Buckeye Dreamin 2024: Assessing and Resolving Technical DebtLynda Kane

AI EngineHost Review: Revolutionary USA Datacenter-Based Hosting with NVIDIA ...SOFTTECHHUB

I started my online journey with several hosting services before stumbling upon Ai EngineHost. At first, the idea of paying one fee and getting lifetime access seemed too good to pass up. The platform is built on reliable US-based servers, ensuring your projects run at high speeds and remain safe. Let me take you step by step through its benefits and features as I explain why this hosting solution is a perfect fit for digital entrepreneurs.

The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfAbi john

Image processinglab image processing image processingRaghadHany

Automation Dreamin' 2022: Sharing Some Gratitude with Your UsersLynda Kane

SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfPrecisely

Learn the Basics of Agile Development: Your Step-by-Step GuideMarcel David

Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...Impelsys Inc.

2025-05-Q4-2024-Investor-Presentation.pptxSamuele Fogagnolo

Rock, Paper, Scissors: An Apex Map Learning JourneyLynda Kane

TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...TrustArc

Build Your Own Copilot & Agents For DevsBrian McKeiver

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

Role of Data Annotation Services in AI-Powered ManufacturingAndrew Leo

How Can I use the AI Hype in my Business Context?Daniel Lehner

AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...Alan Dix

#AdminHour presents: Hour of Code2018 slide deck from 12/6/2018Lynda Kane

ThousandEyes Partner Innovation Updates for May 2025ThousandEyes

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

Mobile App Development Company in Saudi ArabiaSteve Jonas

Buckeye Dreamin 2024: Assessing and Resolving Technical DebtLynda Kane

AI EngineHost Review: Revolutionary USA Datacenter-Based Hosting with NVIDIA ...SOFTTECHHUB

The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfAbi john

Image processinglab image processing image processingRaghadHany

NativeScript + Push Notifications

1. Let's talk NativeScript This changes everything! By

2. About Me Technical Evangelist Microsoft MVP (ASP.NET/IIS) [email protected] @kashyapa http://www.kashyapas.com http://www.telerikhelper.net Lohith G N http://www.telerik.com

3. Agenda • NativeScript • Push Notification • Telerik Backend • NativeScript + Push

4. You're Welcome! NativeScript { } Native iOS / Andoid / Windows Phone* Apps Built with JavaScript + CSS + XML Single Code Base *Coming Soon

5. What? {N} is built from ground up No DOM No Cross-Compilation No Plugins Required {N} is straight-up JS | Running as Native App

6. Under the hood {N} works over an abstraction - a very smart one Runs JavaScript in a Virtual Machine JavaScriptCore VM on iOS V8 VM on Android JavaScriptCore* VM on Win Mobile 10 *Tentative

7. You write JavaScript {N} utilizes a bridge Has full access to Native APIs - That's all of iOS + Android APIs! Uses Reflection to look up Native APIs List of APIs for each Platform Metadata pre-generated Injected into App package @ Build time

8. Plug & Play? {N} is very flexible Allows reuse of skills & assets Use native libraries for each platform Use JS libraries without DOM dependency Shared UI styles through CSS Full TypeScript Support

9. How do I start? {N} Command Line Interface makes it easy Grab the NativeScript CLI: npm install -g nativescript tns create MyApp tns platform add android Create Project & Add Platforms: tns run android tns run android --emulator Run Project on Device or Emulator:

10. Choice of IDE? {N} aims to give you flexibility Sublime Text | With complete Workflow VS Code | Best for TypeScript Most other JS/CSS text editors

11. Demo

12. Why {N} again?

13. Push Notifications

14. What is Push Notification • Send Some Data to your App • Convenient, Battery Friendly • App need not be running • Used as Marketing Campaigns, Promos, etc

15. Architectural Overview APNS WNS Android/iOS/WP

16. Procedure • Register Your App with respective Notification Service • Use an App Server to communicate with Notification Server • Handle Push Notification message on your device

17. Demo Registering with GCM

18. Telerik Backend Think of it as an App Server

19. Push in Telerik Backend • Effortless Integration with iOS/WP/Android • Isolates Platform Differences • Different notification servers • Different devices • Different OS Versions • Powerful Targeting • Easy device integration • Hybrid or Native

20. Demo Telerik Backend Push Settings

21. Push with NativeScript

22. Process • Create a NativeScript App • Include NativeScript Push Plugin • Register the device with your App Server • Listen for Push Notification callback • Handle Push Notification

23. Demo NativeScript + Push Notification

24. By Native X-Platform Mobile with JS NativeScript Blog | @NativeScript Go build your dream app!

NativeScript + Push Notifications

Recommended

More Related Content

What's hot (19)

Viewers also liked (11)

Similar to NativeScript + Push Notifications (20)

More from Lohith Goudagere Nagaraj (20)

Recently uploaded (20)

NativeScript + Push Notifications