Build Native Mobile & Web App with flutter

Build Native Mobile & Web App with flutter

A basic Introduction, what is Flutter and how it works, the architecture of Flutter. What are the pain points of Android Developers and how it is been resolved in Flutter? And a live code demo.

Talk delivered at GDG Rajkot on 1st Sep 2019

Transcript

2. Build Native Mobile & Web App With Flutter Parth Jansari | Jadav Chirag
3. Hello! Parth jansari The first explorer, Freelancer, Organizer @gdggandhinagar Twitter: @jansariParth Github: @parth181195 Stackoverflow: parth-jansari
4. Hello! Chirag Jadav Udacity Certified Developer | Flutter Enthusiast Software Engineer Twitter: @JadavRadhe Github: @JadavChirag LinkedIn: Jadav Chirag
5. My Mom loves Cooking mad scientist @kitchen
6. Result I needed 44 inch pants pic-2018(devfest gandhinagar)
7. Then one day my mom was like Aaj kuch tufani karteee hain Bhaijan @myhome
8. Then my mom had an idea for an app!!! CEO @myhome
9. Mom said teach me! Student @myhome
15. Outline What is Flutter? Widget catalog Flutter CodeLab : Counter App ( Android/iOS) Flutter Web Gossip time!! Contact Us
16. What is Flutter ? An open-source X platform SDK, developed by Google Works for both Android and iOS(pre-alpha for web, windows, mac & linux) Make high-performing, modern and beautiful apps 250+ active contributors around the globe
17. Single codebase compiles to native arm code for each platform which results in faster performance App comes with own ui rendering engine that uses GPU to accelerate rendering of Widget tree. Uses dart Why flutter?
18. Be highly productive Create beautiful, customised user experiences Modern reactive framework Fast 2D rendering engine Tooling Huge library of widgets Why use Flutter?
19. Why Dart?
20. Strongly Typed Object Oriented language Familiar Language experience like Swift, C#, Java and JavaScript JIT ( Just In Time )Compilation: Hot Reload: Code is continuously recompiled on devices AOT ( Ahead of Time ) Compilation: Code is directly compiled to native ARM code, leads to Fast startup and better performance. Why Dart?
21. Cli tools Support for hot reload/restart Widget inspector Dart observatory Tooling
22. Flutter CLI
23. Create Projects($ flutter create app_name) Run Project($ flutter run) Some Commands
24. Demo Time
25. Any Flutter app starts with main() function Void main(){ // This method ‘runApp’ comes from “package:flutter/material.dart” runApp(...somewidget...) } When creating any widget, always have a “,” comma after the last attribute of that widget. This helps in formatting the code with Dart Format. Things to Remember
26. Everything is widget's. Widgets are the foundation of Flutter apps. A widget is a description of part of a user interface. Widgets are the basic building blocks of a Flutter app’s user interface. Each widget is an immutable declaration of part of the user interface. Unlike other frameworks that separate views, view controllers, layouts, and other properties, Flutter has a consistent, unified object model: the widget. https://flutter.dev/docs/development/ui/widgets Widgets
27. a structural element (like a button or menu) a stylistic element (like a font or color scheme) an aspect of layout (like padding) some business logic A widget can define:
28. Rich set of widgets
29. Flutter can help you build cross platform apps easily The app being built is high quality, and fast Native platform APIs can be accessed Flutter offers Material Design components Key takeaways
30. “A wise man once said to create an app you must write code” A wise man(parth jansari)
31. Let’s Code. http://bit.ly/devfestrajkot-flutt er
32. Thank you!!