The Flutter Revolution - Recipe for building apps without pain

Transcript

1. Shuaib Afegbua, Ectorium/Code Kraft @afegbuas Abuja The Flutter Revolution - Recipe for building apps without pain
2. Technology enthusiast |> Software craftsman |> Loves building stuff ABOUT ME Long love affair with Java. Also writes Elixir, Scala and some others @afegbuas
3. Technology enthusiast |> Software craftsman |> Loves building stuff ABOUT ME Long love affair with Java. Also writes Elixir, Scala and some others @afegbuas
4. Technology enthusiast |> Software craftsman |> Loves building stuff ABOUT ME Long love affair with Java. Also writes Elixir, Scala and some others • Computer Science major (FUTMINNA and ABU) • Worked at Mott Macdonald/Cambridge Education for a long time and some other places • Got tired, quit and stayed at home. @afegbuas
5. MY PRESENT AND POSSIBLE FUTURE • Building Ectorium. WTH???? • Amateur Writer - www.medium.com/@afegbuas • I have an addiction bleeding edge technology • Got another addiction - READING @afegbuas
6. I LOVE BUILDING THINGS • @afegbuas
7. Mobile: how it all started?
8. “To tortoise fell from the sky, some group of techies ran to rescue it and found a mobile” - Anonymous
9. 1973 Demonstrated the first mobile Motorola
10. 1979 Japanese company Nippon Telegraph and Telephone launched the first commercial phone in 1979 and Nordic Mobile Telephone launched the first fully automatic cellular phone NTT and NMT
11. 1990s 1990 witnessed the advent of the second-generation (2G) digital cellular technology was launched in Finland by Radiolinja 2G
12. 1990s IBM released the first smartphone in 1993 with a calculator, world clock, calendar and contact book. LOL WML Palm OS Java ME, Symbian OS Also the smartphone era
13. 2001 2001 was 3G phones. Blackberry came with a major breakthrough in 2002 with their smartphone Iphone OS 2018 Android 2008 3GS
14. 2009 and upwards As phones technology started improving and getting power with more computing powers, 4G and above
15. Development approaches
16. Proprietary + Confidential Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem Android iOS NATIVE APPROACH
17. Proprietary + Confidential Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem HYBRID AND CROSS PLATFORM
18. What is Flutter ?
19. Flutter Flutter is Google's mobile UI framework for crafting high-quality native experiences on iOS and Android in record time
20. Why Flutter ?
21. Flutter empowers the developer
22. Awesome UI Library Everything is a widget you hear Excellent look and feel Performs very fast Extensible and customisable
23. Write once, deploy cross platform Single code base One Language for UI and Code Bundled framework
24. Excellent Layout Approach No N-Squared Performance problem No overloaded styling rules Heavily customisable
25. Reactive Just in Time Compilation Event driven JIT
26. Fast Build with hot-reload Sub seconds reload 10 seconds native android with Gradle builds. SORRY Gradle
27. Integrate Flutter into existing apps Easy and Fast Developments
28. Truly native Code compiles AOT into Native ARM No bridge like we have in React Native or NativeScript or others
29. Tootselts and Documentation Build tool and IDE Intellisense VSCODE, Android Studio and IntelliJ Dart Pub Packages Good Documentation The community is growing rapidly - Tutorials, Stackoverflow, YouTube etc.
30. How to Flutter does this ?
31. Image credite: AlibabaTech WebViews
32. Image Credits: AlibabaTech Reactive views
33. Image Credits: AlibabaTech The Flutter way
35. How to Flutter?
36. Setting up your computer Its is easy when you nixed Sorry windows https://webdev.dartlang.org/tools/sdk#install https://pub.dartlang.org/packages/stagehand#-readme-tab- https://flutter.io/get-started/install/ https://flutter.io/get-started/editor/#androidstudio
37. Just Enough Dart Dart is a language optimized for client-side development for web and mobile. Dart helps you craft beautiful, high-quality experiences across all screens. A client-optimized language Rich, powerful frameworks Delightful, flexible tooling
38. Dart OOP Language Concise to write and approachable Productive Fast Portable
39. Data Types Numbers - integers and doubles Strings Booleans
40. List
41. Maps
42. Functions
43. Anonymous and first class functions
44. Classes
45. Async Dart
46. HTTP Programming
47. E don do?
48. Start Fluttering
52. WTH is a Widget?
53. Stateful vs Stateless widgets
57. Flutter widgets layouts, widgets, scrollers, forms, buttons, Dialogs and alerts, Navigation, Sliders and Indicators, working with images
59. So what next?
60. How to keep Fluttering
61. Shuaib Afegbua, Ectorium @afegbuas Location Thank you!