What’s New in JavaScript?
Devncode Meetup V•May 12, 2018•Karachi, Pakistan
In this talk, the newly introduced features in ES6 were discussed with examples. This was my first talk in a community event, before this, I used to teach programming and web technologies in an international institute for almost two years.
JavaScriptES6Frontend
DevTools: The Tricks You Should Know!
NgGirls - 2018•July 21, 2018•Karachi, Pakistan
This objective of this talk was to discuss the useful and unknown tools to debug the web application in Chrome devtools. This talk was delivered in a series of workshops conducted by NgGirls for girls/women to help them get started into web development.
DevToolsDebuggingFrontend
Redux vs React New Context API
ReactKHI Meetup #01•October 6, 2018•Karachi, Pakistan
This talk was about the over exaggerated death of Redux(famous state management tool) and how the "new" Context API was introduced to assist Redux in its role but not to take over it while developing React applications. I created this talk for a conference, my proposal was selected by Facebook’s annual React Conf 2018 but I couldn’t get the visa for the USA, so I spoke here in Karachi React community
ReduxContext APIReactFrontend
A Glance at React Conf 2018 and introduced features
ReactKHI Meetup #02•December 15, 2018•Karachi, Pakistan
This was a keynote to give the community a glance on the newly introduced features in recent Annual React Conf 2018 by Facebook.
ReactFrontend
Let's React on Redux Anti-patterns
ReactKHI Meetup #03•January 26, 2019•Karachi, Pakistan
This was a duet talk by me and one of my colleagues Javeria Nisar, we both started learning react and redux together, and had a tough time recognizing the anti-patterns and identifying over use of redux by community that causes unknown issues in the application. The purpose of this talk was to introduce actual use cases of redux and how it can be organized with react applications, about the issues you faced without knowing where you went wrong using anti-patterns and how they can be avoided by following best practices
ReduxReactFrontend
Mobile for Next Billion Users - Publish PWAs to Playstore
Google I/O Extended 2019•July 13, 2019•Karachi, Pakistan
PWA (Progressive Web App) has become very popular among developers and a number of talks have already been given on it. But a downside as discussed was lack of ability to publish the app on the PlayStore. TWA (Trusted Web Activity), the successor to PWA, solved this issue in Chrome v72+. A few months ago, I got to know about the TWA and I publish our app to the playstore without coding in the Android Studio, I find it very interesting thing to share and Google IO Extended was the best platform to share about google technologies, so I wrote a proposal for this talk. In this talk, I present the steps to publish PWA to playstore with the demo of the app.
PWATWAMobileFrontend
Building Design Systems with React
Internal Dev Session•October 16, 2019•Karachi, Pakistan
This talk was delivered to my colleagues in an internal dev session to introduce the concept of design system, how and why we are building a design system for our products and briefly discuss the research I have done to lead the design system of our company.
Design SystemsReactFrontend
Codelab: Getting Started with Trusted Web Activities
GDG Event•November 23, 2019•Karachi, Pakistan
The codelab was taken from Google Codelabs, and with the help of Google developers website, I helped the participants to create TWA in android studio on their own and test the app with an emulator. Resources to follow: https://codelabs.developers.google.com/codelabs/getting-started-with-twas https://developers.google.com/web/updates/2019/02/using-twa
TWAPWAAndroidFrontend
PWAs On the Go
WTM Islamabad 2019•December 7, 2019•Islamabad, Pakistan
The purpose of this talk is to briefly introduce the PWA and it’s benefits, along with how we can reach more mobile users by publishing the PWA to Google Play Store. I got travel grant for this talk from Women techmakers and travelled from Karachi to Islamabad to attend the conference.
PWATWAMobileFrontend
Level up your design system with styled-system
Women of React•April 25, 2020•Virtual
This talk was my own story building design system for my organization, while sharing my story I shared the following main aspects:
* Most common design system challenges
* How styled-system helps to solve them
* The three tenets of styled-system
Design SystemsStyled SystemFrontend
Design Systems - Revamping Products for Consistent UIs
Facebook Live Session•October 18, 2020•Virtual
Over the last decade, it has been seen that design has become a crucial part of product development and companies are investing heavily in improving user interfaces and user experience of their products. In this introductory talk of design systems, I shared how the design system is going to be another step towards improvement in design and development of products at the moment and how it enables the consistency among the products. I explained the core components of the design system, along with the key benefits and challenges while building the design system.
Design SystemsUI/UXFrontend
Design Systems - Revamping Products for consistent UIs
React Summit 2021•April 2021•Virtual
A deep dive into building and maintaining design systems, establishing component libraries, and ensuring UI consistency across products at scale.
Design SystemsReactFrontend
What makes a great design and user experience?
Design & UX Workshop•August 14, 2021•Virtual
Exploring the principles of great design and user experience, covering usability, accessibility, and creating delightful digital products.
DesignUXAccessibility
Progressive Web Apps
IDN Boarding School 2021•February 2022•Virtual
It was an introductory talk about PWAs to the high school students of IDN Boarding School in Indonesia
PWAWebFrontend
Kubernetes 101
Tech Talk•October 2021•Virtual
Beginner-friendly introduction to Kubernetes, covering fundamental concepts, architecture, and getting started with container orchestration.
DevOpsKubernetesCloud
Kubernetes
Devfest Nuremberg 2022•September 2022•Nuremberg, Germany
Introduction to Kubernetes container orchestration platform, covering core concepts and practical deployment strategies.
DevOpsKubernetesCloud
How to optimize web with INP
Devfest Sindh•July 2024•Sindh, Pakistan
An exploration of Interaction to Next Paint (INP) metrics and practical strategies for optimizing web performance to improve user experience.
PerformanceWeb VitalsFrontend
A11y: Making the Web Inclusive by default
GDG Berlin Presents: Even More Knowledge About Frontend Development•July 16, 2024•Berlin, Germany
A session on how accessibility can transform the online experience for people with disabilities and learn about the various types of disabilities that can affect web users. There was provided practical insights and actionable steps that developers can take to make the web more inclusive and accessible to everyone, whether they face temporary or permanent challenges.
By the end of this talk, attendees were equipped with the knowledge to create their own accessibility checklist, aligned with web standards, to ensure that accessibility becomes a seamless part of development process and they can test it on chrome devtools.
Web TechnologiesWeb UXChromeWeb - DevTools & Browser AutomationHTML5UI and ToolingAccessibility
Accessibility: Making the Web Inclusive by default
Devfest Milano 2024•November 23, 2024•Milano, Italy
A session on how accessibility can transform the online experience for people with disabilities and learn about the various types of disabilities that can affect web users. There was provided practical insights and actionable steps that developers can take to make the web more inclusive and accessible to everyone, whether they face temporary or permanent challenges.By the end of this talk, attendees were equipped with the knowledge to create their own accessibility checklist, aligned with web standards, to ensure that accessibility becomes a seamless part of development process and they can test it on chrome devtools.
AccessibilityWebFrontendUXUIChromeWeb - DevTools & Browser AutomationHTML5UI and Tooling
Debug Like a Pro: Unlocking Hidden Power in the Latest Chrome DevTools
Frontmania Conference 2025•October 8, 2025•Utrecht, Netherlands
This session explores powerful and often overlooked features in Chrome DevTools that can transform how you debug, automate, and optimize your code. From smarter workflows to AI-assisted insights, you’ll learn how to uncover issues faster and work more efficiently. Perfect for developers ready to level up with the latest Chrome has to offer.
DebuggingWebWeb - DevTools & Browser AutomationWeb - PerformanceAI - GeminiAIBuild with AI
Debug Like a Pro: Unlocking Hidden Power in the Latest Chrome DevTools
Devfest Pescara 2025•November 8, 2025•Pescara, Italy
This session explores powerful and often overlooked features in Chrome DevTools that can transform how you debug, automate, and optimize your code. From smarter workflows to AI-assisted insights, you’ll learn how to uncover issues faster and work more efficiently. Perfect for developers ready to level up with the latest Chrome has to offer.
DebuggingWebWeb - DevTools & Browser AutomationWeb - PerformanceAI - GeminiAIBuild with AI
Debug Like a Pro: Unlocking Hidden Power in the Latest Chrome DevTools
Devfest Warsaw 2025•November 15, 2025•Warsaw, Poland
This session explores powerful and often overlooked features in Chrome DevTools that can transform how you debug, automate, and optimize your code. From smarter workflows to AI-assisted insights, you’ll learn how to uncover issues faster and work more efficiently. Perfect for developers ready to level up with the latest Chrome has to offer.
DebuggingWebWeb - DevTools & Browser AutomationWeb - PerformanceAI - GeminiAIBuild with AI
Debug Like a Pro: Unlocking Hidden Power in the Latest Chrome DevTools
Devfest Berlin 2025•November 22, 2025•Berlin, Germany
This session explores powerful and often overlooked features in Chrome DevTools that can transform how you debug, automate, and optimize your code. From smarter workflows to AI-assisted insights, you’ll learn how to uncover issues faster and work more efficiently. Perfect for developers ready to level up with the latest Chrome has to offer.
WorkshopDebuggingWebWeb - DevTools & Browser AutomationWeb - PerformanceAI - GeminiAIBuild with AI
Debug Like a Pro: Unlocking Hidden Power in the Latest Chrome DevTools
Devfest Pakistan 2025•December 7, 2025•Virtual
This session explores powerful and often overlooked features in Chrome DevTools that can transform how you debug, automate, and optimize your code. From smarter workflows to AI-assisted insights, you’ll learn how to uncover issues faster and work more efficiently. Perfect for developers ready to level up with the latest Chrome has to offer.
DebuggingWebWeb - DevTools & Browser AutomationWeb - PerformanceAI - GeminiAIBuild with AI