Flutter Introduction Lecture 1 2022 PDF

Lecture 1 An Introduction to Flutter ‫ ابراهيم البلطه‬.‫د‬ 2022 Mobile Apps development (Flutter)  Text book ✓ Thomas Bailey and Alessandro Biessek, 2021, Flutter for Beginners: An introductory guide to building cross...

Lecture 1 An Introduction to Flutter ‫ ابراهيم البلطه‬.‫د‬ 2022 Mobile Apps development (Flutter)  Text book ✓ Thomas Bailey and Alessandro Biessek, 2021, Flutter for Beginners: An introductory guide to building cross-platform mobile applications with Flutter 2.5 and Dart, Second Edition, Packt. ✓ Michael Katz, Kevin David Moore and Vincent Ngo, 2020, Flutter Apprentice, First edition, Razeware LLC. 2022 D. Ibrahim Al-Baltah 2  What is Flutter? ✓ In the simplest terms, Flutter is a software development toolkit from Google for building cross- platform apps. ✓ Flutter apps consist of a series of packages, plugins and widgets. 2022 D. Ibrahim Al-Baltah 3  What is Flutter?... ✓ One thing Flutter is not a language. ✓ Flutter uses Dart as its programming language. ✓ If you know Kotlin, Swift, Java or Typescript, you’ll find Dart familiar, since it’s an object-oriented C-style language. ✓ You can compile Dart to native code, which makes it fast. ✓ It also uses a virtual machine (VM) with a special feature: hot reload. This lets you update your code and see the changes live without redeploying it. 2022 D. Ibrahim Al-Baltah 4  Great things about Flutter ✓ Flutter is open-source. ✓ Flutter uses the Dart programming language. ✓ One of the best features of Flutter is hot reload. ✓ Sometimes, you make changes that affect too much of the widget tree or app state to hot reload easily. In those cases, you can use hot restart. ✓ Flutter is purposely attractive, using Google’s Material Design out of the box. ✓ Flutter comes with great animations and transitions, and you can build custom widgets as well. ✓ ….. 2022 D. Ibrahim Al-Baltah 5  Flutter Framework 2022 D. Ibrahim Al-Baltah 6  Typical Flutter project structure 2022 D. Ibrahim Al-Baltah 7  Widgets ✓ Flutter widgets are a core part of the framework and are used constantly throughout your code. ✓ Widgets can be understood as the visual (but not only that) representation of parts of the application. ✓ Many widgets are put together to compose the UI of an application. ✓ The intention of widgets is to provide a way for your application to be modular, scalable, and expressive with less code and without imposing limitations. 2022 D. Ibrahim Al-Baltah 8  Widget tree 2022 D. Ibrahim Al-Baltah 9  Dart Programming Language 2022 D. Ibrahim Al-Baltah 10  Dart (a programming language) ✓ Dart is a great modern, cross-platform, general-purpose language that continually improves its features, making it more mature and flexible. ✓ That's why the Flutter framework team chose the Dart language to work with. ✓ Dart provides most of the standard operators for manipulating variables; the built-in types are the most common ones found in high-level programming languages, and the control flows and functions are very similar to what you will have experienced elsewhere. 2022 D. Ibrahim Al-Baltah 11  Dart is Object oriented programming ✓ Following OO principles ensures that Dart has the benefits of – encapsulation, – inheritance, – composition, – abstraction, – polymorphism. 2022 D. Ibrahim Al-Baltah 12  Dart operators ✓ Arithmetic operators: +, -, *, /, %, ~/. ✓ Increment and decrement operators: ++, -- ✓ Equality and relational operators: == , !=, >, =,