JS Meetup #25: Performance Metrics For Modern Apps & Introduction to Ionic

-- This is a FREE meetup and needs registration to attend --

Venue: App Dynamics

Agenda:

10.00am - 10.15am - Welcome and Introduction

10.15am - 11.15am - Performance Metrics for Modern Apps by Shubham

11.15am - 11.30am - Tea break

11.30am - 12.30pm - Ionic Framework to build cross platform mobile apps and progressive web applications by Nrusingha Patro (outline, speaker profile to be added)

12:30pm Announcements, Wrap-up, and Networking

Abstract of Talk 1

It has become critically important to improve your performance of web apps. Users should have a good visual experience while loading a web app. Be it pre-loading important resources, or displaying cached resources, or rendering hero elements first, users should be able to interact with web apps as soon as possible

There are certain myths about web performance monitoring. Myths like My website loads in X seconds or Performance only matters at load time. But, the reality is poor performance can happen at any time, not just during load. Traditional performance metrics like DOMContentLoad and onLoad are highly inadequate.

With this talk, you can learn how to improve user experience and web performance in different scenarios using various performance metrics

Talk 1 Outline

Numerous performance metrics exist to improve user experience. This talk will focus on:

Performance Metrics
Why do we need performance metrics?
Which metrics are important?
What do these metrics mean?
How to measure them?
How to improve them?
Performance Monitoring Tools
Performance Monitoring Tools in market
How to use them?
Which metrics can be measured using them?
Web APIs to look for

Takeaway

1. Measure performance of your website
2. Improve different pain points slowing down your website
3. Happy users, even in different scenarios(poor network, different geo locations, various browsers)
4. Performance monitoring tools

Speaker bio

Shubham completed his undergraduate from IIT Delhi in 2016. He currently works as Software Developer in AppDynamics. He works on developing a Javascript agent which captures important performance metrics for our customers’ websites. They make sure the agent is light-weight, works irrespective of browser and OS versions

Shubham has deep knowledge on working of SPA frameworks(Angular, React, Ember etc) and have a first hand experience in developing web apps using them. He remains updated with the latest web technologies in market and always curious to understand their usefulness, working and adaptation.

Abstarct:
Ionic is an open source framework helps to build apps in one codebase, for any platform, with the web. Ionic lets web developers build, test, deploy and monitor cross-platform apps easier than ever.

Talk 2 Outline:

1. Hybrid vs Native vs PWA vs Web App
2. What is Ionic
3. Why Ionic
4. Ionic Components and APIs
5. Ionic Native
6. Building sample Ionic App

Takeaway:

Understanding multiple approaches to mobile application development and where Ionic fits.

Speaker Intro:

Working as Senior Engineer with Target India, currently developing retail applications using technologies like Angular, Ionic, Cordova, Node, Android and Java.

Having around more than 10 years of industry experience on different domains like avionics, mobility and retail.

Extensive experience on mobile and web application development. Passionate about learning new open source technologies.

Contributing back to the JavaScript community by frequently posting web development articles on https://medium.com/@npatro7m and delivers talks and webinars on trending JavaScript related technologies at various JavaScript/Web development meetups.