Flutter 1 Level 1

Flutter is an app SDK for building high-performance, high-fidelity apps for iOS, Android, web (beta), and desktop (technical preview) from a single codebase.

The goal is to enable developers to deliver high-performance apps that feel natural on different platforms. We embrace differences in scrolling behaviors, typography, icons, and more.

This is a demo app from the Flutter Gallery (running app and repo), a collection of Flutter sample apps. Shrine has high-quality scrolling images, interactive cards, buttons, dropdown lists, and a shopping cart page. To look at the single codebase for this and more examples, visit our examples GitHub repository.

No mobile development experience is required to get started. Apps are written in Dart, which looks familiar if you’ve used a language like Java or JavaScript. Experience with object-oriented languages is definitely helpful, but even non-programmers have made Flutter apps!

Created by Last updated Fri, 08-May-2020
Curriculum for this course
103 Lessons 20:21:50 Times
  • 1.1. Install Flutter on MacOS 00:17:40
  • 1.2. Install Flutter on MacOS 00:17:54
  • 2. Basic Flutter and Android Studio 00:10:42
  • 3.1. Overview of Dart Language 00:19:10
  • 3.2. Overview of Dart Language 00:20:00
  • 4.1. Build Flutter First UI 00:11:40
  • 4.2. Build Flutter First UI 00:13:18
  • 4.3. Build Flutter First UI 00:11:10
  • 4.4. Build Flutter First UI 00:10:39
  • 5.1. Build Login Page with TextField 00:15:10
  • 5.2. Build Login Page with TextField 00:15:30
  • 5.3. Build Login Page with TextField 00:18:01
  • 5.4. Use Asset image and Navigator 00:11:40
  • 5.5. Use Asset image and Navigator 00:12:12
  • 6.1. Use ListView builder 00:13:10
  • 6.2. Use ListView builder 00:14:11
  • 6.3. Make Detail Page 00:18:40
  • 7.1. Explore StatefulWidget setState 00:16:10
  • 7.2. Explore StatefulWidget setState 00:16:38
  • 7.3. setState to Change Whole UI and Change Like Icon 00:13:54
  • 8. Use Stack and Positioned 00:09:51
  • 9. Build Clone Facebook Story and Newsfeed 00:12:17
  • 10.1. Build Search Bar and Search Result 00:17:10
  • 10.2. Build Search Bar and Search Result 00:17:20
  • 10.3. Build Search Bar and Search Result 00:17:23
  • 11.1. Understand Future await and async 00:18:58
  • 11.2. Use Future to read data from http 00:18:08
  • 12.1. Fetch JSON to Build UI 00:15:10
  • 12.2. Fetch JSON to Build UI 00:15:20
  • 12.3. Fetch JSON to Build UI 00:15:20
  • 12.4. Fetch JSON to Build UI 00:19:21
  • 13.1. Build Complex JSON objects - randomuser 00:17:10
  • 13.2. Build Complex JSON objects - randomuser 00:11:01
  • 1.1. What and Why Flutter 00:14:29
  • 2.1. Install JDK 00:04:17
  • 2.2. Install Flutter SDK 00:04:16
  • 2.3. Install Android Studio _ Flutter Plugin 00:13:45
  • 3.1. Install JDK 00:02:10
  • 3.2. Install XCode 00:03:15
  • 3.3. Install CocoaPods 00:05:58
  • 3.4. Install Android Studio _ Flutter plugin_part1 00:16:40
  • 3.4. Install Android Studio _ Flutter plugin_part2 00:18:41
  • 4.1. Start a new Project, Build, and Run 00:09:10
  • 4.2. Understand Android Studio IDE 00:12:18
  • 4.3. Solve Common Errors 00:10:50
  • 5.1. Code with Dart part1 00:17:17
  • 5.1. Code with Dart part2 00:17:33
  • 5.2. Conditionals in Dart 00:20:05
  • 6.1. Function 00:10:09
  • 6.2. Function with Optional Parameter 00:06:28
  • 6.3. Class and Object 00:10:10
  • 6.4. Constructor 00:19:40
  • 6.5. Setter _ Getter 00:09:56
  • 6.6. Inheritance 00:05:25
  • 6.7. Polymorphism 00:09:07
  • 6.8. Abstract Class 00:12:05
  • 6.9. Interface 00:04:17
  • 6.10. Mixin 00:08:01
  • 6.11. Collection - List 00:18:42
  • 6.12. Collection - Map 00:06:22
  • 7.1. Scaffold 00:04:47
  • 7.2. AppBar.mp4 00:12:26
  • 7.3. BottomAppBar.mp4 00:03:11
  • 7.4. BottomNavigationBar.mp4 00:05:32
  • 7.5. FloatingActionButton.mp4 00:04:24
  • 7.6. SnackBar.mp4 00:06:16
  • 7.7. Body.mp4 00:02:33
  • 8.1. Text _ TextStyle 00:10:06
  • 8.2. Icon _ IconButton 00:08:25
  • 8.3. Container _ Decoration_part1 00:13:26
  • 8.3. Container _ Decoration_part2 00:11:22
  • 8.4. TextField_part1 00:12:04
  • 8.4. TextField_part2 00:10:48
  • 8.5. Event Listener 00:16:55
  • 8.6. StatefulWidget_Part1 00:12:52
  • 9.1. Row 00:15:52
  • 9.2. Build BottomAppBar with Row 00:04:18
  • 9.3. Build Title Menus with Row 00:01:30
  • 9.4. Column 00:01:14
  • 9.5. Nested Rows and Columns 00:16:55
  • 9.6. SingleChildScrollView 00:03:53
  • 9.7. Stack and Positioned 00:07:32
  • 9.8. Build a Banner with Stack_part1 00:11:59
  • 9.8. Build a Banner with Stack-part2 00:09:16
  • 10.1. ListView and ListTile-part1 00:14:14
  • 10.1. ListView and ListTile-part2 00:12:00
  • 10.2. Build Drawer with ListView and ListTile 00:07:24
  • 10.3. ListView.Builder 00:11:24
  • 10.4. Navigate Data to Detail Page 00:05:50
  • 11.1. SliverAppBar 00:10:28
  • 11.2. CustomScrollView 00:15:52
  • 12.1. Build BottomNavigationBar 00:09:36
  • 12.2. Build PageView-part1 00:12:48
  • 12.2. Build PageView-part2 00:09:54
  • 12.3. ListView inside different Page-part1 00:14:32
  • 12.3. ListView inside different Page-part2 00:13:52
  • 13.1. Clone AppBar 00:16:56
  • 13.2. Clone BottomNavigationBar 00:03:12
  • 13.3. Clone Story-part1 00:12:49
  • 13.3. Clone Story-part2 00:11:45
  • 13.4. Clone Post-part1 00:13:43
  • 13.5. Clone Post-Part2 00:12:24
  • 8.7. StatefulWidge_Part2 00:12:27
+ View more
Description

Flutter is an app SDK for building high-performance, high-fidelity apps for iOS, Android, web (beta), and desktop (technical preview) from a single codebase.

The goal is to enable developers to deliver high-performance apps that feel natural on different platforms. We embrace differences in scrolling behaviors, typography, icons, and more.

This is a demo app from the Flutter Gallery (running app and repo), a collection of Flutter sample apps. Shrine has high-quality scrolling images, interactive cards, buttons, dropdown lists, and a shopping cart page. To look at the single codebase for this and more examples, visit our examples GitHub repository.

No mobile development experience is required to get started. Apps are written in Dart, which looks familiar if you’ve used a language like Java or JavaScript. Experience with object-oriented languages is definitely helpful, but even non-programmers have made Flutter apps!