К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Build Interactive Flutter Apps with Practical UI Design · LearnSpace
Назад в каталог
courseraПрограммирование

Build Interactive Flutter Apps with Practical UI Design

Курс от EDUCBA
Начальный≈ 11.1 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

By the end of this course, learners will be able to identify Flutter fundamentals, apply core widgets, design responsive layouts, implement navigation, and build interactive mobile app interfaces using modern UI components and animations. This hands-on course guides learners through the complete development of the Kids Play Zone mobile application, focusing on practical Flutter UI development rather than abstract theory. Starting with project setup and app structure, learners progressively work through layouts, widgets, navigation patterns, animations, and advanced UI effects such as cards, steppers, data tables, and visual filters. Learners benefit by gaining real-world Flutter development skills that are immediately applicable to building production-ready mobile applications. Each module is structured to reinforce concepts through progressive lessons, quizzes, and graded assessments, ensuring strong retention and confidence. What makes this course unique is its project-driven approach, child-friendly app theme, and comprehensive coverage of Flutter UI widgets—from basic text and buttons to advanced slivers, animations, and platform-specific designs. With clear learning objectives, structured modules, and practical examples, this course is ideal for beginners and aspiring mobile developers who want to build, design, and enhance Flutter apps effectively.

Навыки, которые вы освоите

User Interface and User Experience (UI/UX) DesignInteraction DesignApplication DevelopmentiOS DevelopmentCross Platform DevelopmentApplication DesignMobile Development ToolsInformation Architecture

Программа курса

4 модулей · 58 учебных материалов

01Project Kickoff & App Foundations15 материалов

Welcome to Kids Play Zone

Introduction to ProjectВидеоCreating Material AppВидеоCreating Navigation Using MenusВидеоWelcome to Kids Play ZoneЗадание

App Structure Basics

Учитесь у экспертов

EDUCBA

Преподаватель курса

Build Interactive Flutter Apps with Practical UI Design
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 11.1 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Бразильский португальский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
Creating Scaffold AppВидео
Creating AppBar ExampleВидео
Creating Container App ExampleВидео
App Structure BasicsЗадание

Playing with Text & Buttons

Creating Container App Example ContinueВидеоCreating Text App DemoВидеоCreating Button App DemoВидеоPlaying with Text & ButtonsЗаданиеDesigning the Foundation of a Flutter AppDIALOGUEGraded-Project Kickoff & App FoundationsЗаданиеStructuring the Kids Play Zone Flutter App FoundationDIALOGUE
02Layouts & Visual Elements14 материалов

Messages & Alerts

Creating Snack Bar ExampleВидеоBuilding an Alert Demo Page in FlutterВидеоCreating Date, Time, and Cupertino Dialogs in FlutterВидеоCompleting the Flutter Alert Demo Page with Dialog ButtonsВидеоMessages & AlertsЗадание

Arranging Content on Screen

Creating Image AppВидеоDisplaying in RowВидеоDisplaying in Row ContinueВидеоArranging Content on ScreenЗадание

Columns, Icons & Slivers

Displaying in ColumnВидеоCreating Icon PageВидеоCreating Sliver AppВидеоColumns, Icons & SliversЗаданиеGraded-Layouts & Visual ElementsЗадание
03Lists, Animations & Navigation13 материалов

Lists, Grids & Animations

List and Grid PageВидеоAnimated Icons ExampleВидеоAnimated Icons Example ContinueВидеоLists, Grids & AnimationsЗадание

Flexible Layouts

Creating Expanded App DemoВидеоStack AppВидеоCreating Sized BoxВидеоFlexible LayoutsЗадание

Platform Styles & Navigation

Animation PageВидеоCreating Cupertino PageВидеоCreating Drawer NavigationВидеоPlatform Styles & NavigationЗаданиеGraded-Lists, Animations & NavigationЗадание
04Advanced UI Widgets & Effects16 материалов

User Interaction Widgets

Creating DropDown OptionВидеоCreating Dismissible AppВидеоCreating Backdrop Filter for ImageВидеоUser Interaction WidgetsЗадание

Cards, Spacing & Steps

Creating Backdrop Filter for Image ContinueВидеоCreating Card DemoВидеоCreating Spacer DemoВидеоStepper DemoВидеоCards, Spacing & StepsЗадание

Data, Text & Clipping

Creating Rotated BoxВидеоData Table DemoВидеоSelectable TextВидеоClipRect DemoВидеоData, Text & ClippingЗаданиеGraded-Advanced UI Widgets & EffectsЗаданиеDelivering a Complete Flutter UI for the Kids Play Zone App
DIALOGUE