🚀 Belajar Dart & Flutter Dasar – Santai Tapi Nempel!

🚀 Belajar Dart & Flutter Dasar – Santai Tapi Nempel!

Hai bestie koding! 😎
Kalau kamu baru mulai nyemplung ke dunia Flutter, step pertama yang wajib kamu pelajari adalah Dart – bahasa pemrograman utama buat bikin aplikasi Flutter.

Yuk kita bahas materi dasarnya, biar kamu makin paham dan siap buat bikin aplikasi kece!

---

🧠 1. Apa itu Dart?

Dart tuh bahasa pemrograman yang diciptakan sama Google.
Cocok banget buat bikin aplikasi mobile, web, dan desktop, tapi paling hits ya buat Flutter.

✨ Dart itu mirip kayak JavaScript + Java, tapi lebih modern dan clean.

---

🧱 2. Struktur Dasar Program Dart

void main() {
  print('Halo dunia!');
}

💬 Penjelasan:

• void main() → titik awal program dijalankan.

• print(...) → buat nampilin teks di console.

📌 Gampang banget, kan?

---

🧩 3. Variabel & Tipe Data

Di Dart, variabel bisa ditulis kayak gini:

String nama = 'Darsu';
int umur = 17;
double tinggi = 170.5;
bool aktif = true;

🧠 Tipe data yang sering dipakai:

• int → bilangan bulat (contoh: 10)

• double → bilangan desimal (contoh: 3.14)

• String → teks (contoh: "Halo")

• bool → true / false

• List → kumpulan data (array)

• Map → data berpasangan (key : value)

Contoh List dan Map:

List<String> hobi = ['ngoding', 'makan', 'rebahan'];
Map<String, String> siswa = {'nama': 'Darsu', 'kelas': 'XI PPLG'};

---

🔁 4. Percabangan & Perulangan

IF ELSE

int nilai = 85;

if (nilai >= 75) {
  print('Kamu lulus! 🥳');
} else {
  print('Belajar lagi yaa 😅');
}

FOR LOOP

for (int i = 1; i <= 5; i++) {
  print('Ini perulangan ke-$i');
}

---

📱 5. Kenalan sama Flutter

Flutter itu framework dari Google buat bikin aplikasi mobile Android & iOS dari 1 codebase.
Jadi kamu nulis satu kali, bisa jalan di dua HP. Mantap kan?

👀 Aplikasi Flutter ditulis pakai Dart, dan tampilannya dibangun pakai Widget.

---

🧪 6. Contoh Aplikasi Flutter Super Dasar

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Hello Flutter')),
        body: Center(child: Text('Hai Dunia!')),
      ),
    );
  }
}

💡 Yang perlu kamu tahu:

• MaterialApp = aplikasi berbasis Material Design (standar UI Android).

• Scaffold = kerangka dasar: appbar, body, dll.

• Text() = buat nampilin teks.

---

📌 Kesimpulan

🧩 Untuk mulai ngoding Flutter, pastikan kamu udah ngerti:

• Cara nulis program Dart sederhana

• Variabel & tipe data

• Percabangan dan perulangan

• Struktur dasar aplikasi Flutter

---

🎯 Next Step?

✅ Coba coding di https://dartpad.dev/
✅ Eksperimen pakai https://zapp.run buat Flutter Web
✅ Mau lanjut belajar UI? Kita bahas widget selanjutnya kayak Image, Button, dan ListView 💪

---

Ayo ngoding, jangan cuma rebahan~ 🚀✨

---

Salam : Redaksi