Flutter para iniciantes

Flutter é a ferramenta do Google para criação de aplicativos nativos para Android, iOS e Web, utilizando o mesmo código-fonte. Ele é free, open source e atualmente está entre os 10 maiores repositórios do Github. Apoiado em 3 pilares básicos: desenvolvimento rápido, interfaces super bonitas e performance nativa, o Flutter tem despertado cada vez mais o interesse da comunidade e de empresas. Aqui apresento conceitos básicos, arquitetura, widgets, developer experience e web. Espero despertar o seu interesse em conhecer cada vez mais este incrível framework e se juntar ao #DartSide !

Transcript

1. Flutter para iniciantes rubensdemelo
2. Agenda • O que é Flutter? • Por que Flutter? • Arquitetura • Dart • Developer Experience • Widgets • Web / Desktop
3. "Flutter is Google’s portable UI toolkit for building beautiful, natively-compiled applications for mobile, web, and desktop from a single codebase."
4. Fast Development
5. Expressive, beautiful UIs
6. Native Performance
8. Por que Flutter? • Mais de 170 widgets • Plugins nativos (Google) • Alta performance (60/120) fps • Alta produtividade • Free / Open-source • Documentação • Tempo / $$$
9. Arquitetura
10. Framework
11. Flutter Create <= 5kb
12. DART • Criada pelo Google • Orientada à Objetos • C-style (Javascript, C#) • Tipada (opcional) • UI as Code • pub.dev (2000+ packages) "Dart is a client-optimized language for fast apps on any platform"
18. Developer Experience HOT RELOAD HOT RESTART
20. Developer Experience JIT (Just in time) AOT (Ahead of time)
22. Widgets • Componentes (Layout / UI) • Material / Cupertino • Composição > Herança • Inspiração no ReactJS "Everything’s a Widget"
23. Material
24. Cupertino
25. Look `n Feel (Navigation)
26. Look `n Feel (Back Button)
28. COMPOSIÇÃO
29. COMPOSIÇÃO
32. Widget Tree
33. Showcase
34. Showcase Brasil
35. Showcase Brasil
36. Flutter Web
37. Flutter Web
38. www.flutterparainiciantes.com.br
39. Obrigado rubensdemelo