Flutter
Desenvolvendo
hoje
futuro
O mobile do
CEOS
EJ Computação
Web, Desktop & Mobile
Workshops & Cursos
João Batista
Diretor Comercial
JsBatista
Vinicius Sabariz
Presidente
ViniciusSabariz
Gabriel Freire
Assessor de Projetos
gabrielfvale
Quem Somos
Mobile
Importância
3 maneiras
Nativo
WebApps
Híbridos
Nativo
Java
Swift
Padrão
WebApps
Cordova
Ionic
App simula Página Web
Híbridos
React Native
UI Web para Nativo
Nativo + Web
E o que há de
novo
?
Google Fuchsia
Fuchsia
SO
Multiplataforma
Zircon
+
Flutter
Framework reativo
Renderização (Skia)
SDK
Desenvolvimento
Como é feita a
UI
?
Dart
Dart
Multiplataforma
Web
Server
Mobile
Otimizada para UI
}
Flutter
Flutter
SDK & Framework
Híbrido
Widgets
Widgets
Widgets
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
Widgets
Elementos da UI
Constrói a UI de Widgets
Material Design
Flutter Demo Home Page
Quantidade de vezes que você apertou o botão:
0
+
Flutter Demo Home Page
MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(),
home: MyHomePage(
title: 'Flutter Demo Home Page'
),
);
Flutter Demo Home Page
Quantidade de vezes que você apertou o botão:
Text(
'You have pushed the
button this many times:',
),
Flutter Demo Home Page
Quantidade de vezes que você apertou o botão:
0
Text(
'$counter',
style: Theme.of(context).
textTheme.display1,
),
Flutter Demo Home Page
Quantidade de vezes que você apertou o botão:
0
+
FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.add)
void _incrementCounter() {
setState(() {
_counter++;
});
}
Quais as minhas
vantagens
?
Nativo
Swift
Java
Dart
Flutter
WebApp
Web
Dart
Flutter
Mudanças
Nenhuma
Nenhuma
~
~
Funcionalidades
Flutter
Todas
WebApp
Só as do navegador
Híbridos
JavaScript
Dart
Flutter
Mudanças
Poucas
Nenhuma
~
~
Arquitetura
Engine
+
Engine
VM
threads
threads
Embedder
Task Runners
1 TR
1 thread
Performance
Platform
UI
GPU
IO
JIT
AOT
Just In Time
Development
Ahead of time
Production
Performance
Feitos em Flutter
Multiplataforma
Flutter
Ágil Desenvolvimento
Google Fuchsia
Performance
JIT & AOT
UI & Widgets
Multiplataforma
CEOS
Grupos de Estudo
Flutter
React Native
...
UI
UX
Fazendo do
presente
O espelho do
futuro
