This talk starts with comparing mobile and web platforms we have today by stressing their advantages and disadvantages. Audience is expected to grasp the patterns and practices of building a PWA and eventually people are able to see it live on their devices.
Microservices, Container and Kubernetes : A Match Made in HeavenTheDevTheory
Learn how Microservices are a savior for the world of scalable applications and containers are their best friend in solving this problem.In this presentation, we will Learn about the evolution of apps from Monolithic architecture to present day microservice architecture. And how the combination of microservices with containers and orchestrator like Kubernetes is a match made in heaven for any scalable application.
How to Survive & Thrive After Mobile-first Indexing | Rachel Costello, Techni...Rachel Costello
Google is rolling out mobile-first indexing and websites are going to be affected - but there’s no need to panic. In this talk, Rachel will explain exactly how mobile-first indexing will actually work and what SEOs can do to not only help their websites survive the new indexing change, but thrive and be successful in the mobile space. We’ll cover areas for potential site performance decreases to watch out for, the key checks you need to run on your site, and what you need to do to make sure your site is ready.
Master’s voice: the rise of voice assistantsDaniel Harvey
Siri. Alexa. Google. Voice computing is emerging as the next wave of “no ui” in the post-smartphone world. What’s the current context for this paradigm shift? What’s around the corner in the next 3-5 years? How will this change the way writers and UX people work?
Microservices, Container and Kubernetes : A Match Made in HeavenTheDevTheory
Learn how Microservices are a savior for the world of scalable applications and containers are their best friend in solving this problem.In this presentation, we will Learn about the evolution of apps from Monolithic architecture to present day microservice architecture. And how the combination of microservices with containers and orchestrator like Kubernetes is a match made in heaven for any scalable application.
How to Survive & Thrive After Mobile-first Indexing | Rachel Costello, Techni...Rachel Costello
Google is rolling out mobile-first indexing and websites are going to be affected - but there’s no need to panic. In this talk, Rachel will explain exactly how mobile-first indexing will actually work and what SEOs can do to not only help their websites survive the new indexing change, but thrive and be successful in the mobile space. We’ll cover areas for potential site performance decreases to watch out for, the key checks you need to run on your site, and what you need to do to make sure your site is ready.
Master’s voice: the rise of voice assistantsDaniel Harvey
Siri. Alexa. Google. Voice computing is emerging as the next wave of “no ui” in the post-smartphone world. What’s the current context for this paradigm shift? What’s around the corner in the next 3-5 years? How will this change the way writers and UX people work?
Our KnowCrunch students of the Professional Diploma in Digital & Social Media in Athens (Sep. 20) worked for a few hours and presented an SEO Report for a brand.
Learn more about this awesome course: https://bit.ly/2XT7dFU
Puppet Camp Sydney 2014 - Evolving Design Patterns in AWSjohnpainter_id_au
A view of the past, present and future roles and architectures of Puppet Enterprise in AWS. Based on real world enterprise examples this presentation gives a in-the-trenches view of 4 key architectural patterns for Puppet Enterprise in AWS.
Architecture and demo of native integration between Puppet Enterprise and AWS Autoscaling. Dynamic autoscaled nodes are automatically signed (programatically, NOT via auto sign), and groups assigned according to AWS native metadata. Nodes are then deregistered and remove from the master as autoscale/autoheal deregisters them.
Solution 1 - Multi Master
Solution 2 - Puppet Controlling AWS - Uplift of Puppet CloudPack to support AWS, Rackspace and Joyent.
Solution 3 - Masterless puppet via AWS S3 and local apply.
Solution 4 - Puppet Enterprise natively interfacing with AWS Autoscale via the Sourced Autoscale Broker.
Solution 5 - A Scale out architecture for autoscaled PaaS platforms with Puppet Enterprise providing a compliance tier.
No Such Thing as a Secure Application - RailsConf 2019Lyle Mullican
A developer's primary responsibility is to ship working code, and by the way, it's also expected to be secure code. The definition of "working" may be quite clear, but the definition of "secure" is often surprisingly hard to pin down. This session will explore a few ways to help you define what application security means in your own context, how to build security testing and resilience into your development processes, and how to have more productive conversations about security topics with product and business owners.
Build a production ready PWA - LINKIT & KLM Digital Studio MeetupÖnder Ceylan
This talk will cover how to build, optimise and host your PWA to provide native-like app experiences. It provides guidelines for best practices and platform optimisations. After building your PWA based on guidelines of this talk, your app will score 100 on Lighthouse PWA audit!
Build a production ready PWA with Angular and FirebaseÖnder Ceylan
This talk covers how to build, optimise and host your PWA to provide native-like app experiences. It provides guidelines for best practices and platform optimisations. It will also score 100 on Lighthouse PWA audit!
Adding PWA capabilities to your app is easy with adding @angular/pwa via ng cli. However, you need to do more on your app to create best experiences for your users on multiple platforms. This session will cover what you need to do to optimise your PWA for the production with the guidelines of best practices and platform optimisations.
These optimisations include iOS compatibility, web app manifest and ngsw configuration along with firebase server configuration. I'll demonstrate the steps required for delivering a PWA on Firebase which will be available immediately for the audience.
Optimizing Website Performance in the Age of Mobile & Social Yottaa
With the rise of social media and targeted ads, marketers and merchandisers increasingly rely on deep linking to increase brand awareness & equity and to drive customer acquisition and retention. Deep linking consists of linking to specific content other than the homepage. For example, brands routinely tweet about special offers or use Pinterest to drive awareness and conversions via specific products or content.
The challenge with deep linking for most enterprises is the ability (or inability) to optimize every page and every piece of content across their websites. In this webinar, Ari Weil of Yottaa will discuss deep linking and how etailers can:
Ensure continuous, real-time acceleration and security for every page
Handle the challenge posed by rapidly-changing or newly-created content that is not optimized for performance across all desktop and mobile use cases
Improve the performance of 3rd party content
Adapt optimizations over time through machine learning from real-world interaction
Why Docker? Is it cool? Is it the newest thing? Does it solve _my_ problem? In reality, as DevOps thought leaders and professionals the question is really, "How can the cost of a Docker adoption -- in terms of risk and opportunity cost -- benefit my company?"
Offline-first: Making your app resilient to network failuresPedro Teixeira
Mobile networks are unreliable, and the user experience is often hurt. "Works on my computer" is no longer an acceptable excuse. I'll show the audience some techniques to improve your users' experience.
Instant Mobile Experiences: How to Create Unique In-Store Marketing Opportuni...Koombea
Are you an onsite store that needs a location app or responsive site?
80% of consumers use mobile devices inside a store to enhance their shopping experience. So what does that mean for YOU? Maybe it means you need to start bringing your in-store marketing onto a mobile platform experience for your consumers.
Learn the value of onsite experiences at stores and cafes using apps and wifi, gamification, ibeacon technologies, responsive sites, and wearable technologies.
This presentation includes some thoughts and conclusion of mine after my research for the refactor of the Jexia interface. It will provide you useful tools for your refactor (or your new projects) and some tips.
Video with the speech: https://youtu.be/zbphdRs__DM
Nuno Job - what's next for software - ANDdigital tech summitGreta Strolyte
Nuno Job will be giving a fast paced, passionate and thought-provoking talk around the future of software. He will expand on the theme of connection, showing why team values such as: integrity, persistence and respect are essential for modern software teams.
Nuno Job (YLD, MCS) is the CEO of YLD, a top tier technology consultancy that helps London's top CIOs to respond to the Innovator's Dilemma. Previously he was Chief Commercial at Nodejitsu where he was responsible for the world's largest Node.js cloud and provided extensive contributions to the success of Node.js as an enterprise-ready technology. Nuno's formative work years were spent in the U.S. at IBM Research and MarkLogic. He is a proud Sequoia alumni and a big advocate and enabler of open-source software. Currently, he lives in London were he leads the YLD team and helps great FTSE100 transform into the best technology enterprises.
Tweet: @dscape
Our KnowCrunch students of the Professional Diploma in Digital & Social Media in Athens (Sep. 20) worked for a few hours and presented an SEO Report for a brand.
Learn more about this awesome course: https://bit.ly/2XT7dFU
Puppet Camp Sydney 2014 - Evolving Design Patterns in AWSjohnpainter_id_au
A view of the past, present and future roles and architectures of Puppet Enterprise in AWS. Based on real world enterprise examples this presentation gives a in-the-trenches view of 4 key architectural patterns for Puppet Enterprise in AWS.
Architecture and demo of native integration between Puppet Enterprise and AWS Autoscaling. Dynamic autoscaled nodes are automatically signed (programatically, NOT via auto sign), and groups assigned according to AWS native metadata. Nodes are then deregistered and remove from the master as autoscale/autoheal deregisters them.
Solution 1 - Multi Master
Solution 2 - Puppet Controlling AWS - Uplift of Puppet CloudPack to support AWS, Rackspace and Joyent.
Solution 3 - Masterless puppet via AWS S3 and local apply.
Solution 4 - Puppet Enterprise natively interfacing with AWS Autoscale via the Sourced Autoscale Broker.
Solution 5 - A Scale out architecture for autoscaled PaaS platforms with Puppet Enterprise providing a compliance tier.
No Such Thing as a Secure Application - RailsConf 2019Lyle Mullican
A developer's primary responsibility is to ship working code, and by the way, it's also expected to be secure code. The definition of "working" may be quite clear, but the definition of "secure" is often surprisingly hard to pin down. This session will explore a few ways to help you define what application security means in your own context, how to build security testing and resilience into your development processes, and how to have more productive conversations about security topics with product and business owners.
Build a production ready PWA - LINKIT & KLM Digital Studio MeetupÖnder Ceylan
This talk will cover how to build, optimise and host your PWA to provide native-like app experiences. It provides guidelines for best practices and platform optimisations. After building your PWA based on guidelines of this talk, your app will score 100 on Lighthouse PWA audit!
Build a production ready PWA with Angular and FirebaseÖnder Ceylan
This talk covers how to build, optimise and host your PWA to provide native-like app experiences. It provides guidelines for best practices and platform optimisations. It will also score 100 on Lighthouse PWA audit!
Adding PWA capabilities to your app is easy with adding @angular/pwa via ng cli. However, you need to do more on your app to create best experiences for your users on multiple platforms. This session will cover what you need to do to optimise your PWA for the production with the guidelines of best practices and platform optimisations.
These optimisations include iOS compatibility, web app manifest and ngsw configuration along with firebase server configuration. I'll demonstrate the steps required for delivering a PWA on Firebase which will be available immediately for the audience.
Optimizing Website Performance in the Age of Mobile & Social Yottaa
With the rise of social media and targeted ads, marketers and merchandisers increasingly rely on deep linking to increase brand awareness & equity and to drive customer acquisition and retention. Deep linking consists of linking to specific content other than the homepage. For example, brands routinely tweet about special offers or use Pinterest to drive awareness and conversions via specific products or content.
The challenge with deep linking for most enterprises is the ability (or inability) to optimize every page and every piece of content across their websites. In this webinar, Ari Weil of Yottaa will discuss deep linking and how etailers can:
Ensure continuous, real-time acceleration and security for every page
Handle the challenge posed by rapidly-changing or newly-created content that is not optimized for performance across all desktop and mobile use cases
Improve the performance of 3rd party content
Adapt optimizations over time through machine learning from real-world interaction
Why Docker? Is it cool? Is it the newest thing? Does it solve _my_ problem? In reality, as DevOps thought leaders and professionals the question is really, "How can the cost of a Docker adoption -- in terms of risk and opportunity cost -- benefit my company?"
Offline-first: Making your app resilient to network failuresPedro Teixeira
Mobile networks are unreliable, and the user experience is often hurt. "Works on my computer" is no longer an acceptable excuse. I'll show the audience some techniques to improve your users' experience.
Instant Mobile Experiences: How to Create Unique In-Store Marketing Opportuni...Koombea
Are you an onsite store that needs a location app or responsive site?
80% of consumers use mobile devices inside a store to enhance their shopping experience. So what does that mean for YOU? Maybe it means you need to start bringing your in-store marketing onto a mobile platform experience for your consumers.
Learn the value of onsite experiences at stores and cafes using apps and wifi, gamification, ibeacon technologies, responsive sites, and wearable technologies.
This presentation includes some thoughts and conclusion of mine after my research for the refactor of the Jexia interface. It will provide you useful tools for your refactor (or your new projects) and some tips.
Video with the speech: https://youtu.be/zbphdRs__DM
Nuno Job - what's next for software - ANDdigital tech summitGreta Strolyte
Nuno Job will be giving a fast paced, passionate and thought-provoking talk around the future of software. He will expand on the theme of connection, showing why team values such as: integrity, persistence and respect are essential for modern software teams.
Nuno Job (YLD, MCS) is the CEO of YLD, a top tier technology consultancy that helps London's top CIOs to respond to the Innovator's Dilemma. Previously he was Chief Commercial at Nodejitsu where he was responsible for the world's largest Node.js cloud and provided extensive contributions to the success of Node.js as an enterprise-ready technology. Nuno's formative work years were spent in the U.S. at IBM Research and MarkLogic. He is a proud Sequoia alumni and a big advocate and enabler of open-source software. Currently, he lives in London were he leads the YLD team and helps great FTSE100 transform into the best technology enterprises.
Tweet: @dscape
Webinar Series - Customer Facing Devices: Putting the Pieces TogetherMoki
This is the second part of a three-part webinar series about how to use Customer Facing Devices for in-store marketing. The full webinar can be viewed at
http://moki.com/insights/cfd-webinar-2/
This talk introduces microservices as a tool in an API developer's arsenal. We'll introduce what they are, see how and why they could fit into a modern application (and when they may not), and tools that will make dealing with a microservices architecture easier than ever before.
I presented these slides to the Telegraph Track at Hack Reactor in San Francisco, CA from 7:45 pm to 9:00 pm on Thursday - March 7th, 2019.
Talk: This class walks you through the steps of transforming an existing website into a Progressive Web App from the bottom up. Together we’ll also explore the vast array of companies that have already benefited from the many enhancements PWAs offer and why they’re so successful in emerging markets.
https://www.hackreactor.com/
What are Progressive Web Apps and should you build one? This presentation looks at the problems PWA is aiming to solve and shows you how to get started.
State management can get really complex for scaled Angular applications. And, NgRx can be an answer for the complexity of this problem. This talk will cover some of the best practices of building an NgRx Angular app. We'll go through building a good action hygiene, efficiently using schematics, improving your apps performance with one-way data binding and memoized selectors, reducing the boilerplate with entities/schematics and introducing ngrx-data. After this session, you'll have more control on the NgRx platform with the grasp of entities, memoized selectors, effects and schematics.
Similar to Progressive Web Apps: Is it a replacement for your mobile app? (20)
Let's discover the differences between an app and a PWA by comparing native apps with PWAs over going through features and capabilities of Apple Podcast app. This talk is a brief overview of the capabilities project and providing native like app features on Web platform.
Puppeteer can automate that! - HolyJS Piter 2020Önder Ceylan
Puppeteer is a node library which provides a high-level API to control Chrome over the DevTools Protocol. When combined with the power of the web technologies, it can be used for automating image processing and batch file generation, creating automated visual testing with device emulation, tracking page loading performance, enforcing performance and code coverage budgets on CI, crawling a SPA, capturing a timeline trace of your site to help diagnose performance issues and more!
We'll explore those capabilities of Puppeteer API with combination of DevTools protocol and cloud functions (FaaS) with a showcase of real life use cases demonstrated by live-examples. Finally, we’ll go through the existing puppeteer based SaaS solutions such as Checkly and Browserless.
Puppeteer can automate that! - AmsterdamJSÖnder Ceylan
Puppeteer is a node library which provides a high-level API to control Chrome over the DevTools Protocol. When combined with the power of the web technologies, it can be used for automating image processing and batch file generation, creating automated visual testing with device emulation, tracking page loading performance, enforcing performance and code coverage budgets on CI, crawling a SPA, capturing a timeline trace of your site to help diagnose performance issues and more!
We'll explore those capabilities of Puppeteer API with combination of DevTools protocol and cloud functions (FaaS) with a showcase of real life use cases demonstrated by live-examples. Finally, we’ll go through the existing puppeteer based SaaS solutions such as Checkly and Browserless.
Introducing perf budgets on CI with puppeteer - perf.now()Önder Ceylan
Puppeteer is a node library which provides a high-level API to control Chrome. When combined with the power of DevTools protocol, Puppeteer can expose metrics for a specific web page on DOM nodes, JS event listeners, JS and CSS coverage. We'll see how those metrics can be used to introduce performance budgets per each indicator during the regression on CI after each change.
Puppeteer can automate that! - FrontmaniaÖnder Ceylan
Puppeteer is a node library which provides a high-level API to control Chrome over the DevTools Protocol. When combined with the power of the web technologies, it can be used for automating image processing and batch file generation, creating automated visual testing with device emulation, tracking page loading performance, enforcing performance and code coverage budgets on CI, crawling a SPA, capturing a timeline trace of your site to help diagnose performance issues and more!
We'll explore those capabilities of Puppeteer API with combination of DevTools protocol and cloud functions (FaaS) with a showcase of real life use cases demonstrated by live-examples. Finally, we’ll go through the existing puppeteer based SaaS solutions such as Checkly and Browserless.
What’s the big deal with mono-repos? What are the advantages? We’re going to go through a mono-repo setup based on nx of nrwl. By adding multiple Angular, Testing and Library projects, we’ll demonstrate the scalable architecture of nx. On the second part of the talk, we’ll be discussing takeaways for the architecture, components, http, ngrx, performance, router, rxjs, tooling and typescript topics of a large Angular app based on the Angular checklist.
Progressive Web Apps: Is it a replacement for your mobile app?
1. P R O G R E S S I V E W E B A P P S
I S I T A R E P L A C E M E N T F O R Y O U R M O B I L E A P P ?
2. Ö N D E R C E Y L A N
@onderceylan
Sharing knowledge on #javascript, #typescript, #angular, #ionic and #pwa
JS Squad Lead @LINKIT
Software Technical Lead @KLM
Speaker, Organiser @ITNEXT
Speaker, Organiser @GDG NL
11. • Stressful app review process and overhead
in releasing app updates
• Many app acquisition methods are seeing
modest declines over the past year
• Most app users across
all age segments access
20 or fewer apps
in a month
@onderceylan
12. M O B I L E A P P A C Q U I S I T I O N
@onderceylan
17. • Exciting web APIs such as WebVR,
WebGL, WebRTC, Web Assembly and
Service Workers
• Web APIs for accessing to devices hardware
• Integration with
OS enables
activity out
of the browsers
@onderceylan
18. A C Q U I S I T I O N V S T I M E S P E N T
2017 US Mobile App Report
2017 US Mobile App Report
@onderceylan
30. Uber’s PWA was designed to be fast even on 2G.
The core app is only 50k gzipped and takes less
than 3 seconds to load on 2G networks.
@onderceylan
31. Twitter Lite saw a 65% increase in pages per
session, 75% in Tweets, and a 20% decrease in
bounce rate. Twitter Lite loads in under 3 seconds
for repeat visits even on slow networks.
@onderceylan
32. Tinder cut load times from 11.91 seconds to
4.69 seconds with their new PWA. The PWA is
90% smaller than Tinder’s native Android app.
@onderceylan
34. Flipkart’s PWA is driving 50% of its new
customer acquisition. Nearly 60% of visitors to
the PWA had previously uninstalled the native
app primarily to save space.
@onderceylan
35. Alibaba increased conversions on the mobile
web by 76%, with 14% more monthly active
users on iOS and 30% more on Android.
@onderceylan
37. Gartner predicts that by 2020, 50% of
general-purpose, consumer-facing
mobile apps will be PWAs.
@onderceylan
38. Forrester’s report state that the future of
the web is PWA and the world will spend
$1 Trillion by 2021 for reinventing the
web to make it mobile-first.
@onderceylan
50. P R E C A C H I N G
R U N T I M E
C A C H I N G
S T R AT E G I E S
R E Q U E S T
R O U T I N G
B A C K G R O U N D
S Y N C
O F F L I N E
A N A LY T I C S
@onderceylan
51. I O N I C
F R A M E W O R K
R O U T I N G
S E R V I C E
W O R K E R S
W E B
M A N I F E S T
P U S H
N O T I F I C AT I O N S
L A Z Y L O A D I N G
@onderceylan
52. L I G H T H O U S E
https://developers.google.com/web/tools/lighthouse/run
@onderceylan
59. W E B P L AT F O R M S TAT U S
https://platform-status.mozilla.org
Firefox Platfom Status
https://webkit.org/status
WebKit Feature Status
https://www.chromestatus.com
Chrome Platform Status
@onderceylan
70. https://u.nu/pwa
A C C E S S I B L E
Search Results, Links
I N S TA L L A B L E
Web App Manifest API
E N G A G I N G
Notifications API
@onderceylan
71. E N G A G I N G
Payment Request API
R E S P O N S I V E
CSS Variables, Ionic
FA S T
CSS Animations
https://u.nu/pwa
@onderceylan
72. P R O G R E S S I V E
Background Sync API, Push
API, Clipboard API
R E L I A B L E
Cache API, Fetch API,
navigator.onLine, IndexedDB
U P D AT E A B L E
Service Worker API
https://u.nu/pwa
@onderceylan