UIDF Lab - 3-1 R23
Uploaded by
Siva ShankarUIDF Lab - 3-1 R23
Uploaded by
Siva ShankarL T P C
III Year I Semester User Interface Design using Flutter
0 0 2 1
USER INTERFACE DESIGN USING FLUTTER
Course Objectives:
The main objectives of the course are:
Learns to Implement Flutter Widgets and Layouts.
Understands Responsive UI Design and with Navigation in Flutter.
Knowledge on Widgets and customize widgets for specific UI elements,
Themes.
Understand to include animation apart from fetching data.
Knowledge on writing unit test cases for UI components.
Course Outcomes:
At the end of the course, the student will be able to
CO 1: Implement Flutter Widgets and Layouts.
CO 2: Design Responsive UI with Navigation in Flutter.
CO 3: Create custom widgets for specific UI elements and also apply styling using
themes and custom styles.
CO 4: Design a form with various input fields, along with validation and error
handling.
CO 5: Fetches data and write code for unit Test for UI components and also animation.
List of Experiments
1. a) Install Flutter and Dart SDK.
b) Write a simple Dart program to understand the language basics.
2. a) Explore various Flutter widgets (Text, Image, Container, etc.).
b) Implement different layout structures using Row, Column, and Stack widgets.
3. a) Design a responsive UI that adapts to different screen sizes.
b) Implement media queries and breakpoints for responsiveness.
4. a) Set up navigation between different screens using Navigator.
b) Implement navigation with named routes.
5. a) Learn about stateful and stateless widgets.
b) Implement state management using set State and Provider.
6. a) Create custom widgets for specific UI elements.
b) Apply styling using themes and custom styles.
7. a) Design a form with various input fields.
b) Implement form validation and error handling.
8. a) Add animations to UI elements using Flutter's animation framework.
b) Experiment with different types of animations (fade, slide, etc.).
9. a) Fetch data from a REST API.
b) Display the fetched data in a meaningful way in the UI.
10. a) Write unit tests for UI components.
b) Use Flutter's debugging tools to identify and fix issues.
Text Books:
1. Marco L. Napoli, Beginning Flutter: A Hands-on Guide to App Development.
2. Rap Payne, Beginning App Development with Flutter: Create Cross-Platform Mobile
Apps 1st Edition, Apres.
3. Richard Rose, Flutter & Dart Cookbook, Developing Full stack Applications for the
Cloud, Oreilly.
Reference Books:
1. Learning Continuous Integration with Jenkins: A beginner's guide to implementing
Continuous Integration and Continuous Delivery using Jenkins - Nikhil Pathania ,Packt
publication.
2. Jenkins 2 – Up and Running: Evolve Your Deployment Pipeline for Next Generation
Automation - Brent Laster, O’Reilly publication.
Online Resources:
1. infyspringboard.onwingspan.com/web/en/page/lex_auth_01366558964890009633
2.
infyspringboard.onwingspan.com/en/viewer/html/lex_auth_01353898917192499226
9_shared
