Catatan Pertemuan

Pertemuan 1

• Pengenalan Dart & Flutter
• Instalasi
• check materi pelajaran di ruang-belajar.github.io/dart-flutter

Pertemuan 2

• Instalasi
• Membuat program flutter mengunakan dartpad.dev
• Membuat program sederhana, menggunakan: Scaffold, Container, Text, Expand, Column

  Scaffold(
      body: Column(
          children: [
            Expanded(
              child: Container(
                color: Colors.yellow,
                child: Text("Baris 1"),
              )
            ),
            Text("Baris 2"),
            Text("Baris 3")
          ],
        ),
    );
  

• Tugas: Setup Visual Studio Code sehingga bisa menjalankan program Flutter. Anda bisa check Youtube: Dart & Flutter Installation (Erico Darmawan Handoyo) untuk petunjuk step-by-step instalasi.

Pertemuan 3

• Setup Github.
• Membuat Layout contoh-layout-1
  • Widget: Column, Row, Expanded, Container, Text, Icon, Image.
  • Mendaftarkan folder assets
  • Submit ke repositori
• Membuat Layout contoh-layout-4
  • Membagi bagian-bagian ke dalam bentuk function
  • Submit ke repositori

Pertemuan 4

• New Project: Layout2
• Stack
• ElevatedButton
• Multiple page view ➡️ Navigate to a new screen and back
• contoh: contoh-layout-5

Pertemuan 5

• Lanjutkan Layout2
• url_launcher
• memisahkan widget ke file terpisah
• snippets “stl” untuk generate struktur kode widget stateless
• shortcut merapihkan format: Shift+Alt+F
• Objek: GridView
• Shortcut: Ctrl+.

Pertemuan 6

• New Project: layout3
• Siapkan gambar dan folder assets, tambahkan konfigurasi di pubspac.yaml
• Buat halaman 1:
  • Text (nama), ElevatedButton (“Form”, “Contact”)
• Tugas:
  • tambahkan object package animated_text_kit ke halaman 1
  • selesaikan halaman 2
  • Layout 2: Submit/Publish
  • repository: https://classroom.github.com/a/VVK0NJfy

Pertemuan 7

• Latihan membuat form
  • 2 halaman
• Siapkan bookmark untuk link-link penting
• Persiapan ujian
  • buat project flutter baru
  • download repositori uts
  • copy flutter project baru ke folder repository
  • buka kembali folder repository menggunakan VS Code

Pertemuan 8

• UTS

Pertemuan 9

• Stateless & Stateful Widget
• StatefulWidget
• Latihan:
  • program nama depan + nama belakang
  • program hitung luas persegi

Pertemuan 10

• url_launcher
• test program ke HP
• Program Kirim WA

Pertemuan 11

• Program Kirim WA
  • validasi nomor telepon:
  • contoh-layout-6.png
• Tutorial Dart - pertanikode
• Download Contoh project - E-commerce

Pertemuan 12

• Flutter Version Management
• Review contoh project e-commerce
• Modifikasi:
  • rubah kategori (Hand bag, Jewellery, Footwear, Dresses), menjadi bahasa Indonesia
• Tugas download dan setup project https://github.com/rajayogan/flutterui-curveddesigns