Tarek AlabdAcademy
IntermediateGoogle Developer Expert · Flutter & Dart

Build Flutter UI like a pro —
by shipping a real Food Delivery app.

Go from raw Flutter widgets to a polished, production-grade Food Delivery app. Master layouts, theming, fonts and Material 3, then go deep into how Flutter actually builds and rebuilds the UI — and ship a multi-screen app with navigation, dynamic data and category filtering. This is the course that takes you from 'I know setState' to 'I can build any UI I imagine.'

4.9(516 ratings)Updated May 2026
  • ~15hours
  • 1production apps
  • 69lessons
  • 3sections

Sound familiar?

Why your UIs look amateur.

You know the widgets, but the result doesn't look like professional apps. The difference isn't talent — it's mastering layout and detail.

  • Your screens work… but look amateur

    You build a screen and it comes out flat and uneven — nothing like the polished apps you use every day. You know the widgets, not the details.

  • You fight layout on every screen

    Overflow errors, confusion between Row, Column and Expanded, pixels that won't behave. You spend hours on what should take minutes.

  • You can copy, not create

    You replicate a design from a tutorial easily, but the moment you try to build your own UI from an idea or a Figma file, you freeze.

Is this for you?

Who this course is for.

This is for you if…

  • You know Flutter basics and want to build professional UIs that look like real apps.
  • You're comfortable with setState and want to be able to build any design you imagine.
  • You struggle with layout and want to understand how Flutter actually builds the UI.

This is NOT for you if…

  • You're brand new to Flutter — start with the First App course first.
  • You already build complex, professional UIs with confidence.
  • You're after state management or backend, not UI.

1 production app

What you'll build.

Not toy apps — every project is production-grade code you can deploy to the App Store, put on your CV, and demo at interviews.

  • The Food Delivery App

    A complete Food Delivery app with a themed App Bar and Drawer, a grid-based product catalog, working Favorites with proper state, a Food Details page, category filtering, custom Material 3 theming and new fonts — built from an empty Flutter project all the way to a polished, multi-screen experience.

    • Flutter
    • Material 3
    • GridView
    • Theming
    • Navigation
    • Custom Fonts

Proof it works

Where graduates are now.

2,400+ enrolled. These are the outcomes that matter — new roles, promotions, and first freelance clients.

  • Landed first Flutter role 3 months after finishing

    “I went from zero production experience to passing the senior Flutter technical interview. The architecture section alone changed how I think about code.”

    Ahmed Hassan

    Vodafone Egypt

  • Junior → mid-level mobile developer in 8 months

    “The state management course cleared up two years of confusion in a single weekend. I shipped my first production feature the week after.”

    Sara El-Sayed

    Careem

  • Freelance Flutter developer — first client in 6 weeks

    “I finished the diploma and within six weeks had my first paid Flutter project. Real apps and real architecture made the difference in client calls.”

    Omar Mostafa

    Independent contractor

Where graduates work now

  • Vodafone Egypt
  • Careem
  • Talabat
  • STC
  • Jahez
  • Aramex
  • Etisalat
  • Freelance

Curriculum

Course content.

3 sections72 lessons~15h total length2 free preview lessons
    • Section IntroPreview
    • Most Useful Flutter Widgets
    • Planning the Food Delivery AppPreview
    • Creating a new project & architecture
    • GitHub Repo — Resources & Links
    • Drawer & styling the App Bar
    • Adding the app banner (image)
    • Adding a basic GridView
    • Enhance the GridView item
    • Working with GridView.builder & adding items
    • Separating widgets & adding const
    • Adding the BottomNavBar
    • Integrating the BottomNavBar with the app
    • Using MediaQuery
    • Making the Column scrollable with GridView
    • Adding the Favorite item
    • Mapping Favorite data into a List<Widget>
    • Show only Favorite food
    • Adding the Favorite icon with Stack
    • Adding Favorite logic with copyWith
    • Passing the index instead of the data type
    • Un-Favorite icon
    • Finalizing Un-Favorite logic (List operations)
    • Adding the empty state
    • Adding a decorated image
    • Building & styling texts
    • Working with ListTile & Divider
    • Overview of Theme
    • Configuring & using Themes
    • Using Component Themes
    • Working with Text Themes
    • Adding new fonts
    • Working with Material 3 (Flutter Forward 2023)
    • Section Quiz

Learning outcomes

What you'll learn.

By the end you’ll be able to build any UI you imagine — and make it look like the professional apps people actually use.

  • Build a polished, real-world Food Delivery UI screen by screen
  • Master layout: Row, Column, Stack, and Expanded — without overflow errors
  • Style apps professionally with themes, custom fonts, and spacing
  • Translate any design or Figma file into a pixel-accurate UI
  • Navigate between multiple screens and pass data cleanly
  • Understand how Flutter renders the widget tree under the hood

Your instructor

Meet Tarek Alabd.

Tarek Alabd, instructor
Google Developer Expert · Flutter & Dart

Google Developer Expert for Flutter & Dart. I've taught over 1 million students online and 4,000+ in person — and I built this diploma after realising most Flutter courses teach widgets, not engineering.

Twelve years building production apps — not demos. Six of them are in the diploma. You build them too.

  • 12+
    Years experience
  • 6+
    Production apps
  • 4K+
    In-person students
Tarek Alabd · Google Developer Expert for Flutter & Dart

Tarek Alabd · Google Developer Expert for Flutter & Dart

Why I built this

The honest origin story.

I wasn't a GDE when I started teaching. I was a developer with a habit of explaining things — to colleagues, to friends, eventually to a camera. The early videos were rough. The audience was small. But the questions people asked told me something important: the problem wasn't that people couldn't learn Flutter. It was that the material they had didn't teach them how engineers actually think.

After four thousand in-person students — real classrooms, real feedback, real frustration — I knew exactly where people got stuck. Not on widgets. On architecture. On state. On the gap between "I finished the tutorial" and "I can build something real." The diploma exists to close that gap.

“I didn't build the diploma to teach Flutter syntax. I built it to teach how production engineers think.”

— Tarek Alabd, GDE Flutter & Dart

Testimonials

What developers say.

4.9from 500+ student reviews

  • Ahmad

    السلام عليكم ورحمة الله وبركاته، حاب أشكر الأستاذ على المجهود الرائع في دورة Flutter وDart. الكورس كان شامل ومتكامل، وغطى كل شيء من الأساسيات إلى المواضيع المتقدمة بشكل سلس وواضح. تعلمت Dart Basics، Flutter Basics، إدارة الحالة، Git & GitHub، تصميم تطبيقات عملية، واستخدام Firebase في ربط التطبيقات. أيضًا تعلمت التعامل مع HTTP Requests، Local Databases، إضافة Animations، وميزات الجهاز، إلى جانب بناء تطبيقات e-commerce، والتعامل مع واجهات المستخدم بشكل احترافي. الكورس فعلاً متكامل لكل المستويات، ويوفر تجربة تعليمية غنية وممتعة. أنصح أي شخص حاب يطور مهاراته في البرمجة أو يدخل مجال تطوير التطبيقات إنه يشترك في الكورس، لأنه فعلاً يستحق.

  • Mohamed Samir Ibrahim Mostafa

    This course is an amazing Flutter course! The explanation are clear. and the example are practical. I really liked how the instructor responded to question in Q&A section. Overall, I highly recommend this course to anyone.

  • Wael

    أهم ما فى الكورسات المدفوعة التواصل بين المحاضر والطلبة والتواصل بين الباشمهندس طارق العبد اكثر من ممتاز يستمع للجميع ويجيب على التساؤلات بالتفصيل ويعطى نصائح تختصر الوقت على الدارسين .

  • Abdallah

    One of the best courses I have ever shared in my life in terms of meeting and simplifying information. Thank you very much to engineer Tariq Al-Abdul for this great effort. ❤️❤️

  • Khaleel

    It's really powerful course and amazing developer with easy explanations, anyone can easily understanding and start with flutter. I highly recommend ! Thank You!!!

  • Abdulateef

    كورس ممتاز جدا يشرح بسلاسة و يطابق افكار الجميع يشرح متطلبات سوق العمل و كيف تضع خطة لاستلام مشروع من العميل و انصح الاشخاص الذين يريدون تعلم مجال flutter بالاشتراك

  • Fatma

    The instructor's brilliantly simple method of illustrating the concept has me feeling genuinely excited about the course content

  • Odama

    very good course with excellent teacher, he knows what he is doing also how to deliver the information to the student,

  • Ahmed

    ربنا يبارك فيك يا بشمهندس ويكرمك دنيا و آخرة يا رب. دورة مذهلة و فوق التوقعات و الجوده ممتازة و المحتوى ممتاز.

  • عبدالعزيز اشرف مصطفي

    جزاك الله خيرا يابشمهندس .. الكورس فاق التوقعات اسلوب شرح رائع ومنظم ..وجودة فيديوهات جميله جدا

  • Yasen

    كورس في قمة الروعة إتعلمت فيه ال state management, Firebase, API, local database ولسة مكمل

  • Mohamed

    انت انسان جميل ومحترم, ربنا يرفع قدرك ويعلمك ما ينفعك وينفعك بما علمك. شرحك جميل ومبسط

  • 7amzahwji

    شرح جميل و منظم و مازلت في استكمال باقي الكورس

  • Mohammad

    الكورس ممتع منذ البداية بالتوفيق للجميع

  • Marwan Muhammad

    simple explaining and great instructor

  • Mohamed

    افضل دبلومة شفتها في الوطن العربي 100%

  • Antonious

    احلى كورس فى العالم شكرا مهندس طارق

  • Amr Mohamed

    على الله توكلنا ربنا ينفع بكم يا رب

  • Mohamed

    great intro and great explanation

  • Abdelrahman

    كورس زبادي بالخلاط حرفياً 😂❤️

  • Yasser

    Great course, great pace

  • El Moussaoui

    محترف بكل معنى الكلمة

  • Yusif Muhamed

    So far, So good!

  • Abdelrhaman

    awesome <3

  • Taha Hamada

    love this

  • Maiiada

    Excellent

  • Abdalmonia

    رائع جدا

  • Mohamed

    Awesome

  • Mahmud

    thank

Pricing

Simple, one-time pricing.

No subscriptions. Pay once, learn forever.

One-time payment

This course

$19$39

≈ 970 EGP

Save $20

  • Build a polished, real-world Food Delivery UI screen by screen
  • Master layout: Row, Column, Stack, and Expanded — without overflow errors
  • Style apps professionally with themes, custom fonts, and spacing
  • Translate any design or Figma file into a pixel-accurate UI
  • Navigate between multiple screens and pass data cleanly
  • Lifetime access — plus every future update, free
  • 7-day money-back guarantee — zero risk
Enroll now

Complete Flutter Bundle

$129$160

≈ 6,580 EGP

Save $31 — get all 10 courses + career bonuses

Everything else in the bundle

  • Dart Programming Masterclass — Zero to OOP$15
  • Build Your First Flutter App — The Quiz App$19
  • Responsive & Adaptive Flutter Apps$12
  • State Management with Bloc & Cubit — E-Commerce App$19
  • Firebase for Flutter — Auth, Firestore & Messaging$17
  • REST APIs & Local Storage — News App$17
  • Build an AI Chat App with Flutter & Gemini$15
  • Build a Social Media App with Flutter & Supabase$17
  • Polish & Ship — Flutter Animations and Publishing$10
  • Bonus — Git & GitHub for DevelopersFree
  • Bonus — LinkedIn Crash CourseBonus
  • Bonus — CV & Résumé Crash CourseBonus
Get the bundle — $129

FAQ

Frequently asked questions.

  • Lifetime. Once you enroll, you own it forever — including all future updates. Every time Flutter releases a major version, the affected modules are re-recorded and you're notified.

7-day money-back guarantee

Not the right course for you? Email us within 7 days for a full refund. No questions, no friction — just a fast reply and a complete refund.

Google Developer Expert · Flutter & Dart

Your Flutter career
starts today.

Join 2,400+ developers who chose to learn Flutter the right way — with production code, real apps, and a Google Developer Expert.

Start the diploma — $19Have questions? WhatsApp us
  • 7-day money-back guarantee
  • Lifetime access
  • Private community included