1 of 16

2 of 16

Support Platforms�Beyond Mobile

Randy arba pahlevi

3 of 16

For Web Development

www.sayonetech.com

4 of 16

Outline

  • A brief history of mobile app development
  • What is Flutter web.
  • Why flutter web
  • Pros and cons the flutter web
  • Create landing page.

5 of 16

History

  • Hybrid app development.
  • Many java script try to reach the mobile development.
  • Performance issue,
  • Ambitious project.

6 of 16

Flutter web

  • Framework SDK that can built into web development with dart language.
  • They call this project as hummingbird project.
  • The Flutter mobile app SDK is a new way to build beautiful native mobile apps that break away from the “cookie cutter”.
  • Declarative UI.
  • Portable.

7 of 16

Pros

  • The advantages of reactive views, with no JavaScript bridge
  • Fast, smooth, and predictable; code compiles AOT to native (ARM) code
  • The developer has full control over the widgets and layout
  • Comes with beautiful, customizable widgets
  • Great developer tools, with amazing hot reload
  • More performant, more compatibility, more fun
  • Good for MVP.

8 of 16

Cons

  • No hot reload in web development
  • Some flutter plugin in mobile not work in web
  • Manual create responsive layout for tablet and mobile screen.
  • Copy paste still not work use new API.
  • DartUi.dart in mobile development not same as DartUi in web.
  • No internationalize translation.
  • Hard to inspect the layout with inspect element.

9 of 16

  • Flutter web server 1.9
  • Flutter web apps have full access to all existing Dart libraries that run on the Web today.
  • Calling JavaScript libraries from Flutter
  • Flutter web apps fully support Dart’s JS-interop

Inside Hummingbird

10 of 16

11 of 16

The way of designing views is similar to the web application and you can find many similarities to CSS and HTML

No More CSS

12 of 16

What next

  • Text features such as selection and copy-paste.
  • Bridge mobile and the web with a single API.
  • Debugging web applications using DevTools.
  • Improved performance, browser support, and accessibility.

13 of 16

  • With the declarative layout you can easy create landing page. Use your creativity.
  • Make it easy for developers to improve the quality and performance of their applications with improved profiling and debugging experiences via Dart DevTools.

Easy Create landing page

by Josh Hemsley for Happy Money

14 of 16

Pursuit of our goal to build a portable UI toolkit for any place where pixels are painted.

15 of 16

16 of 16

Start now to learn flutter.

Thank you