The document discusses using the Ionic framework for developing cross-platform mobile apps. It introduces Ionic, which uses AngularJS and Cordova to build apps that can be deployed on iOS, Android, and other platforms. The document provides an overview of using the Ionic CLI to start a new project, add platforms, build, emulate and run apps, and add Cordova plugins. It also briefly mentions Ionic Lab, results, best practices, and lessons learned from using Ionic for mobile development.
How to fix a bug in production - Rollout.ioRollout.io
In today's mobile landscape, a lot of resources are directed towards building better quality apps - from beta testing platforms to distribution systems and even app performance monitoring solutions. But none of these solutions help developers while their app is in production. A critical bug can cause a lot of damage to an App company, resulting in lower appstore rating, bad reviews which are difficult to bounce back from, and financial damages of up to $12K/hour of downtime (for a medium sized company).
With Rollout.io, developers can quickly react to their users by remote-controlling their app's settings and parameters, as well as fix and contain errors and issues in real time - without waiting for a full release cycle.
A Happy Cloud Friendly Java Developer with OpenShiftShekhar Gulati
PaaS landscape has changed in 2011 with the unveiling of PaaS solutions like OpenShift and Cloud Foundry. The earlier PaaS solutions for Java developers like Google App Engine had lot of restrictions like learning new paradigm of programming , fewer choices in terms of languages and frameworks, diluted support which made it difficult to port existing applications to Cloud. With OpenShift you can very easily port your existing application to cloud without learning anything new or changing your code. OpenShift is great because it not only provides you with the choices of programming language (Java, PHP, Python), frameworks (like Spring or JavaEE), databases (like MySQL or MongoDB) but it also gives you control over the underlying infrastructure. In this session I will show you how you can deploy a Spring MongoDB application to OpenShift Express. Then I will show you how to deploy the same application on auto-scalable, cluster-enabled PaaS, OpenShift Flex.
How to fix a bug in production - Rollout.ioRollout.io
In today's mobile landscape, a lot of resources are directed towards building better quality apps - from beta testing platforms to distribution systems and even app performance monitoring solutions. But none of these solutions help developers while their app is in production. A critical bug can cause a lot of damage to an App company, resulting in lower appstore rating, bad reviews which are difficult to bounce back from, and financial damages of up to $12K/hour of downtime (for a medium sized company).
With Rollout.io, developers can quickly react to their users by remote-controlling their app's settings and parameters, as well as fix and contain errors and issues in real time - without waiting for a full release cycle.
A Happy Cloud Friendly Java Developer with OpenShiftShekhar Gulati
PaaS landscape has changed in 2011 with the unveiling of PaaS solutions like OpenShift and Cloud Foundry. The earlier PaaS solutions for Java developers like Google App Engine had lot of restrictions like learning new paradigm of programming , fewer choices in terms of languages and frameworks, diluted support which made it difficult to port existing applications to Cloud. With OpenShift you can very easily port your existing application to cloud without learning anything new or changing your code. OpenShift is great because it not only provides you with the choices of programming language (Java, PHP, Python), frameworks (like Spring or JavaEE), databases (like MySQL or MongoDB) but it also gives you control over the underlying infrastructure. In this session I will show you how you can deploy a Spring MongoDB application to OpenShift Express. Then I will show you how to deploy the same application on auto-scalable, cluster-enabled PaaS, OpenShift Flex.
http://www.opitz-consulting.com/go/3-4-11
JavaScript applications have yet become increasingly powerful but likewise increasingly complex. How can such an application remain maintainable and testable in spite of its growth? Design pattern like data binding, dependency injection and modular design.
OPITZ CONSULTING Senior Solution Architect Stefan Scheidt at JavaScript Conference, Düsseldorf, Germany, 27/02/2012.
Surviving as a Professional Software DeveloperYakov Fain
This presentation was made in Kiev, Ukraine at JEEConf, May 2013 as a sequel to this one: http://www.slideshare.net/yfain/yakov-fain-enterprisedeveloperkiev.
Real World AngularJS recipes: beyond TodoMVCCarlo Bonamico
Codemotion Rome 2015 Talk with Sonia Pini
You got captured by Angular power and simplicity, and have chosen it for your next project (or you are thinking about it). Creating a prototype with Data Binding, scopes and MVVM was relatively quick and easy. But what do you need to effectively complete and bring a complex application in Production? We will discuss practical recipes from our real world experiences for choosing between ES5, ES6 and TypeScript, designing a modular, event-driven application structure, creating or selecting components and directives, implementing authentication, managing errors and logging, testing and packaging.
This presentation was featured on the third AngularJS Meetup in Belgium and presented by Glenn Dejaeger, Thomas Anciaux and Pieter Herroelen, who have been working on a large AngularJS application for almost a year now.
This presentation features the many challenges they have encountered and also ways to solve them, including:
- structuring a large AngularJS application (and building it with grunt)
- writing reusable components
- using AngularJS with a hypermedia API
Enjoy!
AE nv
Ionic adventures - Hybrid Mobile App Development rocksJuarez Filho
Ionic frameworks is the new kid on the block related to Hybrid Mobile Apps created by Drifty and rapidly growth with a variety of tools like ionic lab, ionic creator, ionic view, ionic crosswalk integration and other exciting tools is coming this year like ionic PUSH.
Check this presentation to have a short getting start in this amazing framework.
Let's create amazing apps with Ionic. \o/
http://www.opitz-consulting.com/go/3-4-11
JavaScript applications have yet become increasingly powerful but likewise increasingly complex. How can such an application remain maintainable and testable in spite of its growth? Design pattern like data binding, dependency injection and modular design.
OPITZ CONSULTING Senior Solution Architect Stefan Scheidt at JavaScript Conference, Düsseldorf, Germany, 27/02/2012.
Surviving as a Professional Software DeveloperYakov Fain
This presentation was made in Kiev, Ukraine at JEEConf, May 2013 as a sequel to this one: http://www.slideshare.net/yfain/yakov-fain-enterprisedeveloperkiev.
Real World AngularJS recipes: beyond TodoMVCCarlo Bonamico
Codemotion Rome 2015 Talk with Sonia Pini
You got captured by Angular power and simplicity, and have chosen it for your next project (or you are thinking about it). Creating a prototype with Data Binding, scopes and MVVM was relatively quick and easy. But what do you need to effectively complete and bring a complex application in Production? We will discuss practical recipes from our real world experiences for choosing between ES5, ES6 and TypeScript, designing a modular, event-driven application structure, creating or selecting components and directives, implementing authentication, managing errors and logging, testing and packaging.
This presentation was featured on the third AngularJS Meetup in Belgium and presented by Glenn Dejaeger, Thomas Anciaux and Pieter Herroelen, who have been working on a large AngularJS application for almost a year now.
This presentation features the many challenges they have encountered and also ways to solve them, including:
- structuring a large AngularJS application (and building it with grunt)
- writing reusable components
- using AngularJS with a hypermedia API
Enjoy!
AE nv
Ionic adventures - Hybrid Mobile App Development rocksJuarez Filho
Ionic frameworks is the new kid on the block related to Hybrid Mobile Apps created by Drifty and rapidly growth with a variety of tools like ionic lab, ionic creator, ionic view, ionic crosswalk integration and other exciting tools is coming this year like ionic PUSH.
Check this presentation to have a short getting start in this amazing framework.
Let's create amazing apps with Ionic. \o/
Lucio Grenzi - Use Ionic framework to develop mobile applicationCodemotion
In the ever evolving quest for the best mobile application development stacks, it's time to take a look at the Ionic Framework. Ionic is a library that provides mobile-optimized UI components to build “native-feeling” hybrid applications. Ionic is built on top of AngularJS to provide a complete solution for developing applications that are both well architected and native-feeling. That’s great news if you are an Angular developer. If you use another architectural framework, you can still use the Ionic CSS stylesheets, but you won’t get the powerful UI interactions, gestures, and animations.
The OWASP Testing Guide includes a "best practice" penetration testing framework which users can implement in their own organizations and a "low level" penetration testing guide that describes techniques for testing most common web application and web service security issues.
You'll notice several changes between v3 and v4. Some sections have been renamed, removed or reworked, but overall the OWASP Testing Guide version 4 improves on version 3 in three ways:
1. This version of the Testing Guide integrates with the two other flagship OWASP documentation products: the Developers Guide and the Code Review Guide. To achieve this we aligned the testing categories and test numbering with those in other OWASP products. The objective of the Testing and Code Review Guides is to evaluate the security controls described by the Developers Guide.
2. All chapters have been improved and test cases expanded to 87 (64 test cases in v3) including the introduction of four new chapters and controls:
- Identity Management Testing
- Error Handling
- Cryptography
- Client Side Testing
3. This version of the Testing Guide encourages the community not to simply accept the test cases outlined in this guide. We encourage security testers to integrate with other software testers and devise test cases specific to the target application. As we find test cases that have wider applicability we encourage the security testing community to share them and contribute them to the Testing Guide. This will continue to build the application security body of knowledge and allow the development of the Testing Guide to be an iterative rather than monolithic process.
Web Developers are now Mobile Developers boyney123
Talk I presented at DDDCambridge 2015. Talking about techniques and methods web developers can use to become mobile developers.
Also cover what lessons were learnt and techniques used at comparethemarket.com when working with the Ionic framework to build hybrid mobile applications.
Building Hybrid Apps with Angular JS and IONIC...
***********************************************************************
In this tutorial, you learn how to build a native-like mobile application with Ionic and AngularJS. You build a Conference application that allows the attendees of a conference to browse through the list of sessions, and share information on Facebook.
App developer as a Web developer (ROROSyd - Jul 15)Sameera Gayan
Developing mobile applications by being a rails developer. By using the technologies that already familiar with
Presented in Sydney Rails user group (Jul - 2015)
Workshop on Hybrid App Development with Ionic FrameworkAayush Shrestha
Presentation materials for workshop on Hybrid App Development with Ionic Framework. Organized by Women Leaders in Technology, Nepal. Workshop conducted by Aayush Shrestha.
Creating a chatbot is only 50% programming. The other half is designing a sparkling personality people love talking to. In this talk Barbara Ondrisek shares her insights on UX topics.
This presentation, created by Syed Faiz ul Hassan, explores the profound influence of media on public perception and behavior. It delves into the evolution of media from oral traditions to modern digital and social media platforms. Key topics include the role of media in information propagation, socialization, crisis awareness, globalization, and education. The presentation also examines media influence through agenda setting, propaganda, and manipulative techniques used by advertisers and marketers. Furthermore, it highlights the impact of surveillance enabled by media technologies on personal behavior and preferences. Through this comprehensive overview, the presentation aims to shed light on how media shapes collective consciousness and public opinion.
Mastering the Concepts Tested in the Databricks Certified Data Engineer Assoc...SkillCertProExams
• For a full set of 760+ questions. Go to
https://skillcertpro.com/product/databricks-certified-data-engineer-associate-exam-questions/
• SkillCertPro offers detailed explanations to each question which helps to understand the concepts better.
• It is recommended to score above 85% in SkillCertPro exams before attempting a real exam.
• SkillCertPro updates exam questions every 2 weeks.
• You will get life time access and life time free updates
• SkillCertPro assures 100% pass guarantee in first attempt.
Collapsing Narratives: Exploring Non-Linearity • a micro report by Rosie WellsRosie Wells
Insight: In a landscape where traditional narrative structures are giving way to fragmented and non-linear forms of storytelling, there lies immense potential for creativity and exploration.
'Collapsing Narratives: Exploring Non-Linearity' is a micro report from Rosie Wells.
Rosie Wells is an Arts & Cultural Strategist uniquely positioned at the intersection of grassroots and mainstream storytelling.
Their work is focused on developing meaningful and lasting connections that can drive social change.
Please download this presentation to enjoy the hyperlinks!
Hello!
My name is Barbara Ondrisek and today I'm going to give a talk about my experience and best practices with Ionic.
I’ve been working as a freelancer for more than 15 years for different companies mostly on Java web projects, but I also like mobile development a lot – especially Android.
Although I’m a Java developer I was working lately for the Erste Bank on the new version of their netbanking system George and my group there was developing a sub-project in AngularJS.
I have a strong Java background – I love Java, but I always wanted to keep in touch with the frontend, respectively the frondendS, since apps are also “frontends” of a service.
My first “commercial” job was 2001 for Siemens, working on a prototype for a chat client running with J2ME. Since this job in 2001 I fell in love mobile development and I was even more happy after Android came to market 2008 because Android apps are developed in Java.
Over time I developed a couple of Android apps, some commercial as a freelancer, others just for fun and suddenly one of my own apps gained more attention than I expected: The LIKE A HIPSTER app.
LIKE A HIPSTER is a fun project I started with a friend and my cat and it became more popular over the first month, more than we expected.
Due to severe group pressure and the success of the Android app I had to think about developing an iOS app too. I love to play around with new technologies so I thought – how hard can that possibly be to write an iOS version?
So, what about all the other mobile operating systems?
Mobile development is always a fight
because there are many different operating systems and devices. And as you might know there is not only the war between the companies themselfes but also one between the customers which phone is better, especially between Android and iOS.
When you want to implement the mobile version of your service you have to consider to implement a super-responsive, mobile optimized website too or – what most companies choose - a couple of different native apps for the various OSs...
...but in the end you might end up with many, many different implementations of the same stuff, which is pretty hard to maintain.
So you might develop the same feature in three different teams: the web-team, the Android-team and the iOS-team. Maybe additionally also a Windows-team or a Blackberry-team etc. with a bunch of different code-bases.
The cause for this “island-building” is that most developers specialize on a certain language and not many are truly "multilingual", let alone multi-OS.
So the solution is...
Ionic is the “beautiful”, free and open source front-end SDK for developing hybrid mobile apps with web technologies for the latest mobile devices.
It utilizes the “mobile first” approach and offers a library of mobile-optimized HTML5, CSS and JS components, gestures, and tools for building highly interactive native apps.
It uses one code base that is written in...
AngularJS is the self-called "Superheroic JavaScript MVW Framework" - a state of the art JavaScript tool for rich and robust single page web applications that offers a lot that JS alone does not - namely structure.
In jQuery-apps the DOM often represents the model, but with Angular the business logic is decoupled from DOM manipulation, which leads to minimal DOM manipulation.
Angular calls its principle "Model-View-Whatever":
You have a single page app divided into modules such as the login-component, a main screen, sub-screens, the admin-component. Simply speaking: An Angular app is a collection of modules.
Angular also offers basic stuff such as: Data binding, scope separation, dependency injection, validators, filters and also Angular-specific stuff like providers, directives, controllers, modules, factories, services.
To make things a little bit more interesting we now can add some native stuff; and this is accomplished with Cordova.
Apache Cordova is a tool to access native device APIs and functions, that also supports offline scenarios. More commonly known is Adobe PhoneGap as distribution of Cordova.
Core Plugin APIs are: Accelerometer, BatteryStatus, Camera, Capture, Compass, Connection, Contacts, Device-Functions, Events, File-handling and File Transfer, Geolocation, Globalization, InAppBrowser, Media, Notification, Splashscreen, StatusBar, Storage, Vibration.
...so all an app-developer needs and that ...
...cross-platform focused.
By building only one single AngularJS web app with Cordova extensions you now can deliver up to 8 different native mobile apps, namely:
Android, iOS, wp8 and windows (8.1, 10, phone 8.1) / blackberry10,
Ubuntu (Cordova), firefoxOS, LG webOS, amazon-fireOS
and last but not least the browser app itself!
Despite HTML5-functions and the frameworks AngularJS and Cordova, which merge perfectly together, Ionic also offers a platform for integrating services like push notifications and analytics, out of the box SASS-support and great build tools.
It is actively developed and continued and there is a huge community around it. It also has a View App to quickly check implementations, live-reload (even on your device) and logging integrated during development.
With Ionic you can really fast prototype! And the motto is: Develop once, deploy everywhere.
Ionic comes with a powerful command line interface including build tool:
You can use just one command to create, build, test, and deploy your Ionic apps onto any platform.
I’ll show you a simple example:
1. The first command is to install ionic via NPM. From there on you only use the ionic-CLI
2. 2nd command generates a project: You can create an Ionic project using one of ready-made app templates. If generates you an Angular webproject and you can just simply start expanding and altering it!
3. next you just add the platforms you want
4. now you can use Ionic to build your app
5. ..also to emulate the target environment
6. ..or even to run it on your device in debug mode
Native implementations only make sense with use of device features. You can access these with adding Cordova plugins!
Then there are other useful commands:
1. ionic resources: generates all the various (iOS) icons and splashscreens out of two png-files in all the needed resolutions – which is really pretty handy
2. livereload on your device is really awesome
3. ionic serve opens a web-browser with the two variants Android and iOS, which is super helpful to develop and looks like this:
This is a screenshot of the chrome browser I use when developing the LIKE A HIPSTER app.
Instantly you see the differences between the iOS version and the Android version, since Ionic offers adapted CSS files per native implementation.
And once you deploy a release it might look like...
Here you see the two variants:
iOS and web
As you see the iOS version has an adapted status bar color.
And the web version looks a little bit different. Here you see the responsive website. Obviously in the web-version all the cordova plugins such as vibration, acceleration etc. are not working.
My personal best practices are:
- use WebStorm as IDE instead of text editors for Mobile Development. It includes build tools, highlighting, “debugging” etc
- livereload in browser is awesome
- release early, release often!
- embrace your Beta-testers, they do help a lot
First of all:
-iOS developent sucks! It sucks really hard! See my rant “12 things I hate about iOS development” on electrobabe.at
https://electrobabe.at/2016/03/29/12-things-i-hate-about-ios-development/
IOS development feels like being squeezed into something super unintuitive and complicated
- not very surprising: not everything is working perfectly on native apps, ios different from android or web etc
- windows development sucks as well
Slides on Slideshare
http://de.slideshare.net/barbarao/we-are-developers-conference-1342016-vienna
http://electrobabe.at
https://play.google.com/store/apps/details?id=at.chefbabe.hungry
https://play.google.com/store/apps/details?id=com.likeahipster.app