Getting Started with Software Development & Flutter

This Deck was presented to Diploma Students of SAL institute of Engineering, Ahmedabad.

Transcript

1. Getting Started with Software Development & Flutter deep@avyukta.tech @ideepdave Deep Dave It Consultant & Software Engineer
2. What comes to your mind when you hear word “SOFTWARE”
3. Software u Software is a set of instructions, data or programs used to operate computers and execute specific tasks u It can be anything any idea, set of tasks written with the language that computer understands. u Every time you check the time on your phone, you are using software. u Whenever you open a message on Facebook, create a budget in spreadsheet, or join a Zoom call, you are using software.
4. Lets name few of them we use everyday u Snapchat, Instagram, Facebook u Google Chrome u VLC Media Player u Whatsapp u Photoshop u PubG u Microsoft Office Tools - Word, Excel, Powerpoint and many of them… u Android Studio, VS Code – For Programming
5. Main Types To Choose From u Web Development u Mobile App Development u OS specific Development i.e Windows .exe, Mac .dmg, Linux .sh u Game Development
6. Web Development u Front End u HTML u CSS u Javascript Frameworks u Backend – API Development u Java u PHP u ASP .Net u Python, u Ruby, R, GO and many more
7. Game Development u Unity – Js/C# u Escape Plan u Assassin’s Creed: Identity u Temple Run u Unreal Engine – C++ u Fortnite u Players Unknown Battlegrounds
8. Mobile Development u Android Development u Java u Kotlin u iOS Development u Swift u Objective C
9. Native Applications u When people speak of a native mobile application, they are usually referring to an application that has been written using the native development language and tools specific to that platform u A native iOS application would be written in either Swift or Objective-C and compiled using Xcode u A native Android application would have been developed using Kotlin or Java and compiled using Android Studio u Since these applications are developed using the platform’s default solutions, developers have full and easier access to the device’s capabilities; like all the device’s sensors, the user’s address book, and whatever the latest and greatest new bit of technology the phone offers u However Application written for iOS using Swift cannot run on Android, and vice versa.
10. Flutter u Build beautiful native apps in record time - Tagline u Flutter is an SDK which helps to build high-performing, modern and beautiful apps u Works across almost all platforms u An open-source toolkit, developed by Google u 100+ contributions from the open source community u The architecture of Flutter is basically built on Dart programming language. u This language uses Skia C++ engine which allows it to incorporate high-end graphics as the engine is open-source.
11. Flutter For Cross-platform Development u Android u iOS u Windows u MacOS u Linux u Web
13. Flutter For Cross-platform Development
14. Who is flutter for u Designers converge on a brand-driven experience on Android and iOS u Prototypers get a high-fidelity and fast way to build working prototypes. u Developers benefit from fantastic developer tools, an easy-to-use language, a rich set of widgets and great IDE support. Flutter frees up valuable time for working on features and delightful experiences.
16. Design Oriented Development Flow LET’S GET STARTED
17. What Do you see here? https://flutter.dev/docs/development/ui/layout /tutorial
18. Everything is a widget here
19. Widget can be defined as u A structural element (like a Button or Menu) u A design element (like a Font or Color scheme) u A layout element (like a Margin or Padding) u Or It can be a business logic
20. The App itself is a widget
21. The App itself is a widget
22. The App itself is a widget
25. Hot Reload u Injecting updated source code files into the running Dart VM u Stateful: App state is retained after a reload. u Quicky iterate on a screen deeply nested in your app
26. Install Flutter HTTPS://FLUTTER.DEV/DOCS/GET-STARTED/INSTALL
27. Tooling u $ flutter doctor Checks your environment and displays a report on terminal u $ flutter upgrade Updates both the Flutter SDK and your packages
28. Everything is Widget
29. SatefulWidget vs. StatelessWidget
31. Stateless widget u Dumb Widget u It doesn’t know anything u Gets render only once or u When the parent widget changes the configuration
32. Stateful Widget u Dynamic which has its own Properties u Those property is know as state of the widget u The state of the widget can be changed by user input, any operation or other widget’s state change. u setState() method is used to change the state. u Each time widget gets rebuild when setState() method gets called
33. Basic Flutter Widgets HTTPS://FLUTTER.DEV/DOCS/DEVELOPMENT/UI/WID GETS/BASICS
34. Lets Run Our Stater App in Different Devices
35. Useful Links For Flutter u https://flutter.dev/ u https://developer.android.com/studio u https://pub.dev/ u https://www.youtube.com/channel/UCJm7i4g4z7ZGcJA_HKHLCVw u https://twitter.com/FlutterDev u https://stackoverflow.com/questions/tagged/flutter
36. Questions?
37. Thank you ! @ideepdave