Develop your First Flutter App for Mobile, Web & Desktop
summary
Demo shows a runnable Flutter app built in minutes, switching SDK channel to dev, enabling Web and desktop with flutter config --enable-web and platform flags, updating the project with flutter create . and launching unchanged code on Chrome and macOS via flutter run -d chrome and flutter run -d macos. Web support is beta, desktop alpha; listview renders on mobile, grid on larger screens, and the same codebase actually opens in browser and desktop windows.
AI-written summary · about
chapters (15)
- 0:00Start
- 9:42put the color inside a container
- 10:57create a simple application
- 11:58put in the center the hello world
- 12:41create a basic simple app of a kind of a list view
- 14:40the list tile
- 15:21change the theme
- 16:33run the same application for the web and the desktop
- 17:17switch the flutter developer channel
- 17:45add the support for web and desktop
- 18:10switch the channel from stable to dev
- 18:35enable the web index support
- 19:38walk you through to the folder structure
- 24:27build for the mac os
- 25:33provide support for mobile web and desktop from a single code base
related talks
33mBeyond Mobile: Building Flutter Apps for iOS, Android, Chrome OS, and Web
01h 00mFuture-Proof Mobile Cross-Platform Apps with Flutter
47mIntroduction to Cross Platform Development with Flutter
30mFlutter on Desktop: end to end from build to distribution
42mFlutter everywhere — from Mobile to Web
46mBuilding your first Flutter app
13mBuilding platform adaptive apps
46mThe Many Faces of Flutter