Talk at Web Unleashed Toronto 2015: Building Hybrid Mobile applications with Cordova and Ember.js.
Talk provided a general overview of ember, and Cordova/Phonegap tips that apply generically to any framework.
Snappy Means Happy: Performance in Ember AppsMatthew Beale
Ember is fast. Ember Core is working hard to make Ember even faster. So why does your app drag?
The performance of a single-page app is impacted by the performance characteristics of its foundational parts: Network, Rendering, and JavaScript. Ember provides tools to manage these cornerstones, but with the tradeoff of introducing its own characteristics.
In this talk, we will use the source of real, shipped Ember apps (and of Ember itself) to diagnose, understand, and improve slow interactions. The Chrome developer tools will help us understand slow code paths and identify opportunities for improvement. Along the way, we will learn how parts of Ember work at the macro and micro level and learn how the framework helps us manage performance challenges in a browser environment.
Phonegap Day 2016: Ember/JS & Hybrid Apps TipsAlex Blom
Talk about general profiling & performance for Hybrid Applications, as well as some Ember specific tips. For Cordova + PhoneGap.
Presented on Jan 29 2016 at PhoneGap Day in Salt Lake City.
Presentation by Giovanni Frigo (Belka srl) for Speck and Tech first issue.
We talk about Chromium embedded Framework (CEF), React, Electron, Native Webapps.
Snappy Means Happy: Performance in Ember AppsMatthew Beale
Ember is fast. Ember Core is working hard to make Ember even faster. So why does your app drag?
The performance of a single-page app is impacted by the performance characteristics of its foundational parts: Network, Rendering, and JavaScript. Ember provides tools to manage these cornerstones, but with the tradeoff of introducing its own characteristics.
In this talk, we will use the source of real, shipped Ember apps (and of Ember itself) to diagnose, understand, and improve slow interactions. The Chrome developer tools will help us understand slow code paths and identify opportunities for improvement. Along the way, we will learn how parts of Ember work at the macro and micro level and learn how the framework helps us manage performance challenges in a browser environment.
Phonegap Day 2016: Ember/JS & Hybrid Apps TipsAlex Blom
Talk about general profiling & performance for Hybrid Applications, as well as some Ember specific tips. For Cordova + PhoneGap.
Presented on Jan 29 2016 at PhoneGap Day in Salt Lake City.
Presentation by Giovanni Frigo (Belka srl) for Speck and Tech first issue.
We talk about Chromium embedded Framework (CEF), React, Electron, Native Webapps.
Joomla! multiplied - How to run Multi-Sites - JandBeyond 2014Viktor Vogel
This presentation was held at the international Joomla! conference JandBeyond 2014 in Königstein im Taunus, Germany.
Note: This is a shortened version of the entire presentation since I have added only my part.
SharePoint Saturday Cincinnati 2014 - CSOMRyan Dennis
With the growing adoption of Office 365 and SharePoint Online and the continued prevalence of SharePoint on-premises, it’s becoming more difficult to manage both environments in an automated fashion. While SharePoint Online does have native support for Windows PowerShell, there are very few cmdlets to manage the sites and site contents. SharePoint on-premises gives us well over 700 cmdlets, but it still doesn’t answer every situational scenario – leaving gaps in functionality which can be filled by scripters.
In this demo-heavy session, focused on both the developer AND the administrator – you’ll see how you can use one shell to manage both scenarios (on-premises and Office 365). Demonstrations will focus on building PowerShell Scripts and Advanced Functions for both target environments, and by the end of the session you’ll be ready to start Managing SharePoint Anywhere with PowerShell.
The Figma prototyping hacks will be covering best practices and tips needed to get the best out of prototyping. Some of these can be simple prototyping hacks that when combined with other hacks will create a complex transition or interaction. The hacks can be random and do not have to be sequentially related.
Oleksandr Skachkov "How to run WebAssembly in your React web application"Fwdays
[Lightning talk]
A new era in Web Development is coming. WebAssembly will allow running many new languages within your browsers, and change the way how we build web applications. In this lighting talks, I'll show how to easily run Rust modules within your react application, with using Webpack and WebAssembly.
Joomla! multiplied - How to run Multi-Sites - JandBeyond 2014Viktor Vogel
This presentation was held at the international Joomla! conference JandBeyond 2014 in Königstein im Taunus, Germany.
Note: This is a shortened version of the entire presentation since I have added only my part.
SharePoint Saturday Cincinnati 2014 - CSOMRyan Dennis
With the growing adoption of Office 365 and SharePoint Online and the continued prevalence of SharePoint on-premises, it’s becoming more difficult to manage both environments in an automated fashion. While SharePoint Online does have native support for Windows PowerShell, there are very few cmdlets to manage the sites and site contents. SharePoint on-premises gives us well over 700 cmdlets, but it still doesn’t answer every situational scenario – leaving gaps in functionality which can be filled by scripters.
In this demo-heavy session, focused on both the developer AND the administrator – you’ll see how you can use one shell to manage both scenarios (on-premises and Office 365). Demonstrations will focus on building PowerShell Scripts and Advanced Functions for both target environments, and by the end of the session you’ll be ready to start Managing SharePoint Anywhere with PowerShell.
The Figma prototyping hacks will be covering best practices and tips needed to get the best out of prototyping. Some of these can be simple prototyping hacks that when combined with other hacks will create a complex transition or interaction. The hacks can be random and do not have to be sequentially related.
Oleksandr Skachkov "How to run WebAssembly in your React web application"Fwdays
[Lightning talk]
A new era in Web Development is coming. WebAssembly will allow running many new languages within your browsers, and change the way how we build web applications. In this lighting talks, I'll show how to easily run Rust modules within your react application, with using Webpack and WebAssembly.
Damien Piller > Rapport annuel de gestion 2012Damien Piller
Une baisse des prix de l’ordre de 1,6 %, des assortiments
répondant aux demandes de la clientèle, du
personnel qualifié, des magasins rénovés sont autant
de facteurs qui font que Migros Neuchâtel-Fribourg
a consolidé sa position de leader du commerce de
détail régional.
Damien piller sept sera surprenant et novateur Damien PillerDamien Piller
DAMIEN PILLER : «SEPT SERA SURPRENANT ET NOVATEUR»
«Le prochain défi à relever sur le plan fribourgeois est de ne pas faire perdre à Fribourg le train des médias électroniques, qui prend corps à une vitesse impressionnante.» Dans les colonnes du journal L’Objectif, en septembre dernier, Damien Piller avait déjà évoqué les mutations du secteur de la presse. «Il s’agit d’anticiper plutôt que de subir», avait ajouté l’avocat et homme d’affaires fribourgeois. Désormais, des paroles sont nées des actes. Damien Piller a racheté L’Objectif et souhaite apporter un souffle nouveau aux médias fribourgeois en investissant dans le lancement de Sept.ch. Entretien.
Pourquoi avoir acheté L’Objectif?
Damien Piller : Cette acquisition est d’abord la conséquence de la volonté de Jean-Marc Angeloz, fondateur et directeur...
The slides are for Tokyo Kabukiza.tech Meetup #9 "Programming Languages Battle Royal." An introduction to Frege - Haskell for JVM, focusing on the Java interoperation with monads. The original talk is in Japanese (http://www.slideshare.net/y_taka_23/frege).
Nutzen Sie die Gelegenheit, sich mit unseren ReferentInnen Thomas Gerber, Geschäftsführer der Raffinerie Heide GmbH, Christine Gebler und Michaela Stanke, Stadt Mannheim , Jürgen Gerstner, Leiter Prozessoptimierung / Stellvertretender Produktionsleiter der STORZ Endoskop Produktions GmbH, Markus Buchdrucker, Leiter Prozessoptimierung der GAUDLITZ GmbH, Prof. Dr. Janicke Kirksaeter und Martin Brochhaus, Leitung Personal- und interne Unternehmensentwicklung der
Gira Giersiepen GmbH & Co. KG, Frank Sazama, Process Director der KUGLER MAAG CIE GmbH, Oguzhan Aksoy, Chief Business Development Officer der 4U Aircraft Design and Engineering GmbH und Roman Rackwitz, Managing Partner Engaginglab sowie unseren Gästen aus den unterschiedlichsten Branchen hierzu auszutauschen.
Zudem möchten wir Sie in unseren Workshops - durchgeführt von Dr. Thorsten Laube, Leiter Produktion und Logistik der G. Lufft Mess- und Regeltechnik GmbH , Johann Anders, Industrial Engineer der Metabowerke GmbH, Bernd Albrecht, Consultant der Daimler Protics GmbH,
Ulrich E. Hinsen, Change-Consultant und Journalist von Management Radio, Simone Gerwers,
Executive Coach - Expertin für Führung im Wandel der coaching4change und Harald Schomburg, Consultant der Learning Factory Beratung & Training - am zweiten Symposiumtag zur Diskussion mit viel Praxis und wenig Theorie im Experten- und Anwenderkreis anregen.
Freuen Sie sich daher auf zwei interessante Tage mit insgesamt 8 Vorträgen und 4 Workshops rund um das Motto „Change to Kaizen".
Bei der Auswahl der ReferentInnen haben wir darauf geachtet, dass diese nicht nur über ihre Erfolge auf dem Weg zu einer „schlanken Organisation" berichten, sondern auch aufzeigen, welche Stolpersteine und Hürden diese zu bewältigen hatten und noch haben, um heute als Organisation „ganzheitlich" erfolgreich zu sein.
Web, Native iOS and Native Android with One Ember.js AppFITC
FITC events. For digital creators.
Save 10% off ANY FITC event with discount code 'slideshare'
See our upcoming events at www.fitc.ca
Web, Native iOS and Native Android with One Ember.js App
with Alexander Blom
OVERVIEW
Many companies maintain a separate repo for web and native mobile applications, and sometimes yet another for mobile web. Historically you may hear that ‘wrapped applications’ are slower and choppy. This is no longer the case – if your application is structured correctly.
By using Ember.js with Cordova, it is possible to have a single code base powering all four (desktop web, mobile web, native iOS and native Android). Outside of the immediate cost/programming time savings, this technique enables you to build future iterations faster and stop the out of sync issues plaguing many code bases (e.g. the Android app has different features to iOS).
OBJECTIVE
Learn how to write a single code base which works on all platforms without the presumed drawbacks.
TARGET AUDIENCE
Developers/managers working on one of the three mentioned platforms, and who wish to no longer maintain separate code bases for each platform.
ASSUMED AUDIENCE KNOWLEDGE
A general knowledge of how either backend, front-end or mobile applications are developed is helpful.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
How to build a single code base working on all platforms
What changes (if any) are required in the code base to achieve this
How to avoid common draw-backs of wrapped applications, such as perceived slowness
How to access native phone functions without muddling up the code base
How such applications are packaged and deployed
Alexander Blom
Isle of Code
Overview
Some people consider responsive design to be cross-platform, and responsive design to be resizing for containers. However, this misses the distinction of fluid design & often leads to slow and bad programmatic implementations. This talk will cover the distinction and provide pointers on how to implement responsive apps that are also performant.
Attendees should understand a differing view on how to build cross-platform apps, and the difference between fluid & responsive design.
Target Audience
Programmers, designers & cssers who think a single page with lots of media queries is a good idea.
Five Things Audience Members Will Learn
What is fluid design?
The difference between responsive & fluid design
Why are responsive designs often slow?
How to implement responsive designs that are performant
Bonus points to be revealed in talk!
Introduction to hybrid application developmentKunjan Thakkar
The presentation I prepared for in-house skill building. Introduction to Hybrid development. Understanding different frameworks and choosing the right one.
Android development changed significantly in 2017 (Kotlin, Architecture Components and much more). Some of the most tricky and debatable questions now are: how to start a scalable project from scratch? How to decide which technology/library to use?
The HERE WeGo App team has worked for years to define a sophisticated release and development process, with a high level of automation that allowed to quickly followup on user issues and actively develop features. But legacy code and a large framework made it difficult to move even faster.
Lessons learned? We will discuss how to start over with all the learnings on a greenfield project.
Technologies that will be covered: Kotlin, Jenkins, JobDsl, Architecture Components, GraphQL, gRPC and more.
The Cordova framework
Recurrent app architecture
Cordova CLI
Debugging Cordova applications
My development environment
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2016.
http://www.ivanomalavolta.com
Cross platform mobile application developmentwebprogr.com
High performance Cross Platform PhoneGap application development framework is a perfect complement to Adobe’s broad family of developer solutions, and will allow all of us to continue to provide content publishers and developers with the best, cutting-edge solutions for creating innovative applications across platforms and devices.It is a real rapid application development tool.
Developing Phonegap apps are best suited for Enterprise apps and Enterprise mobile solutions
Building mobile apps with PhoneGap and BackboneTroy Miles
HTML5 at one point held the promise of being the unifying platform for desktop and mobile devices. Then big name companies turned their backs on the platform in droves. But don't don't despair, HTML5 isn't dead, in fact it is still a great choice for many mobile applications.
In this session, we will build a simple to understand but easy to enhance mobile app. We will use PhoneGap version 3.x, HTML5, CSS3, and JavaScript. While will be working on a Mac since it is required for iOS, users of other platforms should be able to follow along. The techniques show should also work with Windows Phone 8, Blackberry and other support PhoneGap platforms.
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapNick Landry
The final demo for this presentation can be downloaded at:
https://www.dropbox.com/s/9j09wip6wz84b61/JSDevConMobile-JQM-PhoneGap-Demo.zip
SESSION ABSTRACT
=================
Write Once, Run Everywhere. How many times have we been promised true cross-platform development? HTML5 seems to be the closest we’ve ever been to writing applications once and running them on multiple mobile devices, such as iOS, Android, Windows Phone or Blackberry.
But native mobile apps have taken all the spotlight in recent years thanks to the introduction of hundreds of thousands of apps in various app stores from Apple, Google, Microsoft and BlackBerry. Apps offer a great native platform experience, but they can be expensive to build and require specific languages, SDKs and skill sets across multiple platforms. Mobile web sites offer a great way to engage with consumers and corporate workers alike without requiring the installation of any app, and can in turn be adapted as deployable "hybrid" apps.
This session explores the fundamentals of native vs. web apps, and how to choose the right approach for any given scenario. We begin with an exploration of the benefits of web development for smartphones using the most popular HTML5 & JavaScript framework for mobile: jQuery Mobile (JQM). We’ll go over a quick primer on HTML5, CSS3 and JavaScript, followed by everything you need to get started with JQM. We’ll cover the most common development environment options, how to build your first jQuery Mobile page, and how to debug your mobile web code with some of the available tools. We’ll also discuss how to develop a native-like experience on each mobile platform thanks to JQM’s adaptive rendering, and how to save and retrieve data with the cloud using Microsoft Azure Mobile Services.
We'll then learn how to leverage PhoneGap to wrap our mobile web UI into a native smartphone or tablet app. Discover how PhoneGap exposes native device hardware like cameras, sensors, GPS and more. We’ll also discuss the pros and cons of PhoneGap-based apps, how to deal with the UI design guidelines across platforms, and learn some do’s and don’ts of cross-platform mobile development.
Native mobile apps have their place for mass market revenue-generating models, but you also need to master cross-platform techniques when the situation calls for it such as in enterprise mobility scenarios and other niche areas. Web development is a critical skill required by every mobile developer; come learn how to get started and reach hundreds of millions of users through a smart mobile web & hybrid approach.
Presentation to Xamarin User Group in San Francisco, 19-Sep-2013... all the latest in Xamarin technology including iOS, Android, Xamarin Studio, Portable Class Libraries, Async/Await and TestCloud.
I was invited by the Hatchery+ to give a presentation and workshop on building products - a brief overview on modern web apps, tech stacks, languages, frameworks, services, APIs and more.
PhoneGap (aka Cordova) is a cross-platform framework for developing mobile apps using standard web development tools like HTML, CSS, and JavaScript. Join Troy Miles to learn how to create mobile apps with PhoneGap by building a simple but full-featured app during this hands-on class. Troy explores PhoneGap’s important capabilities, including GPS, camera, and audio recordings. Because JavaScript has a reputation as a somewhat difficult language, Troy teaches techniques for keeping your code robust and clean. To give your app the appropriate look and feel for the device on which it is running, the class will use the open source Chocolate Chip UI framework for testing. Troy shares ways to debug the code by running it as a web app, using browser development tools, or as a phone app, using the Chrome browser’s remote debugging features. Leave with the basics you need to start building your own cross-platform mobile apps.
Similar to Web Unleashed Toronto 2015: Hybrid Mobile Apps with Ember.js (20)
Freelance Camp Toronto: Social is not new and the 7 biggest social mistakesAlex Blom
My Freelance Camp Toronto presentation, Social Media is NOT new and the 7 biggest social mistakes.
Thanks to all who came and made the event a huge success.
2. Who am I
• Programmer
• Started with Java/C;
• Mostly Ruby/Rails;
• Go;
• Ember for ~2.5 years;
3. Isle of Code
• Toronto based development;
• Focused on:
• Prototyping;
• Single sourcing mobile /w Ember.js & Cordova;
and
• A lot of beacon work.
4. Five things audience
members will learn
1. How to build a single code base working on all platforms
2. What changes (if any) are required in the code base to
achieve this
3. How to avoid common draw-backs of wrapped
applications, such as perceived slowness
4. How to access native phone functions without muddling
up the code base
5. How such applications are packaged and deployed
5. Contents
• 1: What are hybrid apps?;
• 2: Our tools (Cordova, Ember & Good
Programming);
• 3: Make it go zoom;
17. What is Cordova?
• Apache Cordova is a platform for building native
mobile applications using HTML, CSS and
JavaScript
• https://cordova.apache.org/
• "Cordova" refers to the street the office was on
when the PhoneGap project first began
38. Manage Reflows
• “Reflow is the process by which the geometry of the
layout engine's formatting objects are computed. The
HTML formatting objects are called frames: a frame
corresponds to the geometric information for (roughly) a
single element in the content model; the frames are
arranged into a hierarchy that parallels the containment
hierarchy in the content model. A frame is rectangular,
with width, height, and an offset from the parent frame
that contains it.”
• http://www-archive.mozilla.org/newlayout/doc/reflow.html
39. What causes Reflow?
• Resizing the browser window;
• using JavaScript methods involving computed
styles;
• adding or removing elements from the DOM; and
• changing an element's classes.
• https://developers.google.com/speed/articles/reflo
w
42. Best Practices for avoiding
Reflow
1. Avoid setting multiple inline styles; avoid setting styles individually.
2. Use class names of elements, and do so as low in the DOM tree as possible.
3. Batch your DOM changes and perform them offline;
4. Avoid computing styles too often. If you must then cache those values.
5. Apply animations with position: fixed or absolute so it doesn’t affect the layout of other elements.
6. Avoid table layouts, they trigger more reflows than block layouts because multiple passes must be made over
the elements.
7. Reduce unnecessary DOM depth. Changes at one level in the DOM tree can cause changes at every level of
the tree - all the way up to the root, and all the the way down into the children of the modified node. This leads
to more time being spent performing reflow.
8. Minimize CSS rules and remove unused CSS rules.
9. If you make complex rendering changes such as animations, do so out of the flow. Use position-absolute or
position-fixed to accomplish this.
10.Avoid unnecessary complex CSS selectors - descendant selectors in particular.
http://stage.docs.phonegap.com/tutorials/optimize/03-min-reflows/
53. Canvas
• Choppy and deal breaking. This is common when
working with DOM;
• Need to move to Canvas;
• ~16ms target for animations, DOM can’t do this;