Flutter UI Tutorial - E-Learning Online Course App UI Design without Coding using FlutterFlow

Hi everyone, I am Abdul Aziz Ahwan from Indonesia,
In this video, we are going to learn Flutter which we are going to convert E-Learning App UI Design using FlutterFlow

Mockplus RP is a super-fast online design & prototyping tool that brings your web or app ideas to life in just minutes! Known for its simplicity, efficiency, and cost-effectiveness, Mockplus offers a range of outstanding features, like premade template and widget libraries, real-time collaboration, easy-making interactions, drag-and-drop interfaces, easy sharing and invitations, on-screen feedback collection and more.

#learning #elearning #flutter #uidesign #figma #mockplus #mockplusrp #online #course

(AFFILIATE LINKS TO SUPPORT MY CHANNEL)

----------------------------------
▶ Timestamps
0:00 - Introduction
0:25 - Supporting the Channel and Overview of Tutorial
3:53 - What is FlutterFlow? Overview of Features
5:24 - Setting Up the Project in FlutterFlow
7:00 - Exploring the Interface and Storyboard in FlutterFlow
8:41 - Building a Basic App Structure in FlutterFlow
11:12 - Adding and Customizing Widgets (Rows, Columns, Text)
14:43 - Creating Buttons and Styling Elements
18:29 - Adding Padding and Designing Search Fields
23:01 - Creating Banners with Images and Text
28:54 - Styling Buttons and Adjusting Layouts
32:01 - Adding Popular Section Header
34:51 - Creating Horizontal List Views
39:24 - Building Dynamic Components (Ratings and Icons)
46:27 - Generating Dynamic Data for List Views
48:48 - Wrapping Up and Summary of the Tutorial

----------------------------------

----------------------------------

📂 PROJECT FILE

----------------------------------

This video was made with great effort,
If you want to support me you can donate to the following link

Join this channel to get access to perks:

💰 PAYPAL

🧧 SAWERIA

🪙 TRAKTEER

☕ BUY ME A COFFEE

----------------------------------

🤙 JOIN MY DISCORD

----------------------------------

Hopefully, you would love this video.
I am so grateful if you want to hit the subscribe button. Thanks

📌 SUBSCRIBE ME

----------------------------------

🎬 ANOTHER PLAYLIST
Flutter UI Design Best Practices

Flutter Firebase CRUD Tutorial

Flutter Tutorial - Basic [EN]

----------------------------------

👨‍💻 GEAR LIST & TOOLS

----------------------------------

📱 FOLLOW

----------------------------------

Thanks for Watching!