1. Bagaimana Sintaks Dart Diterapkan pada Flutter?

Flutter dibangun 100% menggunakan bahasa Dart. Semua elemen UI yang Anda lihat di layar smartphone (tombol, teks, gambar, tata letak) adalah Objek Dart yang disebut Widget. Semua konsep yang telah Anda pelajari di modul 1-19 kini menyatu di sini:

• Named Parameters: Digunakan untuk konfigurasi properti Widget (contoh: Text('Halo', style: TextStyle(...))).
• OOP & Inheritance: Setiap widget mewarisi class StatelessWidget atau StatefulWidget.
• Sound Null Safety & Generics: Menjamin keamanan data pada state dan list builder.

2. Anatomi Kode Aplikasi Flutter Pertama

import 'package:flutter/material.dart';

void main() {
  runApp(const AplikasiSMK());
}

// Widget Utama Aplikasi
class AplikasiSMK extends StatelessWidget {
  const AplikasiSMK({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Portal Belajar ridaikrar.web.id',
      theme: ThemeData(primarySwatch: Colors.sky),
      home: const HalamanBeranda(),
    );
  }
}

// StatefulWidget: Halaman yang memiliki data dinamis (State)
class HalamanBeranda extends StatefulWidget {
  const HalamanBeranda({super.key});

  @override
  State<HalamanBeranda> createState() => _HalamanBerandaState();
}

class _HalamanBerandaState extends State<HalamanBeranda> {
  int _skorBelajar = 0;

  void _tambahSkor() {
    setState(() {
      _skorBelajar += 10;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Portal Vokasi ridaikrar.web.id')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text('Total Modul Dart yang Dikuasai:', style: TextStyle(fontSize: 16)),
            Text('$_skorBelajar Poin Kompetensi', style: const TextStyle(fontSize: 28, fontWeight: FontWeight.bold, color: Colors.blue)),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _tambahSkor,
        tooltip: 'Selesaikan Modul',
        child: const Icon(Icons.check),
      ),
    );
  }
}