Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introdução ao Flutter

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for João Reichert João Reichert
July 25, 2018
Programming
1
160

Introdução ao Flutter

Uma breve descrição ao novo SDK do Google, Flutter!

Avatar for João Reichert

João Reichert

July 25, 2018
Tweet

More Decks by João Reichert

See All by João Reichert
Desenvolvimento Multiplataforma com Flutter e Firebase
Avatar for João Reichert reeichert
0
80
Desenvolvimento Multiplataforma com Flutter e Firebase
Avatar for João Reichert reeichert
1
22

Other Decks in Programming

See All in Programming
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
190
SourceGeneratorのススメ
Avatar for tkym htkym
0
200
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
430
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
190
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
200
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.3k
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
190
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
8.8k
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
970
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
160
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
300

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
720
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
51
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
53
Designing Experiences People Love
Avatar for Jonathan Moore moore
144
24k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
300

Transcript

  1. INTRODUÇÃO AO FLUTTER

  2. JOÃO REICHERT ・iOS Developer @ Brave.ag ・Eng. Controle e Automação

    @ UFPel https://github.com/reeichert/ [email protected]

  3. CONTEÚDO • Recap ! • O que é Flutter "

    • Live Code #

  4. RECAP !

  5. WRAPPER WEBVIEW

  6. WRAPPER WEBVIEW

  7. TRANSPILER

  8. TRANSPILER

  9. FLUTTER

  10. O QUE É FLUTTER? • Um SDK para desenvolver apps

    multiplataforma* • Foco em apps de alta performance, modernos e bonitos • Desenvolvido pelo Google, é gratuito e open-source ★ Multiplataforma (iOS, Android e Fuchsia)

  11. FLUTTER

  12. EXEMPLOS

  13. TUDO É WIDGET

  14. WIDGETS StatelessWidget

  15. WIDGETS StatefulWidget

  16. PLATFORM CHANNELS iOS Host Android Host Flutter App (client) MethodChannel

  17. PLATFORM CHANNELS Kotlin

  18. PLATFORM CHANNELS Kotlin

  19. PLATFORM CHANNELS Swift

  20. PLATFORM CHANNELS Swift

  21. PLATFORM CHANNELS Flutter

  22. HOT RELOAD

  23. HOT RELOAD

  24. XCODE

  25. XCODE

  26. PERGUNTA %& • Web? • Android? • iOS? • React

    Native?

  27. LIVE CODE #

  28. LINKS • https://flutter.io/ • What’s Revolutionary about Flutter • Reflectly — From

    React Native to Flutter • Codelabs

  29. OBRIGADO! Slides and Code https://github.com/reeichert/ Contato [email protected] PERGUNTAS?