More Related Content
Flutter introduction
- 1. Flutter Build beautiful nativeapps in record time
- 3.
- 4. Beautiful No compromises for yourdesigners
- 5. Fast Take the speed limiteroff your app
- 6. Productive Develop while your appis running
- 7. Open Everything is free andopen source
- 8. Flutter framework inDart (widgets, gestures, etc) C++ Flutter engine (Skia, Text, Dart runtime, dart:ui) iOS/Android runner Hardware GPU, ARM, x86 chips Your code
- 9. Optimized for UI Productive Development Fast onall platforms dart.dev
- 10. Today LinkedIn Data SaysFlutter Is #1 Fastest-Growing Skill Among Software Engineers Flutter is one of the top 15 GitHub Repos Used by brands around the world for apps with hundreds of millions of users
- 11. Write Your First FlutterApp, part 1 Write Your First Flutter App, part 2 Optional Topics Firebase for Flutter Building Beautiful UIs with Flutter 1 2 3 Let’s get to work!
Editor's Notes
- #2 Speaker Notes: (introduce yourself)
- #3 Speaker Notes: Flutter is Google’s UI toolkit for building beautiful apps for mobile, web, and desktop from a single codebase
- #4 Speaker Notes: It was made with three things in mind: building beautiful apps, app speed and responsiveness, developer productivity, and building an open developer community.
- #5 Speaker Notes: Firstly, Flutter enables you to build beautiful apps. Flutter provides a rich palette of tools that gives you control over every pixel on the screen. Designers never again have to compromise on their vision. Flutter includes a full set of widgets that deliver pixel-perfect experiences accross devices. And it enables the ultimate realization of Material Design. Whether you’re building a highly-tailored, branded experience, or a native iPhone app, you’ll find Flutter provides everything you need to build a beautiful, award-winning interface.
- #6 Speaker Notes: Secondly, Flutter is fast. It’s powered by the blazing-speed Skia 2D graphics engine, which enables hardware-accelerated graphics. From the start, we architected Flutter to be able to support glitch-free, jank-free graphics at the native speed of your display. Flutter code is compiled to native machine code -- your finished application code doesn’t go through a virtual machine or a JavaScript interpreter.
- #7 Speaker Notes: Thirdly, Flutter is productive. Flutter introduces a revolutionary new capability for developers and designers to iterate on their apps in real time. We call this // “stateful hot reload”, and it enables you to change the code of your app and see the changes in real-time, without having to restart the app or get back to the screen you were on. Stateful hot reload transforms the way you build an app -- and developers who use it say it makes them up to three times more productive.
- #8 Speaker Notes: Finally, Flutter is open. Flutter is free and open source.
- #9 Speaker Notes: Let’s take a look at how the tech stack actually works. Flutter moves the widgets, rendering, animation, and gestures into the app, so the developer has total control over them. That is all part of the Flutter framework which uses the Dart language. Also, Instead of utilizing web view or relying on the device’s OEM widgets, Flutter renders every view component using our own high-performance rendering engine built in C++. Skia uses the GPU when available. Any Dart code is AOT-compiled to native code during compilation. You have control over almost everything -- which is in the Flutter framework. This includes things like Flutter app is composed of Widgets (Stateless or Stateful). These Widgets are rendered onto a Skia canvas and sent to the platform. The platform shows the canvas and sends events back. Underlying tech to make it run. This is not important for your usage of Flutter, but interesting when you compare how it runs on different targets (like web). Engine layer is mostly C++, but there is some Objective C and Java for each platform too,and a little Dart. Reference explanation of how Dart VM is used https://stackoverflow.com/questions/46961097/is-the-dart-vm-still-used (basically to do garbage collection, instrumenting code)
- #10 Speaker Notes: When you build apps on Flutter, you use the Dart language, which allows for fast apps on any platform. have been evolving the language over There are three things that make Dart unique: Dart is great for writing UI -- the Dart team has spent the last couple of years working with the Flutter team on making it even easier to write great Flutter apps Dart is productive. The Dart Virtual Machine powers Hot Reload that lets you make changes to your code and instantly see the effect in a running app and compile directly to native code to provide fantastic performance for deployed apps. And Dart is fast on mobile, desktop, web and the server.
- #11 Speaker Notes: LinkedIn Data Says Flutter Is #1 Fastest-Growing Skill Among Software Engineers Flutter is one of the top 15 GitHub Repos Used by brands around the world for apps with hundreds of millions of users Show: flutter.dev/showcase
- #12 Speaker Notes: Today, we will build the first part of our first Flutter application through a CodeLab.Codelabs are Google’s form of a guided, tutorial, hands-on coding experience. Today, we’ll work on a codelab called “Write Your First Flutter App, part 1” and next week, we’ll work on a codelab called “Write Your First Flutter App, part 2.” These are two parts of a five-part workshop series.