Overview and Practicalities

Tools and library versions


Tools

In the present course, we use Dart and Flutter for building applications. HTML, CSS, and JavaScript are briefly visited to form an understanding of responsive web design. For working with Dart and Flutter, we strongly recommend using VSCode. The easiest way to get started is to follow Flutter’s Install Flutter guide. When the guide asks for the first type of app, choose “Web” for simplicity, even though the guide suggests “Android”. The web app is easier to set up and run.

Visit the Install Flutter guide for detailed instructions on setting up the development environment.

It is also possible to use other code editors, including IntelliJ IDEA and Android Studio, as mentioned in the Install Flutter guide.

Library versions

The present materials have been written for Dart version 3.5.0 and Flutter version 3.24.0. In Dart and Flutter projects, dependencies are managed using the pubspec.yaml file. The pubspec.yaml file lists the libraries that the project uses and their versions. The pubspec.yaml file is located in the root directory of the project.

The currently used libraries and their versions are as follows:

Additional libraries can be added here as the materials are updated.

Sample pubspec.yaml file

As a starting point, the pubspec.yaml file should contain the following dependencies. Note that below, the name of the project is sample. The name and description fields should be updated to match the actual project (i.e., when you create a project with a different name, the project name in the pubspec.yaml file will differ).

name: sample
description: "Sample pubspec.yaml file for Device-Agnostic Design"
publish_to: 'none'
version: 1.0.0+1

environment:
  sdk: ^3.5.0

dependencies:
  flutter:
    sdk: flutter

  get: 4.6.6
  flutter_form_builder: 9.4.1
  form_builder_validators: 11.0.0


dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^4.0.0

flutter:
  uses-material-design: true