SFHTML5 - Flutter for web developers.pptx

AjithKumar867470 14 views 85 slides Oct 19, 2024
Slide 1
Slide 1 of 85
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38
Slide 39
39
Slide 40
40
Slide 41
41
Slide 42
42
Slide 43
43
Slide 44
44
Slide 45
45
Slide 46
46
Slide 47
47
Slide 48
48
Slide 49
49
Slide 50
50
Slide 51
51
Slide 52
52
Slide 53
53
Slide 54
54
Slide 55
55
Slide 56
56
Slide 57
57
Slide 58
58
Slide 59
59
Slide 60
60
Slide 61
61
Slide 62
62
Slide 63
63
Slide 64
64
Slide 65
65
Slide 66
66
Slide 67
67
Slide 68
68
Slide 69
69
Slide 70
70
Slide 71
71
Slide 72
72
Slide 73
73
Slide 74
74
Slide 75
75
Slide 76
76
Slide 77
77
Slide 78
78
Slide 79
79
Slide 80
80
Slide 81
81
Slide 82
82
Slide 83
83
Slide 84
84
Slide 85
85

About This Presentation

Flutter programming


Slide Content

Flutter for web developers @abraham | @bendyworks | @sfhtml5 | @flutterio

slides.today To follow along with today’s slides.

@abraham

Google Developer Expert

@bendyworks

Share joy and success in our craft

Expressive, beautiful UIs

Stateful hot reload

N ative performance

Cross Platform Mobile Apps

Raspberry Pi

Desktop Embedding

Cross Platform Mobile Apps

Dart

“ Dart is particularly easy to learn because it has features that are familiar to users of both static and dynamic languages.” Why Flutter uses Dart

Event loop

Just-in-time compilation

Ahead-of-time compilation

Type safe

Familiar

Everything’s a widgets!

Gotcha

No templates

No css

“ Flutter widgets are built using a modern react-style framework ” Flutter.io

StatefulWidget

State is long-lived

Widgets get reborn

Fast

Stateful hot reload

Reactive

Animation

Custom Animation with Tween Zero to One with Flutter

Testing

Unit

package:test

Widget

package:flutter_test

Integration

“ tested app is launched on a real device or in an emulator ” Flutter.io

Test more things

Where to start

A month of Flutter

bendyworks.com/blog

flutter.io/docs/codelabs

flutterbyexample.com

github.com/Solido/ a wesome - flutter

Announcing: flutter.directory

Flutter for web developers @abraham | @bendyworks | @sfhtml5 | @flutterio