Name: Building native mobile apps & PWAs from one codebase
Start: 2020-06-03T22:10:00Z
End: 2020-06-03T22:11:48.000Z
Location: BrightTALK
Rating: 0

We’re a company built on open source, committed to a developer-friendly approach that prioritizes developer experience, open ecosystems and open standards.


Today, Ionic is backed by a vibrant community of more than 5M developers in over 200 countries. Join the thousands of global meetups, forums, and community driven events that make it easy to learn and grow with our platform.

Managing the front-end for large organizations can be a difficult task; the larger the application, the greater the need to divide it into smaller and more manageable, de-centralized artifacts in order to deliver a clean and consistent user experience.


In this talk we will explore multiple ways in which enterprises can leverage micro-frontend architecture and web components compiled by Stencil JS in order to simplify the development, deployment, and consumption of third party content into large front-end applications.

Building Micro-Frontends to Simplify Development, Deployment, and More!

Volkswagen Group’s full-stack design system GroupUI delivers a seamless experience from figma and sketch to web components built with Stencil JS—Ionic’s toolchain for building reusable, scalable design systems. In a multi-brand environment featuring over five brands—with more to come soon—a perfect collaboration between teams and brands is vital for success.


Discover how the designers at Volkswagen add value with maximum flexibility for their brands. Learn how they are managing collaboration, communication, and contribution in their cross-brand and interdisciplinary environment.

Between Standard & Flexibility: Volkswagen’s Multi-Brand Design System GroupUI

App development is rapidly evolving. Applications were originally built using a monolithic approach—a single-tiered code base combining UI and data into a single platform. Now, companies are moving towards micro frontends, an architectural style where UI front-end are composed of independent components that can be built by different teams at different times, saving development time and costs.

Micro frontends need to be reusable and portable. They need to be able to communicate with other parts of the app, provide a seamless and virtually invisible to users, and be easy to update without updating the larger app. Given these points, web technology is a great way to deliver micro experiences not only for the web but for mobile as well.

Discover how using Ionic Portals will allow your team to deliver micro experiences on mobile apps.

Micro Frontends for Mobile with Ionic Portals

General-purpose continuous integration/continuous delivery tools like Gitlab and CircleCI have transformed the way developers build and ship software. By automating the release process, businesses are able to deliver value to customers faster than ever before. However, common CI/CD solutions aren’t optimized for mobile application development and require DevOps expertise.

Appflow, Ionic’s mobile DevOps platform, fills in the gaps. Join Matt Netkow, Product Evangelist and Matt Kremer, Appflow Product Manager for a live presentation covering how to integrate Appflow with your CI/CD platform including Azure DevOps, Gitlab, Jenkins, and more. Topics include:

- Overcoming the challenges of mobile CI/CD
- Setting up consistent, repeatable mobile build environments in just a few clicks with Appflow
- Integrating Live Updates, iOS/Android native builds, and automated app store publishing with your existing CI/CD system
- A live demo integrating Appflow with an Azure DevOps pipeline

Integrating Appflow’s Mobile Capabilities with your CI/CD Platform

While it may surprise you, it’s incredibly common to incorporate web-based experiences inside a mobile app. In fact, many mobile users will seamlessly move between native mobile features and web-based experiences inside an app, without realizing it. Popular apps like Apple Music, Amazon shopping, Vonage business communications, Instacart grocery delivery, and Disney World are great examples of how this works in practice.

By reusing and repurposing your existing web experiences, you can dramatically cut down on development time and costs. On top of that, with native mobile development talent exceedingly hard to find, it’s much easier to get your in-house web developers to develop new features or build reusable architecture that can be deployed in your native mobile apps, as well as on the web.

In this talk, we’ll show you why and how to incorporate web content in your native mobile apps, in a way that’s easy and intuitive for developers and seamless for users. The talk, led by Matt Netkow, Developer Advocate, and Josh Thomas, Product Manager, will demonstrate:

- The benefits of integrating web content into native apps
- How to access native features, such as geolocation, haptics, biometrics, and more to deliver world-class mobile experiences to users
- How enterprise customers use web views to accelerate their time to market.

Why and How to Add Web Content to Your Existing Mobile Apps

New to Ionic? Get the full rundown on everything you can do and build with Ionic from Mike Hartington, Senior Developer Advocate at Ionic. He’ll walk through the Ionic development platform and explain how to get started.

The session will cover:

- How to build amazing cross-platform apps for native iOS, Android, desktop, Progressive Web Apps, and more - all from a single codebase. Featuring Ionic Angular during the demo.
- An overview of Ionic’s open source developer tools, plus supercharged development options for teams and enterprises
- How Ionic fits into the key phases of the development lifecycle

Ionic in 30 minutes (Fall 2021)

Building and maintaining consistently branded apps and websites at scale is challenging. Design standards, performance, accessibility, and discoverability are all crucial pieces of a successful design system — and it’s no wonder that companies struggle with adoption.

Enter Stencil Enterprise, Ionic’s official toolchain for building blazing fast web components. Designed exclusively for teams building enterprise-scale design systems, it includes access to world-class Support and Advisory teams, priority fixes and issue resolution, and more.

Join Matt Netkow, Product Evangelist, and Mike Hartington, Stencil Developer Advocate, to learn how and why successful design systems are built with web components powered by Stencil. Featuring:

- The common challenges teams face when building enterprise design systems, including betting on a single web framework, collaboration between design and development, and limited component expertise
- The ingredients of successful design system adoption, including real-code components, component building expertise, and framework-agnostic technology
- How to ensure your Angular, React, and Vue developers will adopt your design system
Interviews with Stencil Enterprise customers who have successfully launched their design systems

Stencil Enterprise: Design Systems at Scale

Mobile app security. Every enterprise app needs it. Every team understands how important it is. However, maintaining healthy security practices is complicated. Mobile app security best practices change often. It’s challenging to stay on top of the latest application security patches and fixes. One misstep can trigger serious consequences like data loss and unauthorized account access. Despite those complications, security feels like a distraction when it takes focus time away from your core business.

Enter Auth Connect, Identity Vault, and Secure Storage: Ionic’s native security solution trifecta. Matt Netkow, Product Evangelist at Ionic, covers mobile app security best practices and pitfalls to avoid when building out a security solution for your enterprise company, including: 

- The benefits and tradeoffs of all mobile data storage options
- Biometric authentication and token storage best practices
- Modern authentication techniques
- A demo showing how to quickly drop single sign-on, biometric authentication, and data storage features into your apps.

Reach out to sales to schedule a private demo of Ionic’s native security trifecta and get customized pricing to fit your security solution: https://ionic.io/contact/sales

Ionic’s Security Trifecta: Mobile App Security Made Easy

Enterprise IT leaders are under pressure to deliver more and better mobile experiences. 

A crushing lack of mobile developer talent makes it hard to keep up. Low-code tools promise a remedy, but their black box approach is costly and adds risk over the long-term.

Thankfully, a new generation of open source solutions are empowering web development teams to build enterprise-grade mobile apps - or extend existing mobile apps - using familiar tools and open standards.

How Open Source Is Changing Mobile App Development

Back by popular demand with updated content and demos!

You’ve been assigned to lead the company’s new mobile app project. Excitement quickly turns to concern as you think back on previous mobile projects that haven’t been successful. Or, perhaps this is your company’s first foray into mobile - until now, your dev teams have only built desktop websites.

Join Matt Netkow, Head of Developer Relations at Ionic, for a live presentation covering the common pitfalls and strategies that ensure a successful mobile project launch. This includes the top 10 things you should plan to do before building a mobile app, such as:

- Deciding which platforms to build for (iOS, Android, PWA, or desktop web)
- The important but often neglected areas such as app security, error logging, data integrations, device testing, and more
- Deciding on the mobile development platform/approach to use (Cross-platform vs. Native, and Full-code vs. Low-code, OSS vs. commercial)

Top 10 Ways to Prepare for a Successful Mobile Project Launch: Revisited

Michael Callaghan, Lead Software Engineer at Disney, shares how the use of mobile and tablet applications inside Walt Disney World help to keep the business's critical infrastructure up and running — and the magic alive for their Guests.

Hybrid Mobile Application Development at Disney

This is a customer interview hosted by Ionic’s VP of customer success, Faisal Raza.  During this interview, you’ll learn about Sworkit, a cross-platform app that has delivered over 100 millions workouts direct to consumers.

Building Cross Platform Apps: A conversation with the creators of Sworkit

You’ve been assigned to lead the company’s new mobile app project. Excitement quickly turns to concern as you think back on previous mobile projects that haven’t been successful. Or, perhaps this is your company’s first foray into mobile - until now, your dev teams have only built desktop websites.

Join Matt Netkow, Head of Developer Relations at Ionic, for a live presentation covering the common pitfalls and strategies that ensure a successful mobile project launch. This includes the top 10 things you should plan to do before building a mobile app, such as:

- Deciding which platforms to build for (iOS, Android, PWA, or desktop web)
- The important but often neglected areas such as app security, error logging, data integrations, device testing, and more
- Deciding on the mobile development platform/approach to use (Cross-platform vs. Native, and Full-code vs. Low-code, OSS vs. commercial)

Top 10 Ways to Prepare for a Successful Mobile Project Launch

H&R Block is focused on digitizing all aspects of their business from multi-channel retail tax offerings to financial products and small business support services. Modernizing their technology stack to achieve this vision includes the re-structuring of their platforms to a micro app, cloud based architecture and a partnership with Ionic. 

Join us during this time to learn about the benefits of this architecture along with their implementation for the MyBlock web and mobile apps leveraging Ionic, Capacitor, and Stencil.

App Development at Scale with Micro Frontend Architecture

Ionic Enterprise: App Development at Scale with Micro Frontend Architecture

Ionic makes it easy to build cross-platform mobile apps using your favorite web tools and frameworks.  But managing content often requires technical knowledge or constantly pushing app updates. This is where ButterCMS steps in.

ButterCMS is a headless CMS platform for adding rich content to any app, with simplified content management tools for developers and non-developers alike. 

With Butter’s scalable platform and Ionic’s cross-platform development approach, you can build feature-rich iOS, Android, and mobile web apps filled with content that your users will love to read.

In this webinar we’ll cover:

- The basics of building a cross-platform mobile app with Ionic 
- Understanding what a headless CMS is and why it’s valuable
- How ButterCMS streamlines content management
- Integrating ButterCMS into an Ionic App

Adding Rich Content to Your Ionic App With ButterCMS

If you’re evaluating cross-platform development options, you’ve probably built a short list of potential solutions. Ionic is often among the most popular alternatives when it comes to building iOS and Android mobile apps from a single shared codebase, without having to learn Swift and Kotlin or master the nuances of developing with the native SDKs. Like many cross-platform alternatives, including React Native and Flutter, Ionic offers a great developer experience, a worldwide developer community, and the ability to build a high performance truly native app.

But how do you know which one to choose?

In our upcoming webinar, we’ll show you how Ionic’s unique web-first approach compares with the alternatives, and which solution is right for you. Join Mike Hartington, Developer Advocate at Ionic, as he covers:

- Building cross-platform apps for iOS, Android, and mobile web
- Ionic vs. React Native, Flutter, and Xamarin
- The benefits and tradeoffs of a Web Native approach
- Why and when to choose each alternative

Register to attend today and we’ll also send along our free Ionic vs. React Native and Ionic vs. Flutter comparison guides.

Ionic Versus: Choosing a Cross-Platform Solution

Learn how Appflow makes it easy to build, publish, and update native mobile apps (and PWAs).

Your development teams have successfully implemented CI/CD workflows for their backend and frontend web apps. Next up is mobile app support, but as it turns out, the intricacies of mobile CI/CD make it uniquely challenging - from mobile build infrastructure maintenance, to security patching, to configuring and testing new mobile operating system updates.

Enter Appflow, by Ionic. Appflow is a mobile CI/CD solution that makes it easy to build, publish, and update native mobile apps (and PWAs).

Using Appflow doesn’t mean replacing your existing CI/CD system. In fact, Appflow integration is easy, so you can experience the strengths of both platforms. 

Join Nick Hyatt, Product Manager at Ionic, for a live demo and Q&A session covering:

- How Appflow helps teams build robust mobile CI/CD pipelines
- The steps required to generate native app binaries, publish your app to the app stores, and update apps over time
- A live demo demonstrating how to integrate Appflow with various CI/CD solutions, such as GitLab, Jenkins/Cloudbees, and GitHub Actions

Integrate Appflow with your CI/CD pipeline

Build compelling, modern app experiences that run on any platform. The #1 native runtime for hybrid apps is here.

Capacitor 1.0 was released in 2019 as a new and revolutionary way to deliver native mobile apps and PWAs from the same codebase, using web technology in place of native programming languages. Since then, Capacitor has grown to more than 230K monthly downloads and is poised to eclipse Cordova as the #1 native runtime for hybrid apps.

Discover what the hype is about! Join Matt Netkow and Max Lynch for a walkthrough of Capacitor 2.0. They show off all the new features and capabilities of the latest version, along with the core feature set from previous versions, including:

- How to build compelling, modern app experiences that run on any platform
- Tips for migrating from Cordova to Capacitor without losing any existing functionality
- How web and native teams can work in tandem to ship apps quickly
- Extending Capacitor’s functionality by creating your own native plugins
- What’s new in 2.0

Building native mobile apps & PWAs from one codebase

PWAs

Capacitor

Hybrid Apps

Mobile Apps

Cordova

Mobile App Security

Welcome to the mobile computing community on BrightTALK! With the consumerization of IT and the widespread adoption of mobile devices across the globe, mobile computing has become an important part of many people's lives in a culture of bring your own device (BYOD). With mobile devices doubling as work phones and more employees working from home, businesses need to provide secure access to data and work applications from anywhere at any time. Join this growing community and hear from industry thought leaders in webinars and videos as they share their insight on mobile computing research and trends.

Mobile Computing

The application development community features top thought leadership focusing on optimal practices in software development, SDLC methodology, mobile app development and application development platforms and tools. Join top software engineers and coders as they cover emerging trends in everything from enterprise app development to developing for mobile platforms such as Android and iOS.

Application Development

Enterprise applications have become a crucial piece of infrastructure for many businesses. The enterprise applications community on BrightTALK features the latest insights in enterprise application integration, enterprise application architecture and EAS software. Join the community to gain access to thousands of videos and webinars presented by recognized enterprise information systems experts and arm yourself with the knowledge you need to succeed.

Enterprise Applications

Join thousands of engaged IT professionals in the application management community on BrightTALK. Interact with your peers in relevant webinars and videos on the latest trends and best practices for application lifecycle management, application performance management and application development.

Application Management

As an IT professional, many of the problems you face are multifaceted, complex and don’t lend themselves to simple solutions. The information technology community features useful and free information technology resources. Join to browse thousands of videos and webinars on ITIL best practices, IT security strategy and more presented by leading CTOs, CIOs and other technology experts.

Building native mobile apps & PWAs from one codebase

Presented by

About this talk

More from this channel