Let the main thread breathe!

The main thread, on the web, has a lot of responsibilities. At the same time, web apps are getting more sophisticated every day. Therefore, the main thread gets too busy that will disappoint our user by showing janky frames! The off-main-thread architecture ensures apps run smoothly on every device for everyone.

In this talk, we will go through the possibilities in browsers such as WebWorker, Worklet, and WebAssembly by introducing practical tools that allow us to boost our user experiences.

Talk Agenda:
1- Introducing the problem, event loop and how the problem occurs
2- Example of Web worker, an old friend and underestimated feature
3- Introducing a new Solution to work with WebWorkers
4- WebAssembly, a new friend and powerful, it made easy to write it with AssemblyScript.
5- Worklets, a baby that is growing in the browsers, accessing low-level rendering pipeline and it's very performant.
5- And finally PWA and Service Worker, in fact, this doesn't help directly in browsers but will help to handle processes like offline browsing, push notification and etc. I built an application that works offline and accepts web push notification.

Parallel computing in ReactJS

User is working with your application, suddenly, UI freezes and probably, one of the CPU cores is burning! They cannot do anything. The only perception you can feel is as hot as a hell metal case of the laptop. Although this sounds like a horror movie, this is your application that cannot leverage modern APIs to lift heavy computation to a different thread where consequently user suffers the pain.
Modern features like Web Workers, WebAssembly, Worklets, and Service Worker allow us to leverage multithreading computing to run tasks parallelly which at the end, makes the user feel like in a rainbow paradise instead of a nightmare, even though JavaScript is a single-threaded programming language!
In this session, I am going to show my experience running jobs in parallel on a React.Js application that will provide a pleasant user experience and exciting development.

1- Introduction to problem
2- walkthrough to WebWorkers and examples
3- running to WebAssembly, show an introduction and show a real problem that web assembly solved, show the demo
4- Worklets and how they will help our application in real-world, showing an example (demo application) that how we have achieved better performance and solved problems
5- And finally PWA and Service Worker, in fact, this doesn't help directly in browsers but will help to handle processes like offline browsing, push notification and etc. I built an application that works offline and accepts web push notification.

Integrating AI with Semantic Kernel

Integrating AI into sophisticated applications effectively demands clarity in selecting models, architectures, and design patterns. This advanced session provides experienced developers and architects with actionable guidance on building highly adaptive, context-aware solutions using Semantic Kernel, an open-source SDK available for .NET, Python, and Java.

You'll learn proven best practices for orchestrating AI workloads with Semantic Kernel’s powerful Agentic and Process Frameworks, enabling your applications to autonomously reason, dynamically adapt, and execute complex tasks intelligently. We'll explore advanced patterns for agentic AI applications, including prompt engineering, context management, and workflow optimization.

Join me and learn how to build highly scalable GenAI applications.

Optimize AKS Cost and Governance

Imagine you're a platform engineer in a global company where AKS usage is growing fast across multiple teams. With rising cloud spend and no clear guardrails, the organization struggles to control costs and ensure consistent, secure deployments. As a platform engineer with a FinOps mindset, you're tasked with making AKS cost-efficient, scalable, and compliant. This course will help you implement autoscaling, intelligent resource allocation, and monitoring to optimize costs, while also applying AKS deployment Safeguards and Azure Policy to enforce governance, improve security, and meet organizational standards.

Flutter Engineering - Architectural path

This session will explore critical architectural decisions, the variables influencing these choices, and how to cultivate an architectural mindset.

We'll navigate various architectural styles, such as layered, event-driven, and microkernel architectures at the enterprise level. Additionally, you'll learn about prominent and custom UI architecture patterns for Flutter, including clean architecture and balancing trade-offs.

This session is perfect for developers looking to deepen their understanding and elevate their app architecture.

Securing Flutter Apps

Robust mobile app security on devices people carry around is a special responsibility that is an undeniable aspect of mobile development, and Flutter is no exception. A security strategy with critical pillars such as Identify, Detect, Protect, Respond and Recover must be taken into account from day one.

Reviewing OWASP's top 10 for mobile, reporting vulnerabilities, best practices to minimize risk, preventing reverse engineering, staying up to date, and identifying and blocking attacks in real-time with technology such as RASP (Runtime Application Self-Protection) are the topics you will take away from this talk.

Scaling Flutter architecture by Leveraging strategic Domain-Driven Design

Architecting software, especially on a large-scale where it needs to meet the business requirements is always a challenge and Flutter apps are not an exception.

Strategic Domain-Driven Design techniques ensure your application is optimized to support business goals while identifying cohesive modules, known as bounded context which creates a maintainable, comprehensible codebase by isolating dependencies and describe business value.

In this talk, I share my knowledge of architecting a large scale flutter app by exploring the ubiquitous language, the bounded context, sub-domains while they are being implemented in an application. I will go through Layered architecture by touching Clean and Onion architecture. All in all, You'll learn how I attempted to architect a (large-scale) Flutter application by technical solution and appropriate methodology in order to have a sustainable app.

PWA, advanced patterns and strategies!

Building progressive web apps become the norm of web development these days! In fact, we are being introduced to more complex patterns and strategies to create a PWA. For example, When I build my book's website pwawithangular.com, I considered several caching strategies and patterns to deliver fully offline and high-performance web applications that can load under 2 seconds with 3G internet. In this talk, I will share how I could manage to build a fast and reliable PWA by using different caching strategies, advanced PWA architecture, and patterns.

One Plugin, Six Platforms!

Building and maintaining an open-source project comes with many challenges, but it's fun and rewarding! Plugins and packages are an essential part of any framework, and  Flutter is not an expectation for development to make a cross-platform application with a single code base!

You can develop a plugin package that connects the API to the platform-specific implementation(s) using a platform channel to provide calls into platform-specific APIs.

In this session, you will learn how to start developing a plugin for Flutter, the best practices from my experience of being the maintainer of great plugins such as Plus plugins, FlutterFire, and the importance of Federated plugins and their architecture together with platform channel API.

Let’s Talk About Memory Leaks In Dart And Flutter

Memory leaks can be annoying as they are hard to spot and recreate compared to syntax errors or logic bugs usually appearing in the development phase. Memory leaks in Flutter applications are getting even more complex with the addition of layers of widgets and controllers combined with listeners over time, which may result in performance issues or unexpected crashes for users after prolonged use.
In this talk, I will explore Dart and Flutter memory leaks and memory bloating, how they occur, their importance in coding practices, solutions to debug memory leaks and identify them, such as DevTools and Leak Tracker, and shifting left by relying on static analyzer tools and how they can prevent such leaks from sneaking into your code base.
This talk includes many examples from real applications I have worked on in the last few years.

Efficient debugging with Dart DevTools

Debugging takes a big portion of development time; hence, it's crucial to become an efficient and effective developer with an appropriate tool that could, ultimately, save our time.
Dart DevTools is a web suite of debugging and performance tools that can work standalone or integrated into your IDE, aiming to ease debugging different Flutter and Dart application parts, including layout issues, performance problems, Network requests, and many more.
In this talk, you'll learn what a Flutter developer can do with these tools and how you can get the most out of your development time using Dart DevTools.

Architectural thinking on Flutter State Management

Sometimes state management shapes the application architecture, which we even interchangeably call state management, app architecture. State management is a controversial topic among all developers, and it's, at the same time, one of the most complex topics that developers should decide on when they are building a Flutter app. Many developers say one solution is the best, whereas some disagree! What if I tell you that, in my opinion, there is no right and wrong answer! If you ask a software architect, which state management is the best for an application? The answer is evident; It Depends.
This talk discusses how to think like an architect and understand, recognize, and analyze tradeoffs and characteristics when choosing state management. I will show you why all state management might be best and worst, at the same time for your application which eventually helps you to make your mind to determine your appropriate solution.

Architectural Patterns in Flutter

In this session, I'll explore the critical decisions that shape our apps. We'll start with the basics, discussing how simple yet crucial choices can impact the project. You'll learn to pick the suitable structures, balancing easy solutions with more complex, powerful options. My talk will highlight the importance of learning from feedback and gradually improving your app's architecture.

Moving on, I'll tackle more advanced topics in Flutter, like different UI patterns (such as BLoC and MVVM) and why they matter. I'll also touch on the 'system architectures' in Flutter, including Mikrokernel or Layered architectures. By the end of our session, you'll have practical insights and a solid grasp of building more robust, efficient Flutter applications.

Applying DevOps in Flutter mobile development

Adopting DevOps in mobile app development can be a game-changer and ensures teams become more productive in terms of execution and collaboration. Flutter is known for its fast and practical development experience, which is a great candidate to deliver your applications quicker to your customer.
However, there are many challenges while developing a mobile app for Android and iOS, such as automatically bumping build or release versions, running tests, checking code coverage, formatting, code signing, sharing keys among team members effortlessly, and writing changelogs, and more. These are just some repetitive, time-consuming tasks that may lead to inconsistency.
In this talk, I will demonstrate several approaches and tools to address the issues above.

Problem: Some things in the mobile development world, such as code signing for iOS apps, are complex and time-consuming.
Solutions: Automate as much as possible and create a consistent environment for building on all platforms.
Result: Save time and money, and at the end of the day since delivery and development are faster, your customer will see the result quicker.

The outline for the talk consists of the following:

1- Develop fast, Deliver fast an Android or iOS app
2- Consistency in Mobile development app codebase (Git Hooks and more)
3- Sharing Code signing profiles and certificates among team members!
4- Automate build and version number
5- Automate deploying to Google Play and Apple Connect
6- Automate Writing changelog
7- Automate Enterprise deployment to Apple Connect with several schemas and flavors!
8- last but not least, deploy consistently on all platforms and CI tools

Exploring cutting-edge models: LLMs, SLMs and more

Today, there are many Generative AI models to choose from: Large Language Models (LLMs), Small Language Models (SLMs), proprietary models, open models, models in the cloud, models on devices, text models, code models, image models, and multimodal models.
In this session, I'll provide guidance to help you choose the right model to fit your needs, and tools you can use to evaluate and compare models for your specific tasks.

Designing and Building Agentic AI Systems from End to End

The world of AI is advancing every day, and Agentic AI systems, in particular, represent the next level of how we interact with software and applications by independently pursuing sophisticated objectives and orchestrating complex workflows with minimal human oversight. It's fascinating.
In this session, I’ll explore the core concepts and baseline architecture for designing and building these systems. Then, we go through practical design patterns such as RAG, RAG2 for Agents, Code Generation Agents, Multi-Domain Agents, and more. And finally, you will learn how frameworks like AutoGen, Magentic-One, and TinyTroupe simplify development and deployment. I'll provide examples and demos that you can use in your next or existing agentic AI systems development.