No content

Build Native Mobile & Web App With Flutter Parth Jansari | Jadav Chirag 

Hello! Parth jansari The first explorer, Freelancer, Organizer @gdggandhinagar Twitter: @jansariParth Github: @parth181195 Stackoverflow: parth-jansari 

Hello! Chirag Jadav Udacity Certified Developer | Flutter Enthusiast Software Engineer Twitter: @JadavRadhe Github: @JadavChirag LinkedIn: Jadav Chirag 

My Mom loves Cooking mad scientist @kitchen 

Result I needed 44 inch pants pic-2018(devfest gandhinagar) 

Then one day my mom was like Aaj kuch tufani karteee hain Bhaijan @myhome 

Then my mom had an idea for an app!!! CEO @myhome 

Mom said teach me! Student @myhome 

No content

No content

No content

No content

No content

Outline What is Flutter? Widget catalog Flutter CodeLab : Counter App ( Android/iOS) Flutter Web Gossip time!! Contact Us 

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 

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? 

Be highly productive Create beautiful, customised user experiences Modern reactive framework Fast 2D rendering engine Tooling Huge library of widgets Why use Flutter? 

Why Dart? 

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? 

Cli tools Support for hot reload/restart Widget inspector Dart observatory Tooling 

Flutter CLI 

Create Projects($ flutter create app_name) Run Project($ flutter run) Some Commands 

Demo Time 

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 

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 

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: 

Rich set of widgets 

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 

“A wise man once said to create an app you must write code” A wise man(parth jansari) 

Let’s Code. http://bit.ly/devfestrajkot-flutt er 

Thank you!!