Introdução ao Flutter - Allansrc -Meetup

Introdução ao Flutter

1. @allansrc Conhecendo o Flutter

2. ‹#› Allan Ramos https://olink.ai/allansrc @allansrc https://olink.ai/allansrc

3. ‹#› O que é o Flutter ? @allansrc

4. Desktop Use Flutter ‹#› Fucshia Flutter Fuschia Mobile by Web

5. ?? ‹#› IDAI? ˈfjuːʃə ?? ?? ?? IPA: International Phonetic Alphabetic

6. Widgets Library Save your time Save your time SDK Flutter Core

7. Fast on ALL platforms Save your time Optimized for UI Productive Development

8. Fast on ALL platforms Save your time Optimized for UI Productive Development

9. Productive Development: Flutter Rocks! @allansrc ‹#› Flutter Core Updatable Modular

10. Fast on all Platforms : Flutter Rocks! @allansrc ‹#› Flutter Core Updatable Modular

11. ‹#› Flutter no Flutterverso @allansrc “It’s all Widgets!”

12. ‹#› Flutter no Flutterverso @allansrc “It’s all Widgets!”

13. ‹#› Flutter dev tools... @allansrc XML HTML / CSS Visual Editor Grid

14. ‹#› Flutter dev tools... @allansrc XML HTML / CSS Visual Editor Grid

15. ‹#› @allansrc

16. ‹#› Flutter no Flutterverso @allansrc “Widget Tree!”

17. ‹#› Widgets Tree @allansrc “Widget Tree!”

18. ‹#› @allansrc “Widget Tree!”

19. ‹#› Flutter no Flutterverso @allansrc “StateFull Widget vs Stateless Widget”

20. Props. Estáticas Sem estado vsCode spinet: stl Stateless Widget

21. Props. Dinâmicas Possui estados vsCode spinet: stf Statefull Widget

22. ‹#› Flutter no Flutterverso @allansrc “Widget Rendering”

23. ‹#› @allansrc

24. ‹#› @allansrc

25. ‹#› @allansrc

26. ‹#› @allansrc

27. ‹#› @allansrc

28. ‹#› @allansrc

29. ‹#› Flutter no Flutterverso @allansrc Settup

30. ‹#› Flutter Environment @allansrc

31. ‹#› @allansrc

32. ‹#› Iniciando projeto @allansrc # cria novo app Flutter $ flutter create demo # entra na pasta raiz do app $ cd demo # abre diretório no VS Code $ code .

33. ‹#› Habilitar Flutter web @allansrc # Habilita FlutterWeb $ $ flutter channel beta $ flutter upgrade $ flutter config --enable-web

34. ‹#› Flutter/Dart packages @allansrc # Habilita FlutterWeb $ $ flutter channel beta $ flutter upgrade $ flutter config --enable-web

35. ‹#› Flutter no Futuro @allansrc “03.03.21”

36. ‹#› Flutter no Futuro @allansrc “03.03.21”

37. ‹#› Flutter no Futuro @allansrc “03.03.21”

38. github.com/dahliaOS ‹#› Components & modular dahliaOS DEMO

39. Estrutura Projetado para: Flutter Rocks! @allansrc ‹#› Flutter Core To Kill Android Performance Security / Privacy Updatable Modular

40. ‹#› O que não é o FuchsiaOS? @allansrc Não é Linux não usa micro Kernel

41. ‹#› O que não é o FuchsiaOS? @allansrc Não é Linux não usa micro Kernel não give a sh#t para “ o usuário ”

42. ‹#› O Google vai m@tar o FuchsiaOS? @allansrc Não é Linux não usa micro Kernel não give a sh#t para “ o usuário ”

43. ‹#› O FuchsiaOS vai m@tar o Android ? @allansrc

44. ‹#› @allansrc

45. Team Flutter since 2018 @allansrc ‹#› FuchsiaOS’ Multi UX

46. Data storage Save your time System optimize FuchsiaOS to fix not kill @allansrc

47. @allansrc FuchsiaOS Underhood FuchsiaOS Core Zircon / LK Jiri Escher / Scenic Components/ Modular

48. ionos.com ‹#› Escher Layer Modular / Session Layer

49. @allansrc FuchsiaOS Underhood FuchsiaOS Core Zircon / LK Jiri Escher / Scenic Components/ Modular

50. Flutter hoje, Flutter amanhâ @allansrc ‹#› Userspace services Little Kernel Central platform Zircon & LK

51. Flutter hoje, Flutter amanhâ @allansrc ‹#› Rendering Not exposedd by Fuchsia API Retained mode Escher & Scenic

52. Flutter hoje, Flutter amanhâ @allansrc ‹#› Rendering Not exposedd by Fuchsia API Retained mode Escher & Scenic

53. @allansrc ‹#› Ledger/Maxell Topaz Compoment manager Components & modular

54. ‹#›

55. @allansrc ‹#› Ledger/Maxell Topaz Compoment manager Components & modular

56. "files.watcherExclude": { "**/.DS_Store": true, "**/.cipd": true, "**/.clang-format": true, "**/.clang-tidy": true, "**/.dir-locals.el": true, "**/.git": true, "**/.gitattributes": true, "**/.gitignore": true, "**/.hg": true, "**/.idea": true, "**/.jiri_manifest": true, "**/.jiri_root": true, "**/.ssh": true, "**/.style.yapf": true, "**/.svn": true, "**/AUTHORS": true, …... https://fuchsia.dev/fuchsia-src/development/editors/vscode Turns dev mode on

57. @allansrc

58. Introducing dahliaOS @allansrc ‹#›

59. @allansrc ‹#› Linux Builds Zircon Builds Mobile build Components & modular Runs on Laptops Runs on Emulator runs on x86 and so on

60. Obrigado Pessoal! @allansrc Dúvidas ? ‹#› Conhecendo (um pouco) o FuchsiaOS

61. Thanks people! @allansrc Questions? ‹#›

62. Thanks people! @allansrc Questions? ‹#›

63. Thanks people! @allansrc Questions? ‹#›

64. Thanks people! @allansrc Questions? ‹#›

65. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration some form by injected humour, or an randomised words which don't look even slightly believable If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t Any thing embarrassing hidden in the middle of text. All Lorem Ipsum generators on the Internet tend to repeat predefined chunks as neces making this the first true Four picture slide IRIS www.yourwebsite.com ‹#›

66. Team members Your short description for slide IRIS www.yourwebsite.com Team slide George Kylle Web Designer Julie Still Copywriter Emily Olie UI/UX Designer Clark Term CEO Manager

67. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration some form by injected humour, or an randomised words which don't look even slightly believable If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t Any thing embarrassing hidden in the middle of text. All Lorem Ipsum generators on the Internet tend to repeat predefined chunks as neces making this the first true Infographic slide IRIS www.yourwebsite.com ‹#› Infographic Sales for quarter Team expansion SEO events Product distribution Linguistics improvement

68. System optimize There are many variations of passages Lorem Ipsum available but the majority have suffered alteration some form, by Data storage There are many variations of passages Lorem Ipsum available but the majority have suffered alteration some form, by Save your time There are many variations of passages Lorem Ipsum available but the majority have suffered alteration some form, by System optimize There are many variations of passages Lorem Ipsum available but the majority have suffered alteration some form, by Data storage There are many variations of passages Lorem Ipsum available but the majority have suffered alteration some form, by Save your time There are many variations of passages Lorem Ipsum available but the majority have suffered alteration some form, by

69. Save your time There are many variations of passages Lorem Ipsum available but the majority have suffered alteration some form, by Save your time There are many variations of passages Lorem Ipsum available but the majority have suffered alteration some form, by Save your time There are many variations of passages Lorem Ipsum available but the majority have suffered alteration some form, by Save your time There are many variations of passages Lorem Ipsum available but the majority have suffered alteration some form, by

70. Phone slide There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration some form by injected humour, or an randomised words which don't look even slightly believable If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t Any thing embarrassing hidden in the middle of text. All Lorem Ipsum generators on the Internet tend to repeat Phone mockup slide IRIS www.yourwebsite.com Available for free High-quality Easy to customizing Many amazing files Free updates Product feature Your awesome text There are many variations of passages of Lorem Ipsum but the majority have suffered

71. There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration some form, by injected humour, or randomised words which don't look even slightly an believable. If you are going to use a passage of Lorem Ipsum Product on monitor IRIS ‹#› Available for free High-quality Easy to customizing Many amazing files Free updates Product feature

72. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration and some form by injected humour, or an randomised words which don't look even slightly believable If you are going Showcase product on monoblock IRIS www.yourwebsite.com ‹#› Monoblock Any thing embarrassing hidden in the middle of text. All Lorem Ipsum generators on the Internet tend to repeat Available for free High-quality Easy to customizing