$30 off During Our Annual Pro Sale. View Details »

The Flutter Revolution - Recipe for building apps without pain

The Flutter Revolution - Recipe for building apps without pain

Shuaib Afegbua

November 24, 2018
Tweet

More Decks by Shuaib Afegbua

Other Decks in Programming

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

  34. 34

  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

  49. None
  50. None
  51. None
  52. WTH is a Widget?

  53. Stateful vs Stateless widgets

  54. None
  55. None
  56. None
  57. Flutter widgets layouts, widgets, scrollers, forms, buttons, Dialogs and alerts,

    Navigation, Sliders and Indicators, working with images
  58. None
  59. So what next?

  60. How to keep Fluttering

  61. Shuaib Afegbua, Ectorium @afegbuas Location Thank you!