Skip to content

NadeenRR/flutter_training_gsg

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
README.md
README.md
 
 

Repository files navigation

Flutter Training (GSG)

flutter

Flutter Training for Gaza Sky Geeks

Gaza Sky Geeks is a program of Mercy Corps, a leading global humanitarian agency
working on some of the world's toughest challenges.

Flutter Gaza Sky Geeks

Level 0️⃣:-

👋 By the Name of God, Let's Started

Level 1️⃣:-

📢 Introduction to App Development with Flutter

Level 2️⃣:-

📢 Anatomy of the First Flutter App

Level 3️⃣:-

📢 Creating Beautiful UI with Flutter - P1

Level 4️⃣:-

📢 Creating Beautiful UI with Flutter - P2

Question

  • Create new Flutter App with your name and the number of assignment.

  • Change the App icon to your own.

  • Create two dart file on the lib folder, and code the two attached design.

  • Question && Answer

Level 5️⃣:-

📢 Creating Beautiful UI with Flutter - P3

Question

  • Create new Flutter App with your name and the number of assignment.

  • Create two dart file on the lib folder, and code the two attached design.

  • Question

  • Answer

Level 6️⃣:-

📢 Building apps with State

Question

Level 7️⃣:-

📢 Variables, Functions, and Dart Basics

Level 8️⃣:-

📢 Leveraging Flutter Packages to Speed up development

Based on music app example on session 08:

  • use Piano package to build the piano keys and ui.
  • use flutter_midi package to run(.sf2) files.

Attachments:

Level 9️⃣:-

📢 Leveraging Flutter Packages to Speed up development

Level 🔟:-

📢 Structuring Flutter Apps - P1

Level 1️⃣1️⃣:-

📢 Structuring Flutter Apps - P2

Level 1️⃣2️⃣:-

📢 Structuring Flutter Apps - P3

Level 1️⃣3️⃣:-

📢 Git & GitHub

Level 1️⃣4️⃣:-

📢 Collaborative Challenge

Level 1️⃣5️⃣:-

📢 creating beautiful UI with flutter for intermediates

Level 1️⃣6️⃣:-

📢 creating beautiful UI with flutter for intermediates - P2

Finishing bmi_tt9 project

  • Beautiful design and colors based on the design.
  • Clean architecture and reusable widgets and components.
  • dmi brain class to collect all functional operations on the app.
  • Navigate to the result page and give the user useful result and feedback.

Attachments:

Level 1️⃣7️⃣:-

📢 Powering Flutter Apps with Backend Data

  • Sessions 👨‍🏫

  • Resources 📚

  • Code 💻

    • using CustomPainter class to pint Weather Forecast App UI

    • Flutter UI

      import 'package:flutter/material.dart';

class LoadingScreen extends StatefulWidget {
    const LoadingScreen({super.key});

    @override
    LoadingScreenState createState() => LoadingScreenState();
  }

  class LoadingScreenState extends State<LoadingScreen> {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        backgroundColor: Colors.grey.shade100,
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Center(
              child: CustomPaint(
                size: const Size(300, 200),
                painter: MyPainter(),
              ),
            ),
          ],
        ),
      );
    }
  }

  class MyPainter extends CustomPainter {
    //final double borderRadius;

    final Paint _borderpaint = Paint()
      ..color = Colors.grey.shade300
      ..strokeWidth = 1.0
      ..style = PaintingStyle.stroke
      ..strokeJoin = StrokeJoin.round;

    final Paint _paint = Paint()
      ..color = Colors.white
      ..strokeWidth = 1.0
      ..style = PaintingStyle.fill
      ..strokeJoin = StrokeJoin.round;

    //MyPainter(this.borderRadius);

    @override
    void paint(Canvas canvas, Size size) {
      double x = size.width;
      double y = size.height;
      double arc = 25;
      double yFactore = y * 0.4;
      double xFactore = x * 0.5;
      var path = Path();
      path.moveTo(arc, 0);
      path.lineTo((xFactore) - arc, 0);
      path.quadraticBezierTo(xFactore, 0, xFactore, arc);
      path.lineTo(xFactore, yFactore - arc);
      path.quadraticBezierTo(xFactore, yFactore, xFactore + arc, yFactore);
      path.lineTo(x - arc, yFactore);
      path.quadraticBezierTo(x, yFactore, x, yFactore + arc);
      path.lineTo(x, y - arc);
      path.quadraticBezierTo(x, y, x - arc, y);
      path.lineTo(arc, y);
      path.quadraticBezierTo(0, y, 0, y - arc);
      path.lineTo(0, arc);
      path.quadraticBezierTo(0, 0, arc, 0);

      canvas.drawPath(path, _paint);
      canvas.drawPath(path, _borderpaint);
    }

    @override
    bool shouldRepaint(covariant CustomPainter oldDelegate) {
      // TODO: implement shouldRepaint
      throw true;
    }
  }

Level 1️⃣8️⃣:-

📢 Powering Flutter Apps with Backend Data P2

Level 1️⃣9️⃣:-

📢 Powering Flutter Apps with Backend Data P3

Level 2️⃣0️⃣:-

📢 Powering Flutter Apps with Backend Data P4

Level 2️⃣1️⃣:-

📢 Powering Flutter Apps with Backend Data P5

Level 2️⃣2️⃣:-

📢 Finishing Quran App

Level 2️⃣3️⃣:-

📢 Quiz

Level 2️⃣4️⃣:-

📢 Isolate, Future, and Future Builder

Level 2️⃣5️⃣:-

📢 Full Stack System Development (information only)

Level 2️⃣6️⃣:-

📢 Full Stack System Development P2

Level 2️⃣7️⃣:-

📢 Challenge Day: Betweener App

Level 2️⃣8️⃣:-

📢 Introduction to Flutter Animations

Level 2️⃣9️⃣:-

📢 Integrating Flutter Apps with Firebase

Level 3️⃣0️⃣:-

📢 Integrating Flutter Apps with Firebase P2

Level 3️⃣1️⃣:-

📢 Introduction to State Management p1

Level 3️⃣2️⃣:-

📢 Introduction to State Management p2

Level 3️⃣3️⃣:-

📢 Google Maps & Easy Localization

Level 3️⃣4️⃣:-

📢 Notifications - Firebase Cloud Messaging (FCM)

Level 3️⃣5️⃣:-

📢 App Architecture and Http Request Handler

Level 3️⃣6️⃣:-

📢 Final Project & Customize GitHub

Level 3️⃣7️⃣:-

📢 Writing custom platform-specific code

Level 3️⃣8️⃣:-

📢 Publishing Apps on Google Play

Level 3️⃣9️⃣:-

📢 Flutter Payments

About

No description, website, or topics provided.

Resources

Readme
Activity

Stars

22 stars

Watchers

1 watching

Forks

4 forks
Report repository

Releases

No releases published

Packages

No packages published