Speaker

Asad Ullah Khalid

Asad Ullah Khalid

Senior Frontend Developer @ Mercedes-Benz.io | Web Frontend Focused Full-stack Expert

Berlin, Germany

Actions

Asad Ullah Khalid is a Senior Software Engineer with a strong frontend focus and over six years of professional experience building web applications with JavaScript and TypeScript. He has worked extensively with modern frameworks such as React and Vue, and has a solid full-stack background that includes backend services, databases, and cloud-native development.

In recent work, Asad has been actively exploring applied AI in real products. He is currently an AI Champion and Ambassador at his company, where he supports teams in understanding and adopting AI responsibly. Alongside his professional role, he is building his own SaaS product that uses a multi-agent AI system to interact with real user data, giving him hands-on experience with agent architectures, orchestration, context management, and guardrails using modern AI SDKs.

Asad is also an active mentor and community contributor. He regularly mentors students and early-career professionals, helping them navigate technical growth, system design, and career development. Through talks, workshops, and mentoring, he enjoys sharing practical learnings from real projects and helping developers build a clearer mental model of complex systems.

Area of Expertise

  • Information & Communications Technology

Topics

  • JavaScript
  • Vuejs
  • Frontend Architecture
  • Web Frontend
  • FullStack Development
  • Frontend
  • Backend Development
  • React.js
  • NodeJS
  • Unit testing
  • Google ADK
  • OpenAI Agents SDK
  • OpenAI SDK
  • Multi-Agents System
  • AI Agents
  • Agentic Systems

Designing Real-World Multi-Agent AI Systems

In this talk, I’ll walk through how real-world multi-agent systems are structured. From a single LLM to tool-enabled agents, to fully orchestrated multi-agent architectures. We’ll focus on the building blocks that make these systems reliable in practice: orchestration layers, context and memory, guardrails, and testing strategies.

What the talk covers

1. Foundations
2. Levels of Agentic Systems
3. Why Multi-Agent Systems Exist
4. Orchestration Layer
5. Context & Memory
6. Safety & Guardrails
7. Testing Agentic Systems
8. Case Study
9. Code Demo (if time left)

If someone wants to start their journey in building Agentic Systems or you’ve used frameworks like OpenAI Agents SDK, Google ADK, or similar tools but want a clearer mental model of what’s really happening behind them, this talk is for them.

My BFF - It's Not What You Think

Ever heard of BFF? No, it's not about your Best Friend Forever; it stands for 'Backend for Frontend.' In a recent project at work, we stumbled upon a challenge during the migration of our legacy backend (let's call it project A) to microservices (B). Our e-commerce website, powered by Vue.js, was consuming APIs from project 'A.' However, as the migration unfolded, we found ourselves needing to call the same API from two different sources (project A and B) for distinct markets (e.g., Italy and Germany) that had different payloads.

Implementing the logic to transform payloads into the same response so that the existing Frontend doesn't break wasn't an issue, the real headache was maintaining and scaling it. This scenario is just one example of how things can get messy when dealing with business logic in a complex Frontend environment. To tackle this problem, we adopted the 'Backend for Frontend' pattern. This pattern allows us to keep business logic away from the Frontend while keeping it close.

In this session, I aim to explain BFF, exploring what it is, how it operates, and how to seamlessly integrate it into existing projects. I'll share insights from a case study, discussing both the advantages and disadvantages of adopting this approach.

Allow me to delve into the world of BFF and discover how it can revamp our approach to Frontend development.

A Guide to Build Data-Driven UI Components in JavaScript Frameworks

Developers who are familiar with JavaScript Front-end frameworks know how to build reusable components and utilize them for lesser code repetition and clean architecture. We write markup and logic for every new requirement or enhancement that comes up. Also, most of the time we have to do a lot of conditional rendering. Whatever we do, we eventually write static code in our project. It is fine because that is how we all do it.

But what if I say we can eliminate the hustle of writing code for every new requirement or enhancement in existing work. We do not write the code yet new requirements get implemented themselves on the compile-time and changes reflect on the browser. Sounds crazy right? Well, we can achieve this phenomenal mechanism by generating UI on compile-time via a data model (which we also called metadata).
This metadata is nothing but a smart contract between Front-end and Back-end developers in the form of JSON (can be other formats) that tells our Front- end implementation what to render on the Browser. Hence, we remove the dependency of modifying Front-end implementation to incorporate new changes.

This mechanism is derived from the Data-Driven Programming approach and is being called "Data-Driven User Interface".

In this talk, I want to show how we can achieve this approach in our new or existing codebase. Also, what are the pros and cons of adopting it and when we should or should not adopt this approach.

- This talk is more like a workshop so I would prefer the timeslot for the session should at least be of 45-60 minutes.
- The targeted audience is intermediate JavaScript developers who know how to work with at least one of its frameworks.

DEVCON 6 Sessionize Event

January 2022

Asad Ullah Khalid

Senior Frontend Developer @ Mercedes-Benz.io | Web Frontend Focused Full-stack Expert

Berlin, Germany

Actions

Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.

Jump to top