Submit Search
Upload
Mobile HTML5 websites and hybrid Apps with AngularJS - Bonamico
•
5 likes
•
1,495 views
Codemotion
Follow
Slides from Carlo Bonamico talk @ codemotion roma 2014
Read less
Read more
Technology
Design
Report
Share
Report
Share
1 of 45
Download now
Download to read offline
Recommended
Chrome for android_devfestx
Chrome for android_devfestx
Dominic Travers
The future of media queries?
The future of media queries?
yiibu
Responsive Design in 2016
Responsive Design in 2016
Megan Hawkins
Exploring the physical web
Exploring the physical web
yiibu
Conversational Intelligence and Better Customer Conversations
Conversational Intelligence and Better Customer Conversations
InsightNG Solutions Limited
Responsive Web Design
Responsive Web Design
Rachel Peters
HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy
Apigee | Google Cloud
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Shane Church
Recommended
Chrome for android_devfestx
Chrome for android_devfestx
Dominic Travers
The future of media queries?
The future of media queries?
yiibu
Responsive Design in 2016
Responsive Design in 2016
Megan Hawkins
Exploring the physical web
Exploring the physical web
yiibu
Conversational Intelligence and Better Customer Conversations
Conversational Intelligence and Better Customer Conversations
InsightNG Solutions Limited
Responsive Web Design
Responsive Web Design
Rachel Peters
HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy
Apigee | Google Cloud
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Shane Church
Development of Mobile Application -PPT
Development of Mobile Application -PPT
Dhivya T
App development
App development
shubhanshu16
Useful Tools for Creating (& not developing) iOS/Android Apps
Useful Tools for Creating (& not developing) iOS/Android Apps
momoahmedabad
streetARt case study for ARE2011
streetARt case study for ARE2011
Rob Manson
Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?
Softweb Solutions
Developing a Progressive Mobile Strategy
Developing a Progressive Mobile Strategy
Dave Olsen
8 Ways to Improve App Store User Experience
8 Ways to Improve App Store User Experience
Bryan Rieger
The Modern Web, Part 1: Mobility
The Modern Web, Part 1: Mobility
David Pallmann
Project of mobile apps
Project of mobile apps
Dr. Ravneet Kaur
The Library in Your Pocket: Mobile Trends for Libraries
The Library in Your Pocket: Mobile Trends for Libraries
Meredith Farkas
Off-Road Studios | Company Profile
Off-Road Studios | Company Profile
Off-Road Studios
The mobile opportunity: what every business leader needs to know
The mobile opportunity: what every business leader needs to know
Robosoft Technologies
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
Brandon Carson
Converations on conversational Ux
Converations on conversational Ux
Titash Neogi
Designing Content for Multiple Devices
Designing Content for Multiple Devices
Brandon Carson
Mobile applications chapter 5
Mobile applications chapter 5
Akib B. Momin
Mobile 2.0
Mobile 2.0
Lifna C.S
Designing for Small Screen - Sketch App & Workflows
Designing for Small Screen - Sketch App & Workflows
Nádia Franco do Carmo
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
Brian Sam-Bodden
Johnson stephanie mobile_presentation
Johnson stephanie mobile_presentation
Stephanie Johnson
Employment support for long term incapacity benefit claimants
Employment support for long term incapacity benefit claimants
localinsight
Come and learn with AWS HANDS-ON LABS - Poccia
Come and learn with AWS HANDS-ON LABS - Poccia
Codemotion
More Related Content
What's hot
Development of Mobile Application -PPT
Development of Mobile Application -PPT
Dhivya T
App development
App development
shubhanshu16
Useful Tools for Creating (& not developing) iOS/Android Apps
Useful Tools for Creating (& not developing) iOS/Android Apps
momoahmedabad
streetARt case study for ARE2011
streetARt case study for ARE2011
Rob Manson
Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?
Softweb Solutions
Developing a Progressive Mobile Strategy
Developing a Progressive Mobile Strategy
Dave Olsen
8 Ways to Improve App Store User Experience
8 Ways to Improve App Store User Experience
Bryan Rieger
The Modern Web, Part 1: Mobility
The Modern Web, Part 1: Mobility
David Pallmann
Project of mobile apps
Project of mobile apps
Dr. Ravneet Kaur
The Library in Your Pocket: Mobile Trends for Libraries
The Library in Your Pocket: Mobile Trends for Libraries
Meredith Farkas
Off-Road Studios | Company Profile
Off-Road Studios | Company Profile
Off-Road Studios
The mobile opportunity: what every business leader needs to know
The mobile opportunity: what every business leader needs to know
Robosoft Technologies
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
Brandon Carson
Converations on conversational Ux
Converations on conversational Ux
Titash Neogi
Designing Content for Multiple Devices
Designing Content for Multiple Devices
Brandon Carson
Mobile applications chapter 5
Mobile applications chapter 5
Akib B. Momin
Mobile 2.0
Mobile 2.0
Lifna C.S
Designing for Small Screen - Sketch App & Workflows
Designing for Small Screen - Sketch App & Workflows
Nádia Franco do Carmo
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
Brian Sam-Bodden
Johnson stephanie mobile_presentation
Johnson stephanie mobile_presentation
Stephanie Johnson
What's hot
(20)
Development of Mobile Application -PPT
Development of Mobile Application -PPT
App development
App development
Useful Tools for Creating (& not developing) iOS/Android Apps
Useful Tools for Creating (& not developing) iOS/Android Apps
streetARt case study for ARE2011
streetARt case study for ARE2011
Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?
Developing a Progressive Mobile Strategy
Developing a Progressive Mobile Strategy
8 Ways to Improve App Store User Experience
8 Ways to Improve App Store User Experience
The Modern Web, Part 1: Mobility
The Modern Web, Part 1: Mobility
Project of mobile apps
Project of mobile apps
The Library in Your Pocket: Mobile Trends for Libraries
The Library in Your Pocket: Mobile Trends for Libraries
Off-Road Studios | Company Profile
Off-Road Studios | Company Profile
The mobile opportunity: what every business leader needs to know
The mobile opportunity: what every business leader needs to know
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
Converations on conversational Ux
Converations on conversational Ux
Designing Content for Multiple Devices
Designing Content for Multiple Devices
Mobile applications chapter 5
Mobile applications chapter 5
Mobile 2.0
Mobile 2.0
Designing for Small Screen - Sketch App & Workflows
Designing for Small Screen - Sketch App & Workflows
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
Johnson stephanie mobile_presentation
Johnson stephanie mobile_presentation
Viewers also liked
Employment support for long term incapacity benefit claimants
Employment support for long term incapacity benefit claimants
localinsight
Come and learn with AWS HANDS-ON LABS - Poccia
Come and learn with AWS HANDS-ON LABS - Poccia
Codemotion
Make sense of your big data - Pilato
Make sense of your big data - Pilato
Codemotion
Tech Webinar: Come ottimizzare il workflow nello sviluppo di Web App
Tech Webinar: Come ottimizzare il workflow nello sviluppo di Web App
Codemotion
Cyber Analysts: who they are, what they do, where they are - Marco Ramilli - ...
Cyber Analysts: who they are, what they do, where they are - Marco Ramilli - ...
Codemotion
Getting started with go - Florin Patan - Codemotion Milan 2016
Getting started with go - Florin Patan - Codemotion Milan 2016
Codemotion
Master the chaos: from raw data to analytics - Andrea Pompili, Riccardo Rossi...
Master the chaos: from raw data to analytics - Andrea Pompili, Riccardo Rossi...
Codemotion
Viewers also liked
(7)
Employment support for long term incapacity benefit claimants
Employment support for long term incapacity benefit claimants
Come and learn with AWS HANDS-ON LABS - Poccia
Come and learn with AWS HANDS-ON LABS - Poccia
Make sense of your big data - Pilato
Make sense of your big data - Pilato
Tech Webinar: Come ottimizzare il workflow nello sviluppo di Web App
Tech Webinar: Come ottimizzare il workflow nello sviluppo di Web App
Cyber Analysts: who they are, what they do, where they are - Marco Ramilli - ...
Cyber Analysts: who they are, what they do, where they are - Marco Ramilli - ...
Getting started with go - Florin Patan - Codemotion Milan 2016
Getting started with go - Florin Patan - Codemotion Milan 2016
Master the chaos: from raw data to analytics - Andrea Pompili, Riccardo Rossi...
Master the chaos: from raw data to analytics - Andrea Pompili, Riccardo Rossi...
Similar to Mobile HTML5 websites and hybrid Apps with AngularJS - Bonamico
Samsung
Samsung
Peter-Paul Koch
Top Java Script Frameworks For Mobile App Development
Top Java Script Frameworks For Mobile App Development
ValueCoders
Is Ionic good for Mobile app development?
Is Ionic good for Mobile app development?
adityakumar2080
Ionic - Hybrid Mobile Application Framework
Ionic - Hybrid Mobile Application Framework
Sanjay Kumar
Web Application Development in 2023.pdf
Web Application Development in 2023.pdf
Techugo
The Mobile Landscape - Do you really need an app?
The Mobile Landscape - Do you really need an app?
Valtech UK
The mobile landscape london tfm&a 2013
The mobile landscape london tfm&a 2013
Mathias Strandberg
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
Caridy Patino
Web Application Development- Best Practices in 2023.
Web Application Development- Best Practices in 2023.
Techugo
Top 10 Mobile App Development Frameworks for 2023.
Top 10 Mobile App Development Frameworks for 2023.
Techugo
Phonegap vs Sencha Touch vs Titanium
Phonegap vs Sencha Touch vs Titanium
PixelCrayons
Intel AppUp Day Bologna
Intel AppUp Day Bologna
Andrea Balducci
Future of Mobile Web Application and Web App Store
Future of Mobile Web Application and Web App Store
Jonathan Jeon
The Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdf
Techugo
The Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdf
Techugo
App vs web lunch and learn @ valtech
App vs web lunch and learn @ valtech
Mathias Strandberg
Web App Development Technologies You Should Know
Web App Development Technologies You Should Know
Vishal Sinhasan
Top Mobile App Development Frameworks in 2023.pdf
Top Mobile App Development Frameworks in 2023.pdf
ultroNeous Technologies | Best Web App Development Company
Mobile development-e mag-version3
Mobile development-e mag-version3
nesrine attia
Native v s hybrid
Native v s hybrid
Kelly Ston
Similar to Mobile HTML5 websites and hybrid Apps with AngularJS - Bonamico
(20)
Samsung
Samsung
Top Java Script Frameworks For Mobile App Development
Top Java Script Frameworks For Mobile App Development
Is Ionic good for Mobile app development?
Is Ionic good for Mobile app development?
Ionic - Hybrid Mobile Application Framework
Ionic - Hybrid Mobile Application Framework
Web Application Development in 2023.pdf
Web Application Development in 2023.pdf
The Mobile Landscape - Do you really need an app?
The Mobile Landscape - Do you really need an app?
The mobile landscape london tfm&a 2013
The mobile landscape london tfm&a 2013
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
Web Application Development- Best Practices in 2023.
Web Application Development- Best Practices in 2023.
Top 10 Mobile App Development Frameworks for 2023.
Top 10 Mobile App Development Frameworks for 2023.
Phonegap vs Sencha Touch vs Titanium
Phonegap vs Sencha Touch vs Titanium
Intel AppUp Day Bologna
Intel AppUp Day Bologna
Future of Mobile Web Application and Web App Store
Future of Mobile Web Application and Web App Store
The Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdf
App vs web lunch and learn @ valtech
App vs web lunch and learn @ valtech
Web App Development Technologies You Should Know
Web App Development Technologies You Should Know
Top Mobile App Development Frameworks in 2023.pdf
Top Mobile App Development Frameworks in 2023.pdf
Mobile development-e mag-version3
Mobile development-e mag-version3
Native v s hybrid
Native v s hybrid
More from Codemotion
Fuzz-testing: A hacker's approach to making your code more secure | Pascal Ze...
Fuzz-testing: A hacker's approach to making your code more secure | Pascal Ze...
Codemotion
Pompili - From hero to_zero: The FatalNoise neverending story
Pompili - From hero to_zero: The FatalNoise neverending story
Codemotion
Pastore - Commodore 65 - La storia
Pastore - Commodore 65 - La storia
Codemotion
Pennisi - Essere Richard Altwasser
Pennisi - Essere Richard Altwasser
Codemotion
Michel Schudel - Let's build a blockchain... in 40 minutes! - Codemotion Amst...
Michel Schudel - Let's build a blockchain... in 40 minutes! - Codemotion Amst...
Codemotion
Richard Süselbeck - Building your own ride share app - Codemotion Amsterdam 2019
Richard Süselbeck - Building your own ride share app - Codemotion Amsterdam 2019
Codemotion
Eward Driehuis - What we learned from 20.000 attacks - Codemotion Amsterdam 2019
Eward Driehuis - What we learned from 20.000 attacks - Codemotion Amsterdam 2019
Codemotion
Francesco Baldassarri - Deliver Data at Scale - Codemotion Amsterdam 2019 -
Francesco Baldassarri - Deliver Data at Scale - Codemotion Amsterdam 2019 -
Codemotion
Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...
Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...
Codemotion
Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...
Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...
Codemotion
Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...
Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...
Codemotion
Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...
Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...
Codemotion
Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019
Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019
Codemotion
Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019
Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019
Codemotion
Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019
Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019
Codemotion
James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...
James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...
Codemotion
Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...
Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...
Codemotion
Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019
Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019
Codemotion
Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019
Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019
Codemotion
Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019
Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019
Codemotion
More from Codemotion
(20)
Fuzz-testing: A hacker's approach to making your code more secure | Pascal Ze...
Fuzz-testing: A hacker's approach to making your code more secure | Pascal Ze...
Pompili - From hero to_zero: The FatalNoise neverending story
Pompili - From hero to_zero: The FatalNoise neverending story
Pastore - Commodore 65 - La storia
Pastore - Commodore 65 - La storia
Pennisi - Essere Richard Altwasser
Pennisi - Essere Richard Altwasser
Michel Schudel - Let's build a blockchain... in 40 minutes! - Codemotion Amst...
Michel Schudel - Let's build a blockchain... in 40 minutes! - Codemotion Amst...
Richard Süselbeck - Building your own ride share app - Codemotion Amsterdam 2019
Richard Süselbeck - Building your own ride share app - Codemotion Amsterdam 2019
Eward Driehuis - What we learned from 20.000 attacks - Codemotion Amsterdam 2019
Eward Driehuis - What we learned from 20.000 attacks - Codemotion Amsterdam 2019
Francesco Baldassarri - Deliver Data at Scale - Codemotion Amsterdam 2019 -
Francesco Baldassarri - Deliver Data at Scale - Codemotion Amsterdam 2019 -
Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...
Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...
Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...
Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...
Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...
Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...
Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...
Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...
Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019
Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019
Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019
Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019
Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019
Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019
James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...
James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...
Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...
Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...
Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019
Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019
Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019
Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019
Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019
Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019
Recently uploaded
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
Deakin University
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
carlostorres15106
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
Scott Keck-Warren
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
Sinan KOZAK
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
Softradix Technologies
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Pooja Nehwal
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Patryk Bandurski
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
null - The Open Security Community
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
Padma Pradeep
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
Scott Keck-Warren
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2
Hyundai Motor Group
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
HostedbyConfluent
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
OnBoard
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
Recently uploaded
(20)
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Mobile HTML5 websites and hybrid Apps with AngularJS - Bonamico
1.
Mobile HTML5 websites and Hybrid Apps with AngularJS How to code today with tomorrow tools - mobile edition Carlo Bonamico - @carlobonamico NIS s.r.l. carlo.bonamico@gmail.com carlo.bonamico@nispro.it Web 0
2.
AngularJS lets you use today the features of next-generation web standards, making front-end development more productive and fun What's better, it provides its "magic" tools to both web AND mobile apps databinding, dependency injection modularity, composable and event-driven architecture Thiscode-based interactive talk will share some lessons learned how to structure applications tune bandwidth and performance interact with mobile-specific elements such as touch, sensors native-looking UX with Ionic Framework In short 1
3.
I do not want to join the fight ;-) The web tends to always be more powerful than people think! and the gap with native will only become smaller with time There are many use cases for web-based sites and hybrid apps (HTML5 packed in an app) avoiding install on device ensuring always latest version platform support: iOS, Android, Windows Phone... easier and more familiar development workflow And my favorite... to use Angular magic! Web vs Native 2
4.
Open Source framwework fast-growing great community http://www.angularjs.org Lets you adopt future web architecture and tools today anticipate Web Components and EcmaScript 6 Create modular, robust, testable apps So why AngularJS 3
5.
Dependency Injection split component definition from component wiring Module composition e.g. common modules mobile-only components desktop-only components What you get: write less code, reuse more the code you write! Angular gives structure and modularity 4
6.
...isn't a web / JS Mobile app unusably slow? Let's try... This presentation is an Angular-based Single Page Application Now we launch it on a phone and explore it with Chrome usb debugging But... 5
7.
about:inspect enable port forwarding from laptop to phone open http://localhost:8000 on the phone Discovering the device 6
8.
Monitoring CPU usage and FPS 7
9.
Inspecting the page on the phone 8
10.
A View: index.html a style.css peppered-up with AngularJS 'ng-something' directives A model data: slides.md code: array of slide object A controller script.js What's inside 9
11.
var slide = { number: i + 1, title: "Title " + i, content: "#Title n markdown sample", html: "", background: "backgroundSlide" }; The model 10
12.
ngSlides.service('slidesMarkdownService', function ($http) { var converter = new Showdown.converter(); return { getFromMarkdown: function (path) { var slides = []; $http({method: 'GET', url: path}). success(function (data, status, headers, config) { var slidesToLoad = data.split(separator); //two dashe s for (i = 0; i < slidesToLoad.length; i++) { var slide = { content: slidesToLoad[i], //.. init other slide fields }; slide.html = converter.makeHtml(slide.content); slides.push(slide); } }); return slides; } } }) A service to load slides from markdown 11
13.
binding the model to the html <body ng-app="ngSlides" ng-class="slides[currentSlide].background" ng-controller="presentationCtrl"> <div id="slidesContainer" class="slidesContainer" > <div class="slide" ng-repeat="slide in slides" ng-show="slide.number == currentSlide" > <div ng-bind-html="slide.html"></div> <h4 class="number">{{slide.number}}</h4> </div> </div> </body> and a very simple css for positioning elements in the page A simple declarative view 12
14.
ngSlides.controller("presentationCtrl", function ($scope, $http, $rootScope, slidesMarkdownService) { $scope.slides = slidesMarkdownService.getFromMarkdown('slides.md'); $scope.currentSlide = 0; $scope.next = function () { $scope.currentSlide = $scope.currentSlide + 1; }; $scope.previous = function () { $scope.currentSlide = $scope.currentSlide - 1; }; }); A controller focused on interaction 13
15.
Any sufficiently advanced technology is indistinguishable from magic. Arthur C. Clarcke Add search within the slides in one line <div ng-repeat="slide in slides | filter:q">...</div> where q is a variable containing the search keyword AngularJS magic 14
16.
Two-way Databinding split the view from the logic {{slide.number}} Dependency Injection gives decoupling, testability & enriching of code and tags function SlidesCtrl($scope, SlidesService) { SlidesService.loadFromMarkdown('slides.md'); } The power of composition - of modules module('slides',['slides.markdown']) directives <h1 ng-show='enableTitle' ng-class='titleClass'>..</h1> filters slide in slides | filter:q | orderBy:title | limit:3 ... AngularJS magic is made of 15
17.
But what's more important, less "low value" code more readable code So you can concentrate on your application idea AngularJS is opinionated but it will let you follow a different way in case you really need it So Angular let you write less code 16
18.
Speed can mean many things UX speed vs processing speed databinding lets you easily display data progressively client-side rich models and filtering let you respond quickly to user input network delays vs app response times But the challenge isn't just being performant Being an awesome mobile app handle gestures respect user expectations (e.g. swipeable cards ) manage navigation manage app state and off-line availability So, back to our mobile apps... 17
19.
reduce DOM manipulation use simple markup move all styling to CSS no JS Animation, use CSS3 HW accelerated transitions optimize your databindings https://www.exratione.com/2013/12/considering-speed-and- slowness-in-angularjs/ bind once and targeted bindings https://github.com/Pasvaz/bindonce Performance Tips 18
20.
Tune with AngularJS Batarang https://github.com/angular/angularjs-batarang Performance Tuning 19
21.
The biggest cost is opening a connection, not transferring files use HTTP Keep-alive enable GZip compression https://developers.google.com/speed/pagespeed/module Local manipulation of data greatly reduces network traffic Local DB and sync Bandwidth optimizations 20
22.
Module ng-touch fastclick: eliminate the 300ms delay easily manage swipes <div ng-swipe-left="next()" > for advanced cases: ionic-gestures hammer.js Support Touch and Gestures 21
23.
On the device Session storage Local storage lawnchair PouchDB http://pouchdb.com/ In the cloud Mongolab http://mongolab.com Firebase with AngularFire https://www.firebase.com BaasBox http://www.baasbox.com Storing state 22
24.
HTML5 standard APIs support only some sensors location (very good support) orientation acceleration Additional sensors require the PhoneGap APIs need to wrap all callbacks with $apply() or better, a dedicated service to notify Angular of changes occurred out of its lifecycle Managing sensors 23
25.
Chrome remote debugging and screencast https://developers.google.com/chrome-developer- tools/docs/remote-debugging chrome://inspect/#devices Emulate device resolutions, DPIs, sensors: Chrome emulator Ripple Emulator http://emulate.phonegap.com How to develop for mobile? 24
26.
Development-time structure multiple files component/dependency managers (bower...) Compile-time structure limited number of files concatenation minification Use a toolchain Marcello Teodori's talk on JS Power Tools Issues 25
27.
first phase: prototyping on a Desktop browser second phase: unit testing way easier with AngularJS third phase: on device testing Chrome on-device debugging Testable mobile apps? 26
28.
Phonegap http://phonegap.com/ https://cordova.apache.org/ Phonegap Build http://build.phonegap.com Chrome Apps for Mobile http://blog.chromium.org/2014/01/run-chrome-apps-on- mobile-using-apache.html Packaging apps for markets 27
29.
Cordova Browser you install it once and open your code on your web server continuous refresh without reinstalling the app Development tips 28
30.
or better the UX - User Experience? Comparing mobile web frameworks http://moduscreate.com/5-best-mobile-web-app-frameworks- ionic-angulalrjs/ JQuery Mobile widgets-only DOM-heavvy Angular integration is not simple (different lifecycles) at most, JQ Mobile for CSS and Angular for navigation and logic What about the UI? 29
31.
AngularJS-based, Open Source performance obsessed mobile-looking extensible http://ionicframework.com/ http://ionicframework.com/getting-started/ http://ionicframework.com/docs/guide/ Enter Ionic Framework 30
32.
Ionic CSS Ionic Icons Ionic Directives and support Tooling What's inside? 31
33.
elegant yet very lightweight <div class="list"> <div class="item item-divider"> Candy Bars </div> <a class="item" href="#"> Butterfinger </a> </div> http://ionicframework.com/docs/ 3D animations, HW accelerated sass-based for custom theming 500 free icons (ionicons) Ionic CSS 32
34.
mobile navigation and interactions <ion-list> <ion-item ng-repeat="item in items" item="item" can-swipe="true" option-buttons="itemButtons"> </ion-item> </ion-list> services for gestures navigation http://ionicframework.com/docs/api Ionic Directives 33
35.
http://plnkr.co/edit/Mcw6F2BQP3RbB8ZhBYRl?p=preview Let's play around... (with Live Reload) 34
36.
based on UI-Router http://angular-ui.github.io/ui-router sub-views (e.g. Tabs) per-view navigation history UI Gallery http://ionicframework.com/present-ionic/slides/#/16 Navigation 35
37.
PhoneGap based build chain $ npm -g install ionic $ ionic start myApp tabs $ cd myApp $ ionic platform add ios $ ionic build ios $ ionic emulate ios Ionic Tooling 36
38.
AngularJS 2.0 will be Mobile First performance browser support http://blog.angularjs.org/2014/03/angular-20.html Web Components on Mobile EcmaScript 6 - Object.observe() -> ultrafast binding The Future 37
39.
AngularJS can be viable on mobile interactivity in plain HTML5 views AngularJS changes your way of working (for the better!) let you free of concentrating on your ideas makes for a way faster development cycle makes for a way faster interaction with customer cycle essential for Continuous Delivery! Lessons learnt 38
40.
Like all the magic wands, you could end up like Mikey Mouse as the apprentice sorcerer Getting started is very easy But to go further you need to learn the key concepts scopes dependency injection directives promises So get your training! Codemotion training (june 2014) http://training.codemotion.it/ NEW! Advanced AngularJS course coming in July-September 2014 Lessons learnt 39
41.
Books http://www.ng-book.com/ - Recommended! AngularJS and .NET http://henriquat.re Online tutorials and video trainings: http://www.yearofmoo.com/ http://egghead.io All links and reference from my Codemotion Workshop https://github.com/carlobonamico/angularjs-quickstart https://github.com/carlobonamico/angularjs- quickstart/blob/master/references.md Full lab from my Codemotion Workshop https://github.com/carlobonamico/angularjs-quickstart To learn more 40
42.
Optimizing AngularJS for mobile http://blog.revolunet.com/angular-for-mobile http://www.ng-newsletter.com/posts/angular-on-mobile.html https://www.youtube.com/watch?v=xOAG7Ab_Oz0 http://www.bennadel.com/blog/2492-What-A-Select-watch- Teaches-Me-About-ngModel-And-AngularJS.htm Web Components http://mozilla.github.io/brick/docs.html http://www.polymer-project.org/ Even more 41
43.
Explore these slides https://github.com/carlobonamico/mobile-html5-websites- and-hybrid-apps-with-angularjs https://github.com/carlobonamico/angularjs-future-web- development-slides My presentations http://slideshare.net/carlo.bonamico Follow me at @carlobonamico / @nis_srl will publish these slides in a few days Attend my Codemotion trainings http://training.codemotion.it/ Thank you! 42
Download now