Dart Language - Primeiro TechTalk do GDG Feira de Santana

Slides da apresentação sobre Dart que fiz no primeiro meetup do GDG de Feira de Santana.

These are the slides about Dart that I presented at the first GDG Feira de Santana meetup.

Los slides que usé en mi presentación sobre Dart en el primer meetup del GDG de Feira de Santana.

Transcript

1. DART LANGUAGE Assim seria o Javascript, caso fosse criado hoje!
2. HISTÓRIA Quem, Onde e Quando?
3. OS CRIADORES Lars Bak e Kasper Lund
4. https://www.dartlang.org/community/who-uses-dart.html
5. NÃO É COMO: CoffeeScript TypeScript RapydScript LiveScript http://codeforhire.com/2013/06/18/coffeescript-vs-typescript-vs-dart/ http://www.quora.com/Should-I-learn-CoffeeScript-TypeScript-or-Dart
6. Desde 2014 é um padrão descrito no ECMA-408 http://www.ecma-international.org/publications/standards/Ecma-408.htm
7. show me the code! https://www.dartlang.org/docs/dart-up-and-running/ch02.html
9. class GDGFeiraDeSantana {
 String name;
 
 GDGFeiraDeSantana(this.name);
 
 void sayHello() {
 print("Oi $name!");
 }
 }
 
 main() {
 var gdg = new GDGFeiraDeSantana("Marlon");
 gdg.sayHello();
 }
10. DART incorporou o que tem de melhor em várias linguagens
11. TIPOS OPCIONAIS Você não precisa tipificar variáveis
12. main() {
 var teste = "String";
 dynamic teste2 = "String";
 String teste3 = "String";
 Object teste4 = "String";
 }
13. FUNCTIONS Top Level e Nested Functions
14. void comprarCerveja(int quantidade) {
 
 pagarCerveja() {
 print("Paguei!");
 }
 
 beberCerveja() {
 print("Bebi!");
 }
 
 pagarCerveja();
 beberCerveja();
 print("Tô bebo!");
 }
15. FUNCTIONS Funções de uma instrução só?
16. void simplesmente() => print("Sou simples!");
17. FUNCTIONS Parâmetros nomeados
18. void main() {
 
 void endereco({rua: "Não informado.", numero: -1}) {
 print("Sua rua é ${rua}, ${numero}");
 }
 
 endereco(rua: "Rua 1", numero: 25);
 }
19. FUNCTIONS Parâmetros opcionais
20. void opcional(obrigatorio, [opcional1, opcional2]) {}
 opcional("obrigatorio");
 opcional("obrigatorio", "opcional1");
 opcional("obrigatorio", "opcional1", "opcional 2");
21. FUNCTIONS Funções funcionam como objetos!
22. void funcao(funcao2) {
 funcao2();
 }
 
 imprimir() {
 print("Imprimir!");
 }
 
 funcao(imprimir);
23. void umaFuncao(outraFuncao) {
 outraFuncao();
 }
 
 void main() {
 umaFuncao(() {
 print("Imprimiu!");
 });
 }
24. INTERPOLAÇÃO DE STRINGS " Nunca" + " mais " + " concatenação de strings"
25. main() {
 var string1 = "Marlon";
 var naaaaao = "Olá " + string1;
 var string2 = "Olá $string1";
 
 print(string2);
 }
26. TIPOS NATIVOS numbers, strings, booleanos, lists, maps e symbols
27. main() {
 num numero = 1;
 int numeroInteiro = 1;
 double numeroFlutuante = 2.0;
 String string = "String";
 bool booleano = true;
 List lista = [];
 Map mapa = {};
 Symbol simbolo = #simbolo;
 }
28. BOOLEANS Diferente de Javascript, só true é true! Entendeu?
29. main() {
 var variavel = 1;
 
 if(variavel) {
 print("Eu sou Javascript!");
 }
 
 variavel = true;
 if(variavel) {
 print("Eu sou Dart!");
 }
 }
30. OBJECT ORIENTED OO desde o berço
31. class GDGFeiraDeSantana {
 String name;
 
 GDGFeiraDeSantana(this.name);
 
 void sayHello() {
 print("Oi $name!");
 }
 }
32. OBJECT ORIENTED Com suporte a Mixins https://en.wikipedia.org/wiki/Mixin http://programmers.stackexchange.com/questions/250776/how-are-mixins-or-traits-better-than-plain-multiple-inheritance https://www.dartlang.org/articles/mixins/
33. class JeitoBaiano {
 String pireAi() {
 return "Tô pirado!";
 }
 }
 
 class JeitoPaulista {
 String falaMano() {
 return "Poha mano!";
 }
 }
 
 class Indeciso extends Object with JeitoBaiano, JeitoPaulista {
 }
 
 void main() {
 var indeciso = new Indeciso();
 print(indeciso.falaMano());
 print(indeciso.pireAi());
 }
34. OBJECT ORIENTED Interfaces... como você nunca viu.
35. class Cozinheiro {
 void cozinhar() {
 print("Cozinhando!");
 }
 }
 
 class Marlon implements Cozinheiro {
 void cozinhar() {
 print("Marlon Cozinhando!");
 }
 }
 
 main() {
 var marlon = new Marlon();
 marlon.cozinhar();
 }
36. OBJECT ORIENTED Ah! Tem classes abstratas também!
37. abstract class Doido {
 void ficarDoidao();
 }
 
 class Marlon extends Doido {
 void ficarDoidao() {
 print("Dorgas manolo!");
 }
 }
 
 main() {
 var marlon = new Marlon();
 marlon.ficarDoidao();
 }
38. OBJECT ORIENTED Override de operadores? É possível!
39. class NumeroTranscedental {
 double valor;
 
 NumeroTranscedental(this.valor);
 
 NumeroTranscedental operator +(NumeroTranscedental doidao) {
 return new NumeroTranscedental(double.INFINITY);
 }
 
 String toString() {
 return valor.toString();
 }
 }
 
 main() {
 NumeroTranscedental numero1 = new NumeroTranscedental(1.0);
 NumeroTranscedental numero2 = new NumeroTranscedental(2.0);
 
 print(numero1 + numero2);
 }
40. OBJECT ORIENTED Getters e Setters automáticos
41. class Automatico {
 int atributo1;
 }
 
 class Override {
 int get atributo1 { return 1; }
 set atributo1(int a) { }
 }
 
 main() {
 var a = new Automatico();
 a.atributo1 = "Teste";
 
 var o = new Override();
 o.atributo1 = "Teste";
 }
42. OBJECT ORIENTED Private, Public e Protected? Não existem!
43. class Private {
 String _atributo1 = "Atributo 1";
 String _atributo2 = "Atributo 2";
 
 Private(String a1, String a2): _atributo1 = a1, _atributo2 = a2;
 }
44. OBJECT ORIENTED Generics, pra que te quero?
45. class Generico<T> {
 T atributo;
 }
 
 main() {
 var g = new Generico<String>();
 g.atributo = "Marlon";
 }
46. ANOTAÇÕES Sim, podemos usar e criar anotações!
47. class MinhaAnotacao {
 const MinhaAnotacao();
 }
 
 @MinhaAnotacao()
 class MinhaClasse { }
48. LIBRARIES Organizando seu código em bibliotecas!
49. library gdgfeiradesantana;
 
 import 'dart:collection';
 import 'package:appengine/appengine.dart';
 
 class _ClassePrivada { }
 class ClassePublica { }
50. DART é para a Web ou Servidor?
51. SERVIDOR dart:io e Shelf
52. RESTFUL API Shelf REST, RPC, Darter e Redstone
53. https://www.dartlang.org/server/google-cloud-platform/app-engine/
54. http://blog.sethladd.com/2012/08/running-dart-in-cloud-with-heroku.html
56. dart2js Dart VM
57. Chrome com a Dart VM Dartium
58. dart:html
59. import 'dart:html';
 
 void main() {
 querySelector('#element').text = 'Olá, GDG Feira de Santana!';
 } <!DOCTYPE html>
 <html>
 <head>
 <title>Feira de Santana</title>
 </head>
 <body>
 <p id="element"></p>
 <script type="application/dart" src="main.dart"></script>
 <script src="packages/browser/dart.js"></script>
 </body>
 </html>
60. Polymer.dart
61. import 'package:polymer/polymer.dart';
 import 'dart:html';
 
 @CustomTag('click-counter')
 class ClickCounterElement extends PolymerElement {
 @observable int count = 0;
 
 ClickCounterElement.created() : super.created();
 
 void increment(Event e, var detail, Node target) {
 count += 1;
 }
 }
62. Angular 2 https://angular.io/
63. AngularDart https://angulardart.org/
64. MDL http://www.material-design-lite.pub/
65. DART Coisas Super Legais em Dart
66. DART:ASYNC Tratando Futures de forma elegante!
67. DART:ASYNC Sua vida com Javascript é mais ou menos assim…
68. 
 app.post('/process-file', function(req, res) {
 var inputFile = 'input.txt';
 var outputFile = 'output.txt';
 
 fs.readFile(inputFile, function(err, data) {
 if (err) return res.status(500).send(err);
 process1(data, function(err, data) {
 if (err) return res.status(500).send(err);
 process2(data, function(err, data) {
 if (err) return res.status(500).send(err);
 process3(data, function(err, data) {
 if (err) return res.status(500).send(err);
 fs.writeFile(outputFile, data, function(err) {
 if (err) return res.status(500).send(err);
 res.status(200).send('Cabô');
 });
 });
 });
 });
 });
 }); });
69. FUTURES Mais bonito, mas ainda temos o problema do Callback Hell!
70. import 'dart:async';
 
 class MaisTarde {
 
 Future<String> esperaUmPouco(){
 // Imagine que esse código vai demorar pacas pra acabar!
 return new Future.value("Hello Marty!");
 }
 
 }
 
 main() {
 var maisTarde = new MaisTarde();
 var esperando = maisTarde.esperaUmPouco();
 esperando.then((String s) {
 print(s);
 });
 }
71. ASYNC/AWAIT Agora sim as coisas ficaram lindas!
72. import 'dart:async';
 
 class MaisTarde {
 
 Future<String> esperaUmPouco() async {
 // Imagine que esse código vai demorar pra acabar!
 return "Hello Marty!";
 }
 
 }
 
 main() async {
 var maisTarde = new MaisTarde();
 print(await maisTarde.esperaUmPouco()); print("Teste!");
 }
73. import 'dart:async';
 
 class MaisTarde {
 
 Future<String> esperaUmPouco() async {
 // Imagine que esse código vai demorar pra acabar!
 return "Hello Marty!";
 }
 
 }
 
 main() {
 var maisTarde = new MaisTarde();
 Future<String> future = maisTarde.esperaUmPouco();
 future.then((String s) {
 print(s);
 print("Teste!");
 });
 }
74. ZONES Dart implementa o conceito de Zonas. Inexistente em Javascript.
75. ZONES? PRA QUE? • Exceções não pararem sua aplicação subitamente. • Dados associados a uma zona são "threadsafe". • Executar ações toda vez que uma Zone for iniciada e/ou finalizada.
76. VANTAGENS DO JS Quando Javascript é melhor que Dart?
77. BIBLIOTECAS A imensa quantidade de bibliotecas disponíveis.
78. COMUNIDADE Uma comunidade estabelecida e imensa.
79. VANTAGENS DO DART Quando Dart é melhor que Javascript?
80. OBJECT ORIENTED OO vem desde o berço e é bem estruturado. OO em JS é confuso!
81. CALLBACK HELL ASYNC e AWAIT são o céu!
82. PUB Gerenciador próprio de pacotes.
83. ESTILOS DE PROGRAMAR Cada biblioteca lança seu “jeito" de programar em JS. Dart é um só!
84. SINTAXE MAIS ELEGANTE Dart tem uma sintaxe muito mais limpa e bonita.
85. DART VS ECMA6 ECMA6 precisa manter compatibilidade e por isso mantém os mesmos antigos problemas do Javascript!
86. https://www.dartlang.org/events/2015/summit/
87. NOVIDADES Null-Aware Operators http://blog.sethladd.com/2015/07/null-aware-operators-in-dart.html
88. main() {
 objeto?.metodo();
 x = y ?? z;
 x ??= y;
 }
91. FIM