PhoneGap allows developers to build native mobile apps using HTML, CSS and JavaScript. It works by wrapping web-based apps so they can access device APIs and be deployed to app stores. Developers build their app once using web standards, then PhoneGap packages it to run on multiple platforms like Android, iOS and Windows Phone. The document provides instructions for building basic PhoneGap apps for Android, iOS and Windows Phone, accessing device APIs, and deploying apps to stores.
Serverless Angular, Material, Firebase and Google Cloud applicationsLoiane Groner
Presented at DevFest Florida 2019 - January 19, Orlando, FL.
In this talk we'll learn how to use all the power of Google stack technologies (Angular, Material, Firebase and Google Cloud) to develop a full stack application. We'll learn how we can empower a serverless Angular + Material application with Firebase and reactive programming by using realtime database, Firestore, authentication (with different providers) and Firebase hosting. And we if need any other functionality, we can use Cloud Functions or a NodeJS app. This talk will demonstrate the overview of a real world application (40k users), along with CI configuration and some details of the code (the good parts!).
Serverless Angular, Material, Firebase and Google Cloud applicationsLoiane Groner
Presented at DevFest Florida 2019 - January 19, Orlando, FL.
In this talk we'll learn how to use all the power of Google stack technologies (Angular, Material, Firebase and Google Cloud) to develop a full stack application. We'll learn how we can empower a serverless Angular + Material application with Firebase and reactive programming by using realtime database, Firestore, authentication (with different providers) and Firebase hosting. And we if need any other functionality, we can use Cloud Functions or a NodeJS app. This talk will demonstrate the overview of a real world application (40k users), along with CI configuration and some details of the code (the good parts!).
Using Apache Brooklyn to manage your application stack. Brooklyn is a cloud agnostic orchestrator that can deploy an application to any cloud (including the creation of infrastructure) without changing the blueprint.
A look at a few lessons from building our company, Modulus (http://modulus.io), completely on JavaScript and Node.js. Lessons include how to restart your application on crash and what API frameworks there are, and more...
Firefox OS, fixing the mobile web - FITC Toronto - 2014-04-28Frédéric Harper
The mobile web got a bad reputation. In reality, it's the platform to bet on if you care about reach, and sustainability of your product. In this talk, Frédéric Harper will show you how you can use HTML5, CSS3, and JavaScript to build amazing mobile applications as to brush up what you previously published. Learn about the open web technologies, including WebAPIs, and tools designed to get you started developing HTML apps for Firefox OS, and the web.
Firefox OS, HTML5 to the next level - Python Montreal - 2014-05-12Frédéric Harper
If you are like me, your spectrum of interest is large when it comes to technology. You may be a Python developer, but that does not mean you have not any interest in HTML, and it’s a good coincidence as it’s the foundation of my presentation. In this talk, Frédéric Harper will show you how you can use HTML5 with the power of JavaScript to build amazing mobile applications as to brush up what you previously published. Learn about the open web technologies, including WebAPIs, and tools designed to get you started developing HTML apps for Firefox OS, and the web.
Secret Deployment Events API features for mablMatthew Stein
We hosted a webinar on the newest features of our Deployments Events for mabl. Use this to integrate your automated software tests with your CI/CD pipeline
當線上運作環境發生問題時,如何在最短時間找出問題核心?我們使用 counter 這個工具來解決。Counter 是在程式裡的一行程式碼,用來記錄感興趣的事件。本演講包含以下內容:Golang counter 程式碼範例,後台系統架構,線上 dashboard,以及如何使用 counter 來偵錯,甚至可以一路追至某一行程式碼。另外,本演講會提及幾個有趣的應用:counter 如何協助定期伺服器更新,如何使用 counter 協助 autoscaling,以及未來的應用。
When production alert triggers, how to identify the root cause within the shortest amount of time? We solve the problem by counter, a line of code inserted by developer to count interesting events. In this talk, we'll cover the following topics: 1) how counter looks like in Golang production code, 2) our counter pipeline, 3) service dashboard with counters, 4) how to use counter to find production issues all the way to certain line of code. We'll also cover a few interesting counter use-cases, including: 1) How counter helps our weekly server upgrade, 2) Use counter for autoscaling, and 3) case-studies to demonstrate what counter can do when outages happen.
A session for .Net Conf TLV 30.10.2019 (Tel-Aviv, Israel).
The session describes most of the new features that were added to C# 8.0 and .Net Core 3.
Sample Code can be found here: https://github.com/MoaidHathot/.NET-Conf-TLV-2019
Reusing your frontend JS on the server with V8/RhinoKenneth Kalmer
Writing modern web applications requires a ton of JS, and somewhere in that JS lies some application logic (we're not just talking DOM manipulations here). If you require that same logic on the server-side for say, generating reports, what do you do? I'll show you how ValuationUP.com pushes the single responsibility principle to the max by "embedding" V8 into our report generation code so the same JS that powers our Backbone.js frontend powers our PDF's generated by Prawn.
Thin wrappers, no duplication, practical IoC, ultimate SRP.
Rails Workshop at Gigigo Mobile Services.
See also:
https://github.com/gigigoapps/Ruby-Rails-Workshop
https://github.com/plataformatec/devise
https://github.com/seyhunak/twitter-bootstrap-rails
Using Apache Brooklyn to manage your application stack. Brooklyn is a cloud agnostic orchestrator that can deploy an application to any cloud (including the creation of infrastructure) without changing the blueprint.
A look at a few lessons from building our company, Modulus (http://modulus.io), completely on JavaScript and Node.js. Lessons include how to restart your application on crash and what API frameworks there are, and more...
Firefox OS, fixing the mobile web - FITC Toronto - 2014-04-28Frédéric Harper
The mobile web got a bad reputation. In reality, it's the platform to bet on if you care about reach, and sustainability of your product. In this talk, Frédéric Harper will show you how you can use HTML5, CSS3, and JavaScript to build amazing mobile applications as to brush up what you previously published. Learn about the open web technologies, including WebAPIs, and tools designed to get you started developing HTML apps for Firefox OS, and the web.
Firefox OS, HTML5 to the next level - Python Montreal - 2014-05-12Frédéric Harper
If you are like me, your spectrum of interest is large when it comes to technology. You may be a Python developer, but that does not mean you have not any interest in HTML, and it’s a good coincidence as it’s the foundation of my presentation. In this talk, Frédéric Harper will show you how you can use HTML5 with the power of JavaScript to build amazing mobile applications as to brush up what you previously published. Learn about the open web technologies, including WebAPIs, and tools designed to get you started developing HTML apps for Firefox OS, and the web.
Secret Deployment Events API features for mablMatthew Stein
We hosted a webinar on the newest features of our Deployments Events for mabl. Use this to integrate your automated software tests with your CI/CD pipeline
當線上運作環境發生問題時,如何在最短時間找出問題核心?我們使用 counter 這個工具來解決。Counter 是在程式裡的一行程式碼,用來記錄感興趣的事件。本演講包含以下內容:Golang counter 程式碼範例,後台系統架構,線上 dashboard,以及如何使用 counter 來偵錯,甚至可以一路追至某一行程式碼。另外,本演講會提及幾個有趣的應用:counter 如何協助定期伺服器更新,如何使用 counter 協助 autoscaling,以及未來的應用。
When production alert triggers, how to identify the root cause within the shortest amount of time? We solve the problem by counter, a line of code inserted by developer to count interesting events. In this talk, we'll cover the following topics: 1) how counter looks like in Golang production code, 2) our counter pipeline, 3) service dashboard with counters, 4) how to use counter to find production issues all the way to certain line of code. We'll also cover a few interesting counter use-cases, including: 1) How counter helps our weekly server upgrade, 2) Use counter for autoscaling, and 3) case-studies to demonstrate what counter can do when outages happen.
A session for .Net Conf TLV 30.10.2019 (Tel-Aviv, Israel).
The session describes most of the new features that were added to C# 8.0 and .Net Core 3.
Sample Code can be found here: https://github.com/MoaidHathot/.NET-Conf-TLV-2019
Reusing your frontend JS on the server with V8/RhinoKenneth Kalmer
Writing modern web applications requires a ton of JS, and somewhere in that JS lies some application logic (we're not just talking DOM manipulations here). If you require that same logic on the server-side for say, generating reports, what do you do? I'll show you how ValuationUP.com pushes the single responsibility principle to the max by "embedding" V8 into our report generation code so the same JS that powers our Backbone.js frontend powers our PDF's generated by Prawn.
Thin wrappers, no duplication, practical IoC, ultimate SRP.
Rails Workshop at Gigigo Mobile Services.
See also:
https://github.com/gigigoapps/Ruby-Rails-Workshop
https://github.com/plataformatec/devise
https://github.com/seyhunak/twitter-bootstrap-rails
[JMaghreb 2014] Developing JavaScript Mobile Apps Using Apache CordovaHazem Saleh
Apache Cordova is a platform for building native mobile applications using common Web technologies (HTML, CSS and JavaScript). Apache Cordova offers a set of APIs that allow the mobile application developers to access mobile native functions such as (Audio, Camera, File, Battery, Contacts …etc) using JavaScript. Although there are many JavaScript mobile application frameworks, jQuery mobile is one of the best mobile web application frameworks which allows the web developers to develop web applications that are mobile friendly. This session illustrates how to use Apache Cordova with the combination of jQuery mobile in order to develop a native Android application and deploy on a real Android device. The demo application (“Memo” application) utilizes mobile native functions (Audio and Camera) using pure JavaScript.
Non Conventional Android Programming Enguest9bcef2f
Learn as you can developing software for mobile devices using only html, css and javascript and how you can use Spring Framework in software for mobile devices
Non Conventional Android Programming (English)Davide Cerbo
Learn as you can developing software for mobile devices using only html, css and javascript and how you can use Spring Framework in software for mobile devices
HTML5 est un pas de géant dans la bonne direction: il apporte plusieurs fonctionnalités dont les développeurs avaient besoin pour créer plus facilement de meilleures expériences web. Il a aussi fait naitre un débat sans fin: applications natives ou applications web! Lors de cette présentation, Frédéric Harper vous montrera comment le web ouvert peut vous aider à créer des applications mobiles de qualités. Vous en apprendrez plus sur des technologies telles que les WebAPIs, ainsi que les outils qui vous permettront de viser un nouveau marché avec Firefox OS et le web d’aujourd'hui.
[Devoxx Morocco 2015] Apache Cordova In ActionHazem Saleh
Apache Cordova is a platform for building native mobile apps using common Web technologies (HTML, CSS and JavaScript). Apache Cordova offers a set of APIs that allow the mobile app developers to utilize mobile native functions such as (Audio, Camera, Contacts …etc) using JavaScript. jQuery mobile is one of the best mobile web application frameworks, which allows the web developers to develop neat mobile web applications. This session discusses why there is a need for Hybrid mobile development, the current challenges of mobile development, and how using Apache Cordova can help in overcoming many of these technical challenges. It also highlights the best practices of using Apache Cordova with jQuery mobile. Finally, it demonstrates a real Cordova mobile app for showing the audience the best practices of designing, developing, and deploying hybrid Android and iOS mobile apps.
HTML for the Mobile Web, Firefox OS - All Things Open - 2014-10-22Frédéric Harper
Firefox OS is a new operating system for mobile phones to bring web connectivity to those who can not get top-of-the-line smartphones. By harvesting the principles of what made the web great and giving developers access to the hardware directly through web standards it will be the step we need to make a real open and affordable mobile web a reality. In this talk, Frédéric Harper from Mozilla will show how Firefox OS works, how to build apps for it and how end users will benefit from this open alternative to other platforms.
HTML, not just for desktops: Firefox OS - Congreso Universitario Móvil - 201...Frédéric Harper
The mobile web got a bad reputation. In reality, it's the platform to bet on if you care about reach and sustainability of your product. In this talk, Frédéric Harper will show you how you can use HTML and JavaScript to build amazing mobile applications as to brush up what you previously published. Learn about the open web technologies, including WebAPIs and tools designed to get you started developing HTML apps for Firefox OS and the web. In the end, HTML is not just for desktops..
Cross platform Mobile development on TitaniumYiguang Hu
This present talks about using Titanium to develop cross platform mobile applications. Compare native development, phonegap, html5,javascript with titanium.
This talk will explain the Google Web Toolkit (GWT), GWT architecture, and why you would want to use GWT. In addition, it will include a demo of GWT and the recently released GWT Designer (a tool that makes GWT development easy and that makes it fast to generate a complicated UI).
9. APIs-Storage
function populateDB(tx) {
tx.executeSql('DROP TABLE IF EXISTS DEMO');
tx.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id unique, data)');
tx.executeSql('INSERT INTO DEMO (id, data) VALUES (1, "First row")');
tx.executeSql('INSERT INTO DEMO (id, data) VALUES (2, "Second row")');
}
function errorCB(err) {
alert("Error processing SQL: "+err.code);
}
function successCB() {
alert("success!");
}
var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
db.transaction(populateDB, errorCB, successCB);
10. APIs-Storage
function queryDB(tx) {
tx.executeSql('SELECT * FROM DEMO', [], querySuccess, errorCB);
}
function querySuccess(tx, results) {
varlen = results.rows.length;
console.log("DEMO table: " + len + " rows found.");
for (vari=0; i<len; i++){console.log("Row = " + i + " ID = " + results.rows.item(i).id + " Data = " +
results.rows.item(i).data);
}
}
function errorCB(err) {
alert("Error processing SQL: "+err.code);
}
var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
db.transaction(queryDB, errorCB);
11. Demonstration
• Download and install PhoneGap
– http://phonegap.com/
• Develop your web application and wrap it
with Phonegap
• Drop www to target platform projects
• Test/Run
• Deploy it!
12. Android demo
1. Requirements
– Eclipse 3.4+
2. Install SDK + PhoneGap
– Download and install Eclipse Classic
– Download and install Android SDK
– Download and install ADT Plugin
– Donwload the latest copy of PhoneGap and
extract its contents.
14. Android demo continue…
5. Copy from phonegap root/libs/android
– example/assets/www/* to assets/www
– cordova-1.5.0.jar to libs/
– xml folder to /res
16. Android demo continue…
5. Refresh the project
6. Update activity code
– Add cordova.jar into build path
– Change the class's extend from Activity to DroidGap
– Replace the setContentView() line with
super.loadUrl("file:///android_asset/www/index.ht
ml");
– Add import org.apache.cordova.DroidGap;
– Add import com.phonegap.*;
– Remove import android.app.Activity;
17. iPhone Demo
• InstallXcode
• Install PhoneGap
– Open and install from Cordova-1.5.0.dmg
• Create a new project
• Select PhoneGap/cordova-based Application
• Run it
• Drag the www directory by the iosphonegap project
directory into project
• Run it again
• Copy the html files developed from Android into the ios
project www directory
• Run it again
18. Windows phone demo
• Require Windows 7 or Windows Vista with SP2
• JDK 32bit
• Install
– Windows Phone SDK and phonegap
• Setup
– Open Visual Studio Express for Windows Phone and
choose New Project.
– Select PhoneGapStarter.
– Drag www folder and drop into project
– Copy the app related files into www folder
• Build and run
19. PhoneGap for Mobile Application
Development
Yiguang Hu
yighu@yahoo.com
yighu@twitter