Angular Connect
•
3 likes•2,780 views
This document discusses progressive web apps and how Ionic can be used to build them. A progressive web app is a mobile web app that feels like a native app by being installable, having offline capabilities, push notifications, and loading quickly. Building a progressive web app with Ionic allows developers to code once and deploy everywhere while providing a native experience through features like service workers, manifest files, and optimized performance. The document provides links to demo code and examples of progressive web apps built with Ionic.
Report
Share
Report
Share
Download to read offline
Recommended
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Part of My Talk and Presentaion for Intro and Explanations of Hybrid application Development Using Ionic and Ionic Apache Cordova
Hybrid mobile and Ionic
This document discusses options for building mobile apps, including native, web, and hybrid. It focuses on the hybrid approach using Apache Cordova and the Ionic framework. Cordova allows building apps with HTML, CSS, and JavaScript that can access native device features. Ionic provides UI components, gestures, and tools to develop mobile-optimized apps. The document outlines choices for mobile development, describes Cordova and its plugins, compares it to PhoneGap, and details features of the Ionic framework, performance optimization techniques, and alternatives.
Building Mobile Apps with Cordova , AngularJS and Ionic
This document discusses building mobile apps using Cordova, AngularJS, and Ionic. It introduces the speaker and agenda. It then explains that hybrid mobile apps allow building apps that run on multiple platforms using HTML, CSS, and JavaScript instead of native languages. Cordova is introduced as a way to access native device features from web technologies. AngularJS is described as a single page application framework. Ionic is presented as a framework that builds on Cordova and AngularJS to provide mobile-optimized UI components and enable creating, building, and deploying hybrid mobile apps.
Ionic Framework - Intro to Hybrid Mobile Application Development
Here I give a presentation for Suncoast.js on the Ionic Framework and how to develop hybrid mobile applications.
Getting started with the Ionic Framework
The document discusses getting started with the Ionic Framework, a hybrid mobile app development platform. It describes Ionic as a new technology that allows building of mobile-optimized apps using HTML5, CSS, and JavaScript. It also discusses Ionic's components, the tools needed to build Ionic apps like Node.js, and demonstrates how to create a basic Ionic app.
Ionic - A mobile platform
Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components, gestures, and tools for building highly interactive apps. Built with Sass and optimized for AngularJS.
JSFoo 2016 React Native Workshop
This document outlines an agenda for a workshop to teach JavaScript and web developers how to build mobile apps using React Native. It introduces React Native, explains why it is useful for building cross-platform mobile apps, demonstrates a sample app, and provides challenges for attendees to build basic React Native apps with user interfaces, lists, navigation, and native platform integration. The document encourages questions and lists references and support resources for learning more about React Native.
AIA2018 - Janno Stern - Intro To Product Sprint
The document outlines the schedule and agenda for a product sprint week being run by Janno Stern. It details the schedule, with prototyping on day 1 and a launch event on day 8. Tools are suggested for different stages of development, including prototyping, front-end coding, and mobile/backend work. Example products Instagram and Uber are discussed, outlining their core and additional features as well as technical implementations for building basic MVPs of each. Key points emphasize focusing on the minimum viable product and using ready-made components to iterate quickly.
Recommended
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Part of My Talk and Presentaion for Intro and Explanations of Hybrid application Development Using Ionic and Ionic Apache Cordova
Hybrid mobile and Ionic
This document discusses options for building mobile apps, including native, web, and hybrid. It focuses on the hybrid approach using Apache Cordova and the Ionic framework. Cordova allows building apps with HTML, CSS, and JavaScript that can access native device features. Ionic provides UI components, gestures, and tools to develop mobile-optimized apps. The document outlines choices for mobile development, describes Cordova and its plugins, compares it to PhoneGap, and details features of the Ionic framework, performance optimization techniques, and alternatives.
Building Mobile Apps with Cordova , AngularJS and Ionic
This document discusses building mobile apps using Cordova, AngularJS, and Ionic. It introduces the speaker and agenda. It then explains that hybrid mobile apps allow building apps that run on multiple platforms using HTML, CSS, and JavaScript instead of native languages. Cordova is introduced as a way to access native device features from web technologies. AngularJS is described as a single page application framework. Ionic is presented as a framework that builds on Cordova and AngularJS to provide mobile-optimized UI components and enable creating, building, and deploying hybrid mobile apps.
Ionic Framework - Intro to Hybrid Mobile Application Development
Here I give a presentation for Suncoast.js on the Ionic Framework and how to develop hybrid mobile applications.
Getting started with the Ionic Framework
The document discusses getting started with the Ionic Framework, a hybrid mobile app development platform. It describes Ionic as a new technology that allows building of mobile-optimized apps using HTML5, CSS, and JavaScript. It also discusses Ionic's components, the tools needed to build Ionic apps like Node.js, and demonstrates how to create a basic Ionic app.
Ionic - A mobile platform
Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components, gestures, and tools for building highly interactive apps. Built with Sass and optimized for AngularJS.
JSFoo 2016 React Native Workshop
This document outlines an agenda for a workshop to teach JavaScript and web developers how to build mobile apps using React Native. It introduces React Native, explains why it is useful for building cross-platform mobile apps, demonstrates a sample app, and provides challenges for attendees to build basic React Native apps with user interfaces, lists, navigation, and native platform integration. The document encourages questions and lists references and support resources for learning more about React Native.
AIA2018 - Janno Stern - Intro To Product Sprint
The document outlines the schedule and agenda for a product sprint week being run by Janno Stern. It details the schedule, with prototyping on day 1 and a launch event on day 8. Tools are suggested for different stages of development, including prototyping, front-end coding, and mobile/backend work. Example products Instagram and Uber are discussed, outlining their core and additional features as well as technical implementations for building basic MVPs of each. Key points emphasize focusing on the minimum viable product and using ready-made components to iterate quickly.
ВІТАЛІЙ КОВАЛЮК «Fiddler та Postman: інструменти тестування API» Lviv QA Day ...
Lviv Quality Assurance Day 2018
ВІТАЛІЙ КОВАЛЮК
«Fiddler та Postman: інструменти тестування API»
Телеграм канал: wwww.t.me/goqameetup
Фейсбук сторінці: www.fb.com/goqaevent
Сайт: www.qaday.org
ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
Lviv Quality Assurance Day 2018
ДІАНА ПІНЧУК
«Testing installable mobile apps analogues: Android Instant Apps, Progressive Web Apps & Accelerated Mobile Pages»
Телеграм канал: wwww.t.me/goqameetup
Фейсбук сторінці: www.fb.com/goqaevent
Сайт: www.qaday.org
Introduction to the Ionic Framework
This document provides an introduction to the Ionic framework. It discusses how Ionic allows developers to build hybrid mobile apps with one codebase that can target iOS and Android using HTML, CSS and JavaScript. Ionic leverages Apache Cordova to wrap web views with native functionality and integrates the AngularJS framework to provide UI components, navigation, transitions and animations. The document also outlines some example applications that can be built with Ionic and directs readers to additional online resources for learning and getting involved in the open source community.
Ionic - Hybrid Mobile Application Framework
This document provides an overview of the Ionic Framework, including its history, features, benefits, supported platforms and performance. Ionic is an open source framework for building hybrid mobile apps with web technologies like HTML, CSS and JavaScript. It uses AngularJS and Apache Cordova to provide native app functionality and allows developers to build apps for iOS, Android and other platforms from a single codebase. Some advantages include one codebase for multiple platforms, use of web development skills and Angular framework, while disadvantages include lower performance compared to truly native apps.
I knew there had to be a better way to build mobile apps
The time has never been better to learn mobile application development. For many app ideas, you don’t even need any prior native development knowledge. You can get started today with knowledge of HTML, CSS and JavaScript. Unlike native mobile development, mobile applications using web technologies can support many mobile platforms. I shared my own experience on building hybrid applications based on PhoneGap also explained why I suddenly changed my own opinion about native apps and switched back to Xamarin.
Ionic Framework - get up and running to build hybrid mobile apps
Overview over frameworks for hybrid app development. Cordova, Supersonic, Ionic. Architecture, differences, setup and scaffolding for development. Angular based development for Apps with a web view.
Mobile Fest 2018. Илья Иванов. Как React-Native перевернул наше представление...
Как вообще возможно писать по-настоящему нативные мобильные приложения на JavaScript? Мы разберем почему React-Native отличается от гибридных и нативных методов разработки и как в результате получается нативное приложение. Работая уже два года с React-Native, я покажу не только общие концепции, но и так-же как эта технология работает изнутри.
SMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influence
Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content.
We’re going to discuss the influence of mobile on design trends and learn implementation techniques of smart design such as icon fonts, svg, and other helpful tips.
SD Forum Java SIG - Service Oriented UI Architecture
Presentation given by Jeff Haynie at the SD Forum Java SIG in Palo Alto, CA on 12/02/2008. Service Oriented UI Architecture in the world of web, desktop and mobile applications. How the web has gone beyond the browser and we’re headed back to Client/Server.
Android Development...Using Web Technologies
from the Rich Web Experience 2010 conference, an overview of options for building Android applications using Web technologies
Intro Angular Ionic
This document provides an introduction to the AngularJS framework. It explains that AngularJS uses a Model-View-Whatever architecture, with views defined through HTML tags and directives, models defined with scopes and controllers, and additional features like modules, services, routing and configuration. It also discusses how Ionic and Cordova can be used with AngularJS to develop hybrid mobile apps, and concludes by welcoming any questions.
Open Source World : Using Web Technologies to build native iPhone and Android...
Presentation given by Jeff Haynie, CEO of Appcelerator, at Open Source World 2009 in San Francisco, CA on August 13, 2009.
Jeff talks about the state of the mobile smart phone application marketplace and how you can build native iPhone and Android applications using the open source platform, Appcelerator Titanium, and web technologies such as HTML, CSS and JavaScript.
Phonegap - An Introduction
PhoneGap is a framework for building cross-platform mobile apps using HTML, CSS and JavaScript. It allows accessing native device features like the camera and contacts via JavaScript APIs. Apps built with PhoneGap can run on platforms like iOS, Android, Windows Phone and Blackberry. While the apps have a native look and feel, they are actually wrapped webviews displaying web-based content. The document discusses PhoneGap's capabilities, considerations around performance and differences in platform styling. It also provides tips on tools for easier compilation, dealing with memory leaks and deploying apps to app stores.
Hybrid vs native mobile development – how to choose a tech stack
Choosing the wrong mobile tech stack sets you up for a world of pain. But how do you select the right one from a plethora of current options?
As an iOS developer I am convinced that a carefully designed native app provides the best user experience. So why would we choose Ionic2/Angular2 on Cordova (a bleeding edge Hybrid JavaScript framework) for our latest mobile App? In this short talk I will share our thinking and experiences on the current landscape of mobile stack options.
I will introduce the contenders: Native (iOS and Android) vs Semi-Native (Xamarin and React Native) vs Hybrid (Ionic2/Angular2 on Cordova) vs Web. We will then go through some of the prominent tradeoffs between the different options: cost, reuse, single language, speed and user experience, device support, learning curve.
This should give you some (opinionated) guidelines to choosing the right mobile stack for your particular App.
AngularJS on Mobile with the Ionic Framework
The document discusses how the Ionic framework allows developers to easily convert Angular web apps into mobile apps. It outlines a 7 step process to take an existing Angular contacts app and deploy it as a mobile app using Ionic and Cordova. Key steps include choosing an Ionic UI, copying over code, switching to UI-router, adding Ionic views, utilizing device capabilities, adding app resources, and deploying to app stores. Ionic provides Angular developers an easy way to build cross-platform mobile apps without having to learn new languages and frameworks.
Isomorphic Aplication with Javascript
Today speak about "Isomorphic Aplication with Javascript" on Geekcamp 2015. The Biggest Tech-Savvy Conference in Indonesia #GCID2015
Case study: integrating azure with google app engine
This document describes a solution that was developed to provide administration and order tracking functions for an herbal products website hosted on Google App Engine. An Azure-hosted web application was created to allow authorized users to maintain product content and images without developer involvement. A hybrid Android mobile app using Azure Mobile Services was also developed to track and provision orders. The solution leveraged various Azure services like Web Apps, SQL Database and Blob Storage in a cost-effective way while integrating with the Google-hosted website.
Running Web & Mobile in Azure App Service
This document provides an overview and agenda for a session on running web and mobile apps on Azure App Service. It introduces Azure App Service as an integrated offering for building rich, engaging, and intelligent apps that can scale as a business grows. It describes the key services within App Service - Web Apps, Mobile Apps, Logic Apps and API Apps. It outlines the capabilities of each service and provides examples of scenarios where each could be used. It also includes an agenda with time for a demo and Q&A.
Impact of Adobe Edge Tools and Services in Higher Education
This document discusses Adobe's Edge tools and services and their impact on higher education. It summarizes Joseph Labrecque's experience integrating these new technologies into his course curriculum at the University of Denver. He found Edge Animate was better than Flash Professional for teaching animation, and PhoneGap was better than AIR for mobile development courses. However, some legacy systems still require Flash Player. Overall the new tools allow more to be done with web technologies while Flash still has uses, and the landscape will continue to change.
Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes
Do you think it’s possible to live code an Angular 2 app, create a backend, and deploy it in one talk? With the convenience of Angular-CLI and a little help from Firebase and material design, see how easy it is to create apps with Angular 2 and why this new framework is the great for quickly prototyping ideas and is built to scale large applications across distributed teams.
Example repo with completed branches - https://github.com/ladyleet/ngcruise-up
Deployed App - https://ngpoland-d7d54.firebaseapp.com/
Progressive Web Apps keynote, Google Developer Summit, Tokyo, Japan
This document provides a history of the development of the web from 1991 to the present. It discusses technologies like HTML, HTTP, XMLHttpRequest, AJAX, and mobile web development. It then introduces progressive web apps, which are web applications that are reliable, fast and engaging like native apps through the use of technologies like service workers, web app manifests and push notifications. Examples are given of companies like Flipkart that have seen success adopting progressive web apps.
More Related Content
What's hot
ВІТАЛІЙ КОВАЛЮК «Fiddler та Postman: інструменти тестування API» Lviv QA Day ...
Lviv Quality Assurance Day 2018
ВІТАЛІЙ КОВАЛЮК
«Fiddler та Postman: інструменти тестування API»
Телеграм канал: wwww.t.me/goqameetup
Фейсбук сторінці: www.fb.com/goqaevent
Сайт: www.qaday.org
ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
Lviv Quality Assurance Day 2018
ДІАНА ПІНЧУК
«Testing installable mobile apps analogues: Android Instant Apps, Progressive Web Apps & Accelerated Mobile Pages»
Телеграм канал: wwww.t.me/goqameetup
Фейсбук сторінці: www.fb.com/goqaevent
Сайт: www.qaday.org
Introduction to the Ionic Framework
This document provides an introduction to the Ionic framework. It discusses how Ionic allows developers to build hybrid mobile apps with one codebase that can target iOS and Android using HTML, CSS and JavaScript. Ionic leverages Apache Cordova to wrap web views with native functionality and integrates the AngularJS framework to provide UI components, navigation, transitions and animations. The document also outlines some example applications that can be built with Ionic and directs readers to additional online resources for learning and getting involved in the open source community.
Ionic - Hybrid Mobile Application Framework
This document provides an overview of the Ionic Framework, including its history, features, benefits, supported platforms and performance. Ionic is an open source framework for building hybrid mobile apps with web technologies like HTML, CSS and JavaScript. It uses AngularJS and Apache Cordova to provide native app functionality and allows developers to build apps for iOS, Android and other platforms from a single codebase. Some advantages include one codebase for multiple platforms, use of web development skills and Angular framework, while disadvantages include lower performance compared to truly native apps.
I knew there had to be a better way to build mobile apps
The time has never been better to learn mobile application development. For many app ideas, you don’t even need any prior native development knowledge. You can get started today with knowledge of HTML, CSS and JavaScript. Unlike native mobile development, mobile applications using web technologies can support many mobile platforms. I shared my own experience on building hybrid applications based on PhoneGap also explained why I suddenly changed my own opinion about native apps and switched back to Xamarin.
Ionic Framework - get up and running to build hybrid mobile apps
Overview over frameworks for hybrid app development. Cordova, Supersonic, Ionic. Architecture, differences, setup and scaffolding for development. Angular based development for Apps with a web view.
Mobile Fest 2018. Илья Иванов. Как React-Native перевернул наше представление...
Как вообще возможно писать по-настоящему нативные мобильные приложения на JavaScript? Мы разберем почему React-Native отличается от гибридных и нативных методов разработки и как в результате получается нативное приложение. Работая уже два года с React-Native, я покажу не только общие концепции, но и так-же как эта технология работает изнутри.
SMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influence
Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content.
We’re going to discuss the influence of mobile on design trends and learn implementation techniques of smart design such as icon fonts, svg, and other helpful tips.
SD Forum Java SIG - Service Oriented UI Architecture
Presentation given by Jeff Haynie at the SD Forum Java SIG in Palo Alto, CA on 12/02/2008. Service Oriented UI Architecture in the world of web, desktop and mobile applications. How the web has gone beyond the browser and we’re headed back to Client/Server.
Android Development...Using Web Technologies
from the Rich Web Experience 2010 conference, an overview of options for building Android applications using Web technologies
Intro Angular Ionic
This document provides an introduction to the AngularJS framework. It explains that AngularJS uses a Model-View-Whatever architecture, with views defined through HTML tags and directives, models defined with scopes and controllers, and additional features like modules, services, routing and configuration. It also discusses how Ionic and Cordova can be used with AngularJS to develop hybrid mobile apps, and concludes by welcoming any questions.
Open Source World : Using Web Technologies to build native iPhone and Android...
Presentation given by Jeff Haynie, CEO of Appcelerator, at Open Source World 2009 in San Francisco, CA on August 13, 2009.
Jeff talks about the state of the mobile smart phone application marketplace and how you can build native iPhone and Android applications using the open source platform, Appcelerator Titanium, and web technologies such as HTML, CSS and JavaScript.
Phonegap - An Introduction
PhoneGap is a framework for building cross-platform mobile apps using HTML, CSS and JavaScript. It allows accessing native device features like the camera and contacts via JavaScript APIs. Apps built with PhoneGap can run on platforms like iOS, Android, Windows Phone and Blackberry. While the apps have a native look and feel, they are actually wrapped webviews displaying web-based content. The document discusses PhoneGap's capabilities, considerations around performance and differences in platform styling. It also provides tips on tools for easier compilation, dealing with memory leaks and deploying apps to app stores.
Hybrid vs native mobile development – how to choose a tech stack
Choosing the wrong mobile tech stack sets you up for a world of pain. But how do you select the right one from a plethora of current options?
As an iOS developer I am convinced that a carefully designed native app provides the best user experience. So why would we choose Ionic2/Angular2 on Cordova (a bleeding edge Hybrid JavaScript framework) for our latest mobile App? In this short talk I will share our thinking and experiences on the current landscape of mobile stack options.
I will introduce the contenders: Native (iOS and Android) vs Semi-Native (Xamarin and React Native) vs Hybrid (Ionic2/Angular2 on Cordova) vs Web. We will then go through some of the prominent tradeoffs between the different options: cost, reuse, single language, speed and user experience, device support, learning curve.
This should give you some (opinionated) guidelines to choosing the right mobile stack for your particular App.
AngularJS on Mobile with the Ionic Framework
The document discusses how the Ionic framework allows developers to easily convert Angular web apps into mobile apps. It outlines a 7 step process to take an existing Angular contacts app and deploy it as a mobile app using Ionic and Cordova. Key steps include choosing an Ionic UI, copying over code, switching to UI-router, adding Ionic views, utilizing device capabilities, adding app resources, and deploying to app stores. Ionic provides Angular developers an easy way to build cross-platform mobile apps without having to learn new languages and frameworks.
Isomorphic Aplication with Javascript
Today speak about "Isomorphic Aplication with Javascript" on Geekcamp 2015. The Biggest Tech-Savvy Conference in Indonesia #GCID2015
Case study: integrating azure with google app engine
This document describes a solution that was developed to provide administration and order tracking functions for an herbal products website hosted on Google App Engine. An Azure-hosted web application was created to allow authorized users to maintain product content and images without developer involvement. A hybrid Android mobile app using Azure Mobile Services was also developed to track and provision orders. The solution leveraged various Azure services like Web Apps, SQL Database and Blob Storage in a cost-effective way while integrating with the Google-hosted website.
Running Web & Mobile in Azure App Service
This document provides an overview and agenda for a session on running web and mobile apps on Azure App Service. It introduces Azure App Service as an integrated offering for building rich, engaging, and intelligent apps that can scale as a business grows. It describes the key services within App Service - Web Apps, Mobile Apps, Logic Apps and API Apps. It outlines the capabilities of each service and provides examples of scenarios where each could be used. It also includes an agenda with time for a demo and Q&A.
Impact of Adobe Edge Tools and Services in Higher Education
This document discusses Adobe's Edge tools and services and their impact on higher education. It summarizes Joseph Labrecque's experience integrating these new technologies into his course curriculum at the University of Denver. He found Edge Animate was better than Flash Professional for teaching animation, and PhoneGap was better than AIR for mobile development courses. However, some legacy systems still require Flash Player. Overall the new tools allow more to be done with web technologies while Flash still has uses, and the landscape will continue to change.
What's hot (20)
ВІТАЛІЙ КОВАЛЮК «Fiddler та Postman: інструменти тестування API» Lviv QA Day ...
ВІТАЛІЙ КОВАЛЮК «Fiddler та Postman: інструменти тестування API» Lviv QA Day ...
ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
Ionic Framework - get up and running to build hybrid mobile apps
Ionic Framework - get up and running to build hybrid mobile apps
Mobile Fest 2018. Илья Иванов. Как React-Native перевернул наше представление...
Mobile Fest 2018. Илья Иванов. Как React-Native перевернул наше представление...
SMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influence
SD Forum Java SIG - Service Oriented UI Architecture
SD Forum Java SIG - Service Oriented UI Architecture
Open Source World : Using Web Technologies to build native iPhone and Android...
Open Source World : Using Web Technologies to build native iPhone and Android...
Hybrid vs native mobile development – how to choose a tech stack
Hybrid vs native mobile development – how to choose a tech stack
Case study: integrating azure with google app engine
Case study: integrating azure with google app engine
Impact of Adobe Edge Tools and Services in Higher Education
Impact of Adobe Edge Tools and Services in Higher Education
Viewers also liked
Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes
Do you think it’s possible to live code an Angular 2 app, create a backend, and deploy it in one talk? With the convenience of Angular-CLI and a little help from Firebase and material design, see how easy it is to create apps with Angular 2 and why this new framework is the great for quickly prototyping ideas and is built to scale large applications across distributed teams.
Example repo with completed branches - https://github.com/ladyleet/ngcruise-up
Deployed App - https://ngpoland-d7d54.firebaseapp.com/
Progressive Web Apps keynote, Google Developer Summit, Tokyo, Japan
This document provides a history of the development of the web from 1991 to the present. It discusses technologies like HTML, HTTP, XMLHttpRequest, AJAX, and mobile web development. It then introduces progressive web apps, which are web applications that are reliable, fast and engaging like native apps through the use of technologies like service workers, web app manifests and push notifications. Examples are given of companies like Flipkart that have seen success adopting progressive web apps.
Progressive web apps
This document discusses progressive web apps (PWAs). It defines key attributes of PWAs such as being discoverable, linkable, responsive, and installable. The document notes that while PWAs were initially dismissed, they are now widely seen as the future for building web apps. Examples of large companies using PWAs successfully are provided. The document also references app shells, universal JavaScript, service workers, offline caching, and performance optimization as important techniques for developing high-quality PWAs.
Progressive Web Apps
A Progressive Web App uses modern web capabilities to deliver an app-like user experience.
Progressive Web Apps bring features we expect from native apps to the mobile browser experience in a way that uses standards-based technologies and run in a secure container accessible to anyone on the web.
Getting Started with Progressive Web Apps
Progressive Web Apps consist of a new palette of technologies such as the Web App Manifest, homescreen install support, Service Workers and the app shell. These bridge the gap between native and web apps offering new capabilities for web developers to create amazing desktop and mobile experiences.
Progressive web apps
Progressive Web Apps presentation for GDG Istanbul's Progressive Web Apps Meetup.
I'm not a web developer or front-end developer but I tried to explain how PWAs work.
Building microservices with Scala, functional domain models and Spring Boot
The document discusses building microservices with Scala, functional domain models, and Spring Boot. It describes using an event-driven and event sourcing architecture to solve data consistency issues with microservices and NoSQL databases. Event sourcing involves storing business events and replaying them to recreate state changes. The document outlines designing microservices around aggregates and event processing, implementing queries with separate read models, and building and deploying microservices with Spring Boot.
Viewers also liked (7)
Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes
Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes
Progressive Web Apps keynote, Google Developer Summit, Tokyo, Japan
Progressive Web Apps keynote, Google Developer Summit, Tokyo, Japan
Building microservices with Scala, functional domain models and Spring Boot
Building microservices with Scala, functional domain models and Spring Boot
Similar to Angular Connect
Introduction to Cross-Platform Hybrid Mobile App Development
What is Hybrid Mobile App? How developers create mobile app based on web development skills? All of these questions answers are in this presentation.
Talk for DevFest 2021 - GDG Bénin
This document discusses developing progressive web applications (PWAs) using Angular and Ionic frameworks. It provides an introduction to PWAs and their benefits, including being a single application that works offline. It outlines the key principles for developing PWAs, including using a manifest and service workers. It then discusses Angular as an application framework that can be used to build PWAs and its built-in features like routing and forms. Finally, it covers Ionic as a framework for building interfaces with native mobile app-like UX and access to device capabilities through its use of Capacitor.
Rapid mobile app development using Ionic framework
This document provides an overview of using the Ionic framework for rapid mobile app development. Ionic is an open source SDK that allows developers to use web technologies like HTML, CSS, and JavaScript to develop hybrid mobile apps. It provides UI components, tools, and services that simplify development and enable building native-looking apps that can be deployed to iOS and Android. The document demonstrates how Ionic speeds up development by abstracting away native mobile complexities and providing pre-built mobile optimized UI elements and plugins for device capabilities.
Hybrid vs. Native app - Ionic Framework with AngularJS
- Ionic is an open source framework for developing hybrid mobile apps with HTML5, AngularJS, Sass and Cordova. It allows developing a single code base that can be deployed across iOS and Android platforms.
- Ionic uses a web view to wrap web-based UI and links it to native device capabilities via Cordova plugins. This allows building native-like mobile apps with web technologies while reusing code across platforms.
- Ionic provides UI components like lists, tabs, slides and pull to refresh that are modeled after native mobile SDKs. It also includes over 700 icons and supports hardware accelerated animations for high performance.
HiUED 前端/web 發展和體驗
CREDITS / REFERENCE:
===================
http://www.themechrome.net/Images/Original/aaa.jpg
http://activatedrinks.com/#/press
http://www.webmedia-solutions.com/web-development-blog/wp-content/uploads/2009/01/web-2-0-logos.gif
http://yiku.co/wp-content/uploads/2011/01/67bf1bb2g94361366956f690.jpg
http://sixrevisions.com/web_design/the-evolution-of-web-design/
http://www.148apps.com/wp-content/uploads/2011/02/rdio.jpg
http://www.desktopexchange.com/gallery/Widescreen-Wallpaper/evolution_1280x768
http://www.blogcdn.com/www.engadget.com/media/2010/12/bmw-connected-ios-app.jpg
http://cdn.synthtopia.com/wp-content/uploads/2010/10/moog-filtatron.jpg
http://venturebeat.files.wordpress.com/2011/09/gazelle-iphone-app.jpg
http://phonerpt.com/wp-content/uploads/iOS-game-Cut-the-Rope-iPhone-iPad.jpg
http://www.techtickle.com/wp-content/uploads/2010/11/facebook-app-iphone.jpg
http://www.artofflightmovie.com/
http://makenetbg.com/wp-content/uploads/2011/06/servicios-makenet1.jpg
http://charliecowan.files.wordpress.com/2011/08/noticeboard.jpg
http://www.elipseagency.com/agency.html
http://www.nikebetterworld.com/
http://2.bp.blogspot.com/_dCJEsq5nTZA/TJfyIHC87QI/AAAAAAAAAR4/S1hz8ltJY6U/s1600/Bel+Air+Split.jpg
http://www.moodsofnorway.com/#/home
http://www.ozoneeleven.com/wp-content/uploads/2010/05/Iron-Man-I-II_06.jpg
http://www.netmagazine.com/opinions/mobile-apps-must-die
http://www.mobileawesomeness.com
http://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Web_2.0_Map.svg/800px-Web_2.0_Map.svg.png
http://www.devirtuoso.com/2009/05/html-vs-flash-websites-which-is-better/
http://www.webdesignshock.com/wp-content/uploads/2011/08/responsive00.jpg
http://www.ri.gov/img/responsive/banner.jpg
slide related marks or contents are owned by individuals, or their related entities. This slide is neither endorsed by nor affiliated with any of these entities :)
Ionic Framework
2015 Open Talk on Ionic Framework v1. Hybrid mobile best practices. Ionic market, share and publishing
Progressive Web Apps: The Breakdown
Progressive Web Apps (PWAs) are websites that are built using newer web application development techniques to provide an app-like experience to users. PWAs can be installed on the home screen, work offline, receive push notifications, and have app-like interactions. The document discusses how PWA provides a better user experience than traditional websites by making websites feel like native mobile applications while retaining the benefits of the web. It also discusses how travel website Trivago implemented PWAs to increase their market reach, conversion rates, and growth.
Hybrid Apps with Angular & Ionic Framework
This document discusses hybrid mobile apps that can be built using Angular and the Ionic framework. Hybrid apps allow developers to build apps that can run on multiple platforms using web technologies like HTML, CSS, and JavaScript. The Ionic framework builds on Apache Cordova to provide access to native device capabilities and solve issues with supporting multiple screen resolutions. Developers can use Angular for features like data binding and services, and Ionic adds capabilities specific to building mobile apps like routing and UI components optimized for touch. The document provides instructions for setting up Ionic and Cordova and creating a basic sidemenu template project to get started developing hybrid mobile apps.
Hybrid mobile apps
This document discusses hybrid mobile applications and using JavascriptCore. It explores using a native bridge to connect webviews to native device APIs for push notifications, social media integration, and other features. It recommends using a lightweight framework like JQMobile and focusing on CSS transforms instead of properties like box-shadows that webviews don't support well. The document also discusses an alternative approach of embedding web content natively by rendering templates and handling networking in the native layer for better performance. Overall it analyzes the tradeoffs of hybrid apps and recommends the best of both native and web approaches.
Testing installable mobile apps analogues
The perspective of creating a mobile app that doesn’t need to be downloaded and reviewed in the App Store is very attractive, especially when there is more than one analogue for installable apps: Progressive Web Apps (PWA), Android Instant Apps (AIA) and Accelerated Mobile Pages (AMP). But here there is no silver bullet: each of the mentioned technologies has its own peculiarities of development, support and testing. In the lecture, we’ll explore each of the platforms in detail and compare them with “usual” mobile apps, so to be ready for quality assurance even in such new and unusual projects.
Progressive Web Apps 101
Progressive web apps (PWAs) close the gap and blur the lines between native apps and web apps. Daniel will introduce PWAs, including service workers, push notifications, app icons, offline capabilities, the app manifest, and browser support. He will also discuss practical applications and case studies to give business insight into this newer technology.
Ionic adventures - Hybrid Mobile App Development rocks
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/
Slaying Monoliths with Node and Docker
The document discusses the evolution of Netflix's API architecture from a monolithic Java web server to a microservices architecture using Node.js and containers. It describes how the monolith led to scalability and developer productivity issues. The new architecture uses Node.js scripts in containers with process isolation for improved scalability, availability, and developer experience through rapid local development and debugging. Key aspects of the new architecture include service routing, versioning, operational insights, and container management.
#Devcamp17: Développement d’une Progressive Web Application (PWA) avec le sta...
1- Généralités sur les PWAs
2- Présentation du framework Ionic
3- Présentation du framework Angular
4- Présentation du framework Capacitor
5- Instant coding
Web Developers are now Mobile Developers
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.
Rethinking Mobile with Ionic
The document discusses the Ionic framework for building hybrid mobile apps using web technologies like Angular. It highlights how Ionic allows web developers to build native-feeling apps, provides an SDK for developing these apps, and empowers developers. Ionic 2 aims to push the limits of what is possible with web technology by keeping apps simple, providing a better native experience, and reducing tooling fatigue. Ionic also makes it easy to build progressive web apps that can be installed like native apps and work offline.
Workshop on Hybrid App Development with Ionic Framework
Presentation materials for workshop on Hybrid App Development with Ionic Framework. Organized by Women Leaders in Technology, Nepal. Workshop conducted by Aayush Shrestha.
Introduction to Ionic framework
This document provides an overview of the Ionic Framework for developing hybrid mobile applications. It discusses the advantages of hybrid apps over native apps, including using a single codebase across platforms. It introduces Ionic as an HTML5 framework built on Angular and Cordova, containing CSS and JavaScript components for building mobile-optimized apps. It covers getting started with Ionic, the CLI, components, platform access tools, and includes examples. The goal of Ionic is to provide native-like performance for building beautiful, easy-to-maintain hybrid mobile apps.
App developer as a Web developer (ROROSyd - Jul 15)
Developing mobile applications by being a rails developer. By using the technologies that already familiar with
Presented in Sydney Rails user group (Jul - 2015)
Why do developers prefer ionic to build progressive web apps
When it comes to developing progressive web apps or PWAs, you should hire ionic developer. According to experts, there isn’t anything better than Ionic for building feature-rich PWAs.
Similar to Angular Connect (20)
Introduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App Development
Rapid mobile app development using Ionic framework
Rapid mobile app development using Ionic framework
Hybrid vs. Native app - Ionic Framework with AngularJS
Hybrid vs. Native app - Ionic Framework with AngularJS
Ionic adventures - Hybrid Mobile App Development rocks
Ionic adventures - Hybrid Mobile App Development rocks
#Devcamp17: Développement d’une Progressive Web Application (PWA) avec le sta...
#Devcamp17: Développement d’une Progressive Web Application (PWA) avec le sta...
Workshop on Hybrid App Development with Ionic Framework
Workshop on Hybrid App Development with Ionic Framework
App developer as a Web developer (ROROSyd - Jul 15)
App developer as a Web developer (ROROSyd - Jul 15)
Why do developers prefer ionic to build progressive web apps
Why do developers prefer ionic to build progressive web apps
Recently uploaded
Removing Uninteresting Bytes in Software Fuzzing
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
TrustArc Webinar - 2024 Global Privacy Survey
How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024?
In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores.
See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar will review:
- The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey
- The top challenges for privacy leaders, practitioners, and organizations in 2024
- Key themes to consider in developing and maintaining your privacy program
Communications Mining Series - Zero to Hero - Session 1
This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered:
• Communication Mining Overview
• Why is it important?
• How can it help today’s business and the benefits
• Phases in Communication Mining
• Demo on Platform overview
• Q/A
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications.
20240607 QFM018 Elixir Reading List May 2024
Everything I found interesting about the Elixir programming ecosystem in May 2024
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
20 Comprehensive Checklist of Designing and Developing a Website
Dive into the world of Website Designing and Developing with Pixlogix! Looking to create a stunning online presence? Look no further! Our comprehensive checklist covers everything you need to know to craft a website that stands out. From user-friendly design to seamless functionality, we've got you covered. Don't miss out on this invaluable resource! Check out our checklist now at Pixlogix and start your journey towards a captivating online presence today.
“I’m still / I’m still / Chaining from the Block”
“An Outlook of the Ongoing and Future Relationship between Blockchain Technologies and Process-aware Information Systems.” Invited talk at the joint workshop on Blockchain for Information Systems (BC4IS) and Blockchain for Trusted Data Sharing (B4TDS), co-located with with the 36th International Conference on Advanced Information Systems Engineering (CAiSE), 3 June 2024, Limassol, Cyprus.
Microsoft - Power Platform_G.Aspiotis.pdf
Revolutionizing Application Development
with AI-powered low-code, presentation by George Aspiotis, Sr. Partner Development Manager, Microsoft
Essentials of Automations: The Art of Triggers and Actions in FME
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
Mind map of terminologies used in context of Generative AI
Mind map of common terms used in context of Generative AI.
Pushing the limits of ePRTC: 100ns holdover for 100 days
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
Recently uploaded (20)
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
Angular Connect
- 1. Ionic & Progressive Web Apps Brandy Carney Core Framework Developer,Ionic Adam Bradley Framework Lead,Ionic
- 2. Who are we? Brandy Carney Core Dev @ Ionic brandyscarney brandyscarney Adam Bradley Team Lead @ Ionic adamdbradley adamdbradley
- 4. A Progressive Web App is… Amobilewebappthat feels like a native app.
- 5. Why does this matter?
- 8. Progressive works for every user App-like looks and feels native Connectivity Independent offline support Discoverable easily found through search Linkable access via URL Installable save to home screen Re-engageable push notification support http://bit.ly/waPWA
- 10. Beautiful UI Built on Angular Wonderful community Built on web+browser standards Collaboration from designers+developers http://github.com/driftyco/ionic
- 12. Native Scrolling Hardware Accelerated Animations Smooth Transitions Optimized for Touch Events Ahead of Time Compiling (AoT)
- 13. Creating an ionic app $ npm install -g ionic $ ionic start myApp --v2 $ ionic serve
- 15. { “name": "Ionic Sample App", "start_url": "index.html", "display": "standalone", "icons": [{ "src": "img/appicon.png", "sizes": "512x512", "type": "image/png" }], "background_color": "#387ef5", "theme_color": "#387ef5" } Web app manifest http://bit.ly/maniMDN
- 16. Service Workers Caches data & files Send push notifications Intercept network requests Run by browser in the background serviceworke.rs
- 17. Code once. Run everywhere.
- 18. How does this benefit you?
- 19. Offline capable Quicker load times Native UX on the web Cordova+App Stores not required * Ionic apps ARE Progressive Web Apps *
- 20. Important links Demo code https://github.com/driftyco/ionic-pwa-demos/tree/master/contacts Example PWAs using ionic pwa.ionic.io
- 21. …oh, btw
- 23. Thank you! Brandy Carney Core Framework Developer,Ionic Adam Bradley Framework Lead,Ionic