This document discusses tools and techniques for building Cordova apps. It describes dependencies needed like Node.js, Android SDK, and plugins that allow accessing native device capabilities. The Multi-Device Hybrid Apps for Visual Studio extension helps acquire dependencies and configure builds for Android, iOS, and Windows platforms. It allows debugging apps on Android and Windows. Behind the scenes, it builds apps for different platforms from the same codebase.
Guía de configuración de un entorno para crear applicaciones móviles Android, utilizando tecnologías web.
Presentación en HTML: http://slides.com/abrahamcalas/ionic
Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...Burin Asavesna
This is a talk sharing TripCase's (http://phonegap.com/app/tripcase/) experience with (and without) PhoneGap Build. We'll walk through our journey and discuss how it shaped expectations on how quickly we should be getting our code in the hands of fellow testers and stakeholders.
Angular JS - Develop Responsive Single Page ApplicationEdureka!
AngularJS, a MVW framework from Google is based on JavaScript, a language globally known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Integrating AngularJS is simple as it evaluates page once HTML is in the DOM and make easier to bind Angular on top of existing applications. It can run along with Node.js, an asynchronous development platform with lightning speed execution, which makes building Mean Stack applications easier and faster. AngularJS comes with a very good documentation and also have wide range of third party modules making it user-friendly for developers.
Prepared for a small team sharing session.
It was meant to be a 20 mins sharing to fellow developers who have otherwise had no exposure or experience to Objective-C or GUI programming.
Guía de configuración de un entorno para crear applicaciones móviles Android, utilizando tecnologías web.
Presentación en HTML: http://slides.com/abrahamcalas/ionic
Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...Burin Asavesna
This is a talk sharing TripCase's (http://phonegap.com/app/tripcase/) experience with (and without) PhoneGap Build. We'll walk through our journey and discuss how it shaped expectations on how quickly we should be getting our code in the hands of fellow testers and stakeholders.
Angular JS - Develop Responsive Single Page ApplicationEdureka!
AngularJS, a MVW framework from Google is based on JavaScript, a language globally known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Integrating AngularJS is simple as it evaluates page once HTML is in the DOM and make easier to bind Angular on top of existing applications. It can run along with Node.js, an asynchronous development platform with lightning speed execution, which makes building Mean Stack applications easier and faster. AngularJS comes with a very good documentation and also have wide range of third party modules making it user-friendly for developers.
Prepared for a small team sharing session.
It was meant to be a 20 mins sharing to fellow developers who have otherwise had no exposure or experience to Objective-C or GUI programming.
Android Wear 2.0 is a major update and contains a number of significant updates that will make it easier to build delightful experiences for wearables. In this session, I will provide an overview of new features such as Standalone apps, Material Design on Android Wear and some of the new UI components we're making available (such as Navigation Drawers and Action Drawers), as well as complications and complication data providers.
AngularJS, a MVW framework from Google is based on JavaScript, a language globally known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Integrating AngularJS is simple as it evaluates page once HTML is in the DOM and make easier to bind Angular on top of existing applications. It can run along with Node.js, an asynchronous development platform with lightning speed execution, which makes building Mean Stack applications easier and faster. AngularJS comes with a very good documentation and also have wide range of third party modules making it user-friendly for developers.
Join us to openly discuss Xamarin.Forms and receive advice from the experts!
https://mybuild.microsoft.com/sessions/c1d6f1b2-49df-4834-b9bc-0f8e194c03b2?source=schedule
End to-end native iOS, Android and Windows apps wtih XamarinJames Montemagno
Xamarin enables C# developers to become native iOS, Android, and Microsoft Windows mobile app developers overnight. Learn how to leverage your existing .NET and C# skills to create iOS and Android mobile apps in Visual Studio with Xamarin. See how to extend an app with Microsoft Azure App Service creating a connected experience while sharing logic with a .NET backend running on Azure. Next, we take a look at automating the mobile apps with Xamarin Test Cloud for automated user interface testing. Finally, we tie it all together into VSTS to build and distribute our mobile apps with HockeyApp with each commit. By the end of this session you will a full grasp of end-to-end development with Xamarin.
With the introduction of Google's Android Wear, you are no longer restricted to just phones and tablets when it comes to developing great Android apps. You want notifications on your wrist? You got it. You want to run an app on your wrist? You got it. In this session, let me take you through the awesome new features of Android Wear and the tools required to start building the apps you want for Wear. We'll extend a current app with rich notifications and even create a brand new app from scratch live on stage that runs right on your Android Wear device. All demonstrations will be coded in C#, but will be applicable to any Android developer in any language.
An introduction the big picture of the Appcelerator Platform and the architecture and principles behind Titanium and Alloy to get you started. Created and presented by myself and Pierre van de Velde at meetup.com/TitaniumNL.
Android workshop to prepare for 48hacks (http://www.ntuventures.com/events/48hacks/index.html), organized by NTU Venture.
Covers basic Android application programming, and connectivity to Arduino board via Bluetooth.
Create HTML5 Mobile Apps for WordPress SiteOon Arfiandwi
My presentation on WordCamp Indonesia 2013, Jogjakarta.
Oct 18th, 2013.
Create HTML5 Mobile Apps for WordPress site.
Using JSON-API plugin for WordPress.
PhoneGap wrapper. PhoneGap Build intro.
Data by boomee.co wordpress site.
Using JavaScript to Build HTML5 Tools (Ian Maffett)Future Insights
Taken from the Future of Web Apps Boston (http://futureofwebapps.com/boston-2014)
In this session, Ian will discuss the tools and frameworks that the HTML5 tools team at Intel are using. RequireJS, Backbone, Angular, jQuery, Mocha, Grunt and the list goes on. You will learn some tips and tricks to help power your next mega full page web app, desktop application, or hybrid application.
At Indiecade 2014, Intel engineer Brad Hill presented a short talk on the Intel® XDK and how it can be used to rapidly build game prototypes in HTML and JavaScript. Brad demonstrates the Intel XDK at Intel sponsored hackathon events several times a year. He's learned a lot about how to build fast and fun games using this tool and shared what he knows with the Indiecade audience.
Android Wear 2.0 is a major update and contains a number of significant updates that will make it easier to build delightful experiences for wearables. In this session, I will provide an overview of new features such as Standalone apps, Material Design on Android Wear and some of the new UI components we're making available (such as Navigation Drawers and Action Drawers), as well as complications and complication data providers.
AngularJS, a MVW framework from Google is based on JavaScript, a language globally known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Integrating AngularJS is simple as it evaluates page once HTML is in the DOM and make easier to bind Angular on top of existing applications. It can run along with Node.js, an asynchronous development platform with lightning speed execution, which makes building Mean Stack applications easier and faster. AngularJS comes with a very good documentation and also have wide range of third party modules making it user-friendly for developers.
Join us to openly discuss Xamarin.Forms and receive advice from the experts!
https://mybuild.microsoft.com/sessions/c1d6f1b2-49df-4834-b9bc-0f8e194c03b2?source=schedule
End to-end native iOS, Android and Windows apps wtih XamarinJames Montemagno
Xamarin enables C# developers to become native iOS, Android, and Microsoft Windows mobile app developers overnight. Learn how to leverage your existing .NET and C# skills to create iOS and Android mobile apps in Visual Studio with Xamarin. See how to extend an app with Microsoft Azure App Service creating a connected experience while sharing logic with a .NET backend running on Azure. Next, we take a look at automating the mobile apps with Xamarin Test Cloud for automated user interface testing. Finally, we tie it all together into VSTS to build and distribute our mobile apps with HockeyApp with each commit. By the end of this session you will a full grasp of end-to-end development with Xamarin.
With the introduction of Google's Android Wear, you are no longer restricted to just phones and tablets when it comes to developing great Android apps. You want notifications on your wrist? You got it. You want to run an app on your wrist? You got it. In this session, let me take you through the awesome new features of Android Wear and the tools required to start building the apps you want for Wear. We'll extend a current app with rich notifications and even create a brand new app from scratch live on stage that runs right on your Android Wear device. All demonstrations will be coded in C#, but will be applicable to any Android developer in any language.
An introduction the big picture of the Appcelerator Platform and the architecture and principles behind Titanium and Alloy to get you started. Created and presented by myself and Pierre van de Velde at meetup.com/TitaniumNL.
Android workshop to prepare for 48hacks (http://www.ntuventures.com/events/48hacks/index.html), organized by NTU Venture.
Covers basic Android application programming, and connectivity to Arduino board via Bluetooth.
Create HTML5 Mobile Apps for WordPress SiteOon Arfiandwi
My presentation on WordCamp Indonesia 2013, Jogjakarta.
Oct 18th, 2013.
Create HTML5 Mobile Apps for WordPress site.
Using JSON-API plugin for WordPress.
PhoneGap wrapper. PhoneGap Build intro.
Data by boomee.co wordpress site.
Using JavaScript to Build HTML5 Tools (Ian Maffett)Future Insights
Taken from the Future of Web Apps Boston (http://futureofwebapps.com/boston-2014)
In this session, Ian will discuss the tools and frameworks that the HTML5 tools team at Intel are using. RequireJS, Backbone, Angular, jQuery, Mocha, Grunt and the list goes on. You will learn some tips and tricks to help power your next mega full page web app, desktop application, or hybrid application.
At Indiecade 2014, Intel engineer Brad Hill presented a short talk on the Intel® XDK and how it can be used to rapidly build game prototypes in HTML and JavaScript. Brad demonstrates the Intel XDK at Intel sponsored hackathon events several times a year. He's learned a lot about how to build fast and fun games using this tool and shared what he knows with the Indiecade audience.
O número crescente de dispositivos móveis e sistemas operacionais que encontramos hoje na indústria, traz aos desenvolvedores um desafio técnico adicional: Como escrever aplicações com o menor custo e maior alcance de audiência ?
Apps híbridos com HTML5 possibilitam aos desenvolvedores manter uma única base de código e gerar a partir dela Apps para diversos dispositivos e sistemas operacionais móveis, com maior flexibilidade e menor time to market.
O Intel XDK New é uma ferramenta gratuita e completa para o desenvolvimento, testes, emulação, depuração e compilação na nuvem de aplicativos híbridos em HTML5.
O Minicurso Intel XDK é uma série de vídeo-aulas sobre a ferramenta de desenvolvimento multiplataforma Intel XDK, onde são apresentados os principais tópicos para o desenvolvimento mobile nesta IDE, utilizando HTML5 e Apache Cordova.
De maneira objetiva e abrangente, as aulas mostram os conceitos básicos da ferramenta, suas bibliotecas, como acessar os recursos de hardware do dispositivo (GPS, Câmera, etc.), até a publicação do aplicativo nas lojas mobile.
Veja a série 'Minicurso Intel XDK' em http://diegocavalca.com/minicurso-intel-xdk/
Desenvolvimento de Aplicativo Multiplataforma com Intel® XDKEvandro Paes
O objetivo da apresentação é mostrar como desenvolver de forma fácil e rápida aplicativos móveis híbridos com a ferramenta Intel XDK. Abordarei sobre aplicativos híbridos, framewroks de desenvolvimento mobile, sobre a ferramenta e suas funcionalidades, além da demonstração de um aplicativo.
Build Your Mobile App Faster with AWS Mobile Services (Cognito, Lambda, SNS, ...Amazon Web Services
Build powerful mobile applications using AWS Mobile Services. For the first time, we will discuss how mobile developers can leverage the new cross-platform AWS Mobile Services that we announced today. How they can authenticate and authorize their users using Amazon Cognito, user identity and data synchronization service. We will discuss how Amazon Mobile Analytics service collects, visualizes and understand your mobile app usage at scale, All this is available as a single unified and mobile-optimized easy-to-use SDK so developers can access these new services (and other services like S3, DynamoDB) with just a few lines of code on the client and without the need of owning backend servers. - http://aws.amazon.com/mobile
Microsoft Visual Studio 2017 is being launched on March 7. This is the 20th anniversary of Visual Studio! We will host a launch event on April 20th that will focus on some of the new features of Visual Studio 2017 and Mobile development with Xamarin for Visual Studio.
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.
Selendroid is an open source test automation framework which drives off the UI of Android native and hybrid applications and the mobile web. Tests are written using the Selenium 2 client API. For testing no modification of app under test is required in order to automate it.
This presentation demonstrates to the audience how easy it is to do mobile test automation. It shows how Selendroid can be used to test native and hybrid Android apps and how the Selenium Grid can be used for parallel testing on multiple devices. Advances topics like extending Selendroid itself at runtime and doing cross platform tests will be covered as well.
* Blog post: http://wakeupandcode.com/deeper-into-windows-10-development
The presentation material was adopted from the Microsoft Virtual Academy course on Windows 10 app development, hosted by Jerry Nixon and Andy Wigley.
Whether you’re new to app development, or a published developer, learn how you can leverage your current skills to build apps for the next generation of Windows. Join Sr. Technical Evangelist Shahed Chowdhuri and go deeper into Windows 10 app development. All in-person attendees will get a free BizSpark code which will give you access to all Visual Studio editions, a Windows Store publishing account, free Azure credits, and more!
Cross Platform Mobile Apps with the Ionic FrameworkTroy Miles
What happens when you combine Google's AngularJS, the super cool JavaScript MVC Framework with Apache Cordova, the cross platform mobile framework using web technology? You get the Ionic Framework, the super sexy love child of two great frameworks. With Ionic you build mobile apps using the web technology you already know and love. Think the apps will be slow and clunky? Think again, Ionic comes out of the box with well design CSS3 classes to make beautiful and fluid apps.
Using Cordova and jQuery Mobile already? Well, with Ionic you will learn to love mobile development again. No more write-only spaghetti code, Ionic makes it easy to create clean, testable, logical mobile apps. Need to support tablet and phone in the same app? Ionic has you covered. You can create one app which will use responsive design to change its look based on the device's screen dimensions.
In this talk, I will show how easy it is to create a mobile with Ionic by building a simple but feature full app live. We will start at the command line, with one command, Ionic creates the skeleton of our app. Then using a text editor and the Chrome browser we begin building out our app. We can get it all up and running without the need for a mobile device. We will use live reload so we see our changes as soon as we make them. Once we finish, a few commands deploys our app to a simulated device.
Want to get started but heard what a pain it is to install a mobile development environment? Never fear, the Vagrant Ionic Box provides a complete Android development in a virtual environment for Windows, Mac OS X, and Linux. You will be up and coding in no time.
This is the Appcelerator Titanium presentation titled "Mobile for the rest of us" presented at the Mobile 2.0 conference in Mountain View, California on October 16, 2009. This presentation was given by Jeff Haynie.
Developing games for consoles as an indie in 2019David Voyles
I've given this talk several times across the world, and it's largely about the intricate parts of releasing a title in 2019. It covers everything from engines/tools, ESRB & PEGI certifications, and how to build a brand.
I gave this talk during Philly Code Camp 2018.2.
The resources mentioned can be found here: http://www.davevoyles.com/2018/02/11/getting-started-data-science-machine-learning-python/
Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5David Voyles
The video for this talk can be found here:https://channel9.msdn.com/Blogs/raw-tech/Getting-started-with-Emscripten--Transpiling-C--C-to-JavaScript--HTML5
I cover how to transpile code from C/C++ to HTML5/JS using Emscripten, an open source compiler tool from Mozilla and Alon Zakai.
How to win a hackathon - Penn APps 2015David Voyles
I'll show you how I won hackathons at two Fortune 50 companies (Comcast & Microsoft), as well as point you towards a number of resources, such as free Azure passes, and GitHub repositories to assist you.
How to build and deploy an ASP.NET applicaton.
This entire series can be found here: http://www.davevoyles.com/slides-and-code-for-my-asp-net-presentation/
Running, improving & maintaining a site in the real worldDavid Voyles
How to build and deploy an ASP.NET applicaton. This talk covers how to scale your applications using Azure
This entire series can be found here: http://www.davevoyles.com/slides-and-code-for-my-asp-net-presentation/
Building web front ends using single page applicationsDavid Voyles
How to build and deploy an ASP.NET applicaton.
This entire series can be found here: http://www.davevoyles.com/slides-and-code-for-my-asp-net-presentation/
Web standards and Visual Studio web toolsDavid Voyles
How to build and deploy an ASP.NET applicaton.
This entire series can be found here: http://www.davevoyles.com/slides-and-code-for-my-asp-net-presentation/
Joe Healy - How to set up your DreamSpark accountDavid Voyles
Tech Evangelist Joe Healy (http://www.devfish.net/) put together an excellent slide deck on the benefits of being a publisher on Microsoft platforms, and how Microsoft is working with students.
Using prime[31] to connect your unity game to azure mobile servicesDavid Voyles
Using prime[31] to connect your unity game to azure mobile services. More info at my blog: http://davevoyles.azurewebsites.net/prime31-azure-plugin-win8-wp8-unity-games-part-3/
An Introdouction to Venture Capital and Microsoft VenturesDavid Voyles
A high level overview of the services that Microsoft Ventures provides, what they are looking for, and how you can apply.
Also includes what VC is, how to get started with it, and what VCs are looking for.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
Neuro-symbolic is not enough, we need neuro-*semantic*
Building html5 apps using Cordova
1.
2. MANY TOOLS OF THE TRADE
• Intel XDK
• PhoneGap
• App Builder
• Cordova
3.
4.
5. WHAT IT TAKES TO BUILD A CORDOVA
APP
Dependencies to install:
1. Joyent Node.js
2. Google Chrome
3. Git Command Line Tools
4. Apache Ant
5. Oracle Java 7
6. Android SDK
7. Apple iTunes
8. SQLite
9. WebSocket4Net
Need to configure:
Command line targets
Environment variables
Deployment details
Build Server
Web Server
and more!
6. To help with all of this, you have the Multi-
Device Hybrid Apps for Visual Studio
extension.
(Please feel free to send us suggestions for a longer name )
7.
8. MULTI-DEVICE HYBRID APPS FOR
VISUAL STUDIO EXTENSION
This extension allows you to use Visual
Studio to:
Acquire all required 3rd party
dependencies
Configure everything to allow you to
build/deploy for the Android, iOS,
and Windows platforms
Debug apps running on Android
and Windows Store
Easily add native device capabilities
15. Apache Cordova is that it provides access to native
device capabilities not available to simple web apps via
“plugins.”
They provide JavaScript APIs that can access native code
22. Build
How do I get started with PhoneGap Build?
Simply upload your web assets - a ZIP file of HTML,
CSS and JavaScript, or a single index.html file - to
PhoneGap Build, point us to your Git or SVN
repository.
PG Buld will compile & package for you. In minutes,
you’ll receive the download URLs for all mobile
platforms.
23.
24.
25. Publish to many app stores, across many form factors easily:
• Apple App Store
• Google Play
• Windows Store
• Tizen App Store
• Nook Store (Android)
• Amazon Store (Android)
• Chrome Store (web app)
• Facebook Store (web app)
40. var incoming; // A single element or an array of elements
WinJS.UI.Animation.turnstileForwardIn(incoming);
WinJS.UI.Animation.turnstileForwardOut(incoming);
WinJS.UI.Animation.turnstileBackwardIn(incoming);
WinJS.UI.Animation.turnstileBackwardOut(incoming);
WinJS.UI.Animation.slideUp(incoming);
WinJS.UI.Animation.slideDown(incoming);
USING ANIMATIONS
41. USING ANIMATIONS
var listview = document.getElementById("listview").winControl;
var items = [];
for (var i = listview.indexOfFirstVisible; i <
listview.indexOfLastVisible + 1; i++) {
items.push(listview.elementFromIndex(i).parentNode.parentNode);
}
WinJS.UI.Animation.turnstileForwardIn(items);
42. The future: modular and
composable
HOW PEOPLE TEND TO THINK OF
WINJS
WinJS UI Modules:
ListView, FlipView, Flyout, Tooltip, etc..
WinJS SPA
Modules:
Promises, Data
binding,
Scheduler,
Fragments,
Declarative
controls, etc…
AngularJS KnockoutJS EmberJS
Co-exist with other UI toolkits (e.g. Bootstrap)
UI.js
Base.js AngularJS
Other UI toolkits
(e.g. Bootstrap)
Today: all or
nothing
43. In general, name spaces help avoid naming collisions and help with code
organization.
The WinJS.Namespace object helps in other way. Objects are available at
the application scope.
.define()
.asWithParent()
Advantage? Strongly typed.
WINJS.NAMESPACE
44. “USE STRICT”
Strict Mode (ECMAScript 5) allows you to place your program, or function, in
a "strict" operating context.
An attempt to assign foo = "bar"; where ‘foo’ hasn’t been defined will fail.
eval() – virtually all cases will fail.
Better error handling for objects
45. MODULE PATTERN
JavaScript does not support access modifiers. You can’t mark an object or method
as public or private.
Immediately Invoked Function Expression – IIFE
We use function scope to our advantage and only leak the things we want
Encapsulates some functions as private and exposes some functions as public..
Best practice: explicitly pass all dependencies.
Best practice: explicitly leak properties, objects, and methods.
46. WINJS.NAVIGATION.NAVIGATE()
Set up our proposed location and state
Raise our events: beforeNavigating, navigating, navigated
The WinJS.Navigation namespace provides state and history
management, but it doesn’t actually do the navigation itself.
We need to define a handler to the onnavigated event.
Code
Editor's Notes
You can use WinJS today to make apps for Windows desktops, laptops, tablets, convertibles, etc.
You can use WinJS today to make apps for Windows desktops, laptops, tablets, convertibles, etc.
Controls tailored for both dark and light experience
Ability to match user’s Phone theme
Phone core signature animations available
Windows animations also available
Examples of entrance animations. Argument can be a single element or an array of elements
Continuum and slide(Right/Left)(In/Out) animations slightly more complicated (additional arguments: need to pass page object, root or content elements, etc.)