10-Day Winter School Schedule (20 Hours)

• Topic: Web App Development using Flutter
  Duration: 10 Days
  Daily Time: 2 Hours
  Total: 20 Hours

Day 1 – Introduction to Flutter & Dart (2 hrs)

Topics

• What is Flutter? Why Flutter for Web?

• Installing Flutter & VS Code

• Basic Flutter project structure

• Introduction to Dart language (variables, data types, functions)

Practical

• Run first Flutter project (“Hello Flutter Web”)

Day 2 – Flutter Widgets Basics (2 hrs)

Topics

• Understanding widgets (Stateless & Stateful)

• Text, Image, Button, Icons

• Hot reload & hot restart

Practical

• Create a basic homepage using common widgets

Day 3 – Layouts & UI Design (2 hrs)

Topics

• Row, Column, Container

• Padding, Margin, Alignment

• Scaffold & AppBar

Practical

• Design a multi-section web home page layout

Day 4 – Navigation and Routing (2 hrs)

Topics

• Single-page vs Multi-page apps

• Navigator & routes

• Passing data between pages

Practical

• Create 2–3 navigable pages

Day 5 – User Input & Forms (2 hrs)

Topics

• TextField, Dropdown, Checkbox, Radio

• Form validation

• Processing user input

Practical

• Build a signup/contact form page

Day 6 – State Management Fundamentals (2 hrs)

Topics

• What is state?

• setState and Stateful Widgets

• When and why state management is needed

Practical

• Build a simple counter or task list app

Day 7 – Connecting Flutter with Backend / API (2 hrs)

Topics

• What is an API?

• Fetching data from a public API using http package

• JSON parsing basics

Practical

• Display data from a public API in the app

Day 8 – Data Storage (Local or Web-based) (2 hrs)

Topics

Choose based on level:

• Local storage with Shared Preferences
  OR

• Cloud backend intro (e.g., Firebase overview)

Practical

• Store and retrieve user information locally

Day 9 – Mini Project Development (2 hrs)

Students build a small web app such as:

• To-Do List Web App

• Student Data Dashboard

• Weather Info App (using API)

• Basic Portfolio or Resume Website

Teacher Support

• Debugging and guidance

Day 10 – Project Presentation & Review (2 hrs)

Activities

• Final project presentation

• Feedback & evaluation

• Certificates and closing session

1. Develop basic web applications using Flutter with a structured and widget-based approach.

2. Understand the fundamentals of Flutter project structure, components, and development workflow.

3. Design visually appealing user interfaces using common widgets, layouts, and styling elements.

4. Implement user input handling and form validation within Flutter applications.

5. Build multi-screen web applications with proper navigation and routing.

6. Apply basic state management concepts to create dynamic and interactive web experiences.

7. Integrate Flutter applications with APIs or backend services to display real-time data.

8. Store and retrieve application data locally or through simple backend connections.

9. Develop and present a functional mini web app as a project demonstration.

10. Gain confidence and foundational skills to further pursue mobile, web, or cross-platform development with Flutter.

Name: Ms. Mangala Sharma

Mobile No: 6268593114

Email: [email protected]

Q1. Who can enroll in this Winter School course?

This course is open to Class 12 students, first-year undergraduate students, and beginners who are interested in learning web or app development. No prior programming experience is required.

Q2. Do I need prior knowledge of coding to join this course?

No. The course is designed for absolute beginners. All concepts,  Flutter basics, will be taught from scratch.

Q3. What is Flutter and why is it used for web app development?

Flutter is a modern UI framework developed by Google that allows developers to build fast, responsive, and visually attractive web applications using a single codebase.

Q4. What programming language will be used in this course?

The course uses Dart, which is simple, easy to learn, and well-suited for beginners.

Q5. What will I be able to build by the end of the course?

By the end of the Winter School, students will be able to build a basic functional web application, such as a portfolio site, to-do app, student dashboard, or API-based web app.

Q6. Is this course theoretical or practical?

This is a hands-on, practical-oriented course. Each session includes live demonstrations, coding practice, and mini-tasks.

Q7. What software or tools are required for this course?

Students will need:

• A computer/laptop

• Internet connection

• Flutter SDK

• VS Code or Android Studio
  All required installations will be guided during the course.

Q8. Will students receive a certificate after completion?

Yes. Participants who successfully complete the course and mini project will receive a Certificate of Participation/Completion.

Q9. How will this course help in future studies or careers?

This course builds a strong foundation in cross-platform development, enhances logical thinking, and prepares students for advanced learning in mobile apps, web apps, and full-stack development.

Q10. Can Flutter skills be used for mobile app development also?

Yes. Flutter is a cross-platform framework, and the skills learned in this course can be directly applied to Android and iOS app development as well.

Q11. Will there be assessments or exams?

There will be continuous assessment through practical work and evaluation based on the final mini project. No written exams are required.

Q12. How many hours is the Winter School program?

The program is of 20 hours, conducted over 10 days with 2 hours per day.