Menu
CoddyTech
START LEARNING
swift iconBagian dari Perjalanan SwiftBaruPerjalanan

Belajar SwiftUI

Kursus SwiftUI yang gratis dan interaktif. Tulis kode SwiftUI sungguhan di setiap pelajaran, lihat layar yang dibangunnya di pratinjau ponsel secara langsung, dan ketuk layarnya untuk melihat state-mu berubah. Tanpa Mac atau Xcode, dengan petunjuk AI saat kamu buntu, dan sertifikat gratis saat selesai.

Mulai belajar(gratis)
Lihat silabusPlayground Pengenalan SwiftUI

4,616+ coder terdaftar

50 pelajaran50 tantangan106 soal kuis

Silabus

1 bagian1 proyek50 pelajaran50 tantangan106 soal kuis

Bagian ini termasuk dalam Perjalanan Swift. Silabus lengkapnya punya lebih banyak bagian: klik pratinjau mana pun di bawah untuk melihatnya di halaman Perjalanan.

  1. Bagian 1Dasar-Dasar86 pelajaran
  2. Bagian 2Logika dan Alur56 pelajaran
  3. Bagian 3Pemrograman Berorientasi Objek57 pelajaran
  4. Bagian 4

    Pengenalan SwiftUI

    Mulai bagianMulaiLuaskanCiutkan    Buat layar aplikasi dengan Swift dan SwiftUI: view dan modifier, stack dan tata letak, state dan tombol, text field dan toggle, list, navigasi, serta data bersama. Setiap pelajaran menggunakan kode SwiftUI sungguhan yang bisa kamu lihat langsung di pratinjau.50 pelajaran50 tantangan106 soal1 proyek

    Pengenalan

    2 pelajaran28

    Menampilkan Konten

    6 pelajaran615

    Stack dan Tata Letak

    5 pelajaran512

    Pengubah

    5 pelajaran512

    State dan Tombol

    5 pelajaran512

    Input Pengguna

    5 pelajaran512

    Lists

    5 pelajaran512

    Navigasi

    5 pelajaran512

    Berbagi Data

    4 pelajaran49

    Proyek, Coddy Coffee

    Proyek5 pelajaran52

    Tantangan Akhir

    3 pelajaran3
Lihat silabus lengkap Perjalanan Swift
Yang kamu dapatkan
Semua yang kamu pakai untuk belajar coding

Belajar sambil praktik

Tulis kode sungguhan, query database, buat website, dan kuasai prompt AI. Pelajaran interaktif kami mencakup setiap keterampilan yang dibutuhkan developer modern.

playground.js
Editor kode
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Tes #1test Case Success icon
Tes #2test Case Success icon
Tes #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Bangun streakmu

Tetap konsisten dan lihat progresmu bertumbuh! Pantau kebiasaan coding harianmu, lindungi streakmu dengan hari beku, dan raih hadiah karena hadir setiap hari.

12 hari streak

Kembali besok untuk menjaga streakmu!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Gandakan atau hangus

Hari ke-5 dari 7

fire Freeze icon

Pembeku Streak

2 left

Coding di mana saja

Bawa perjalanan coding-mu ke mana saja! Tanpa setup, tanpa unduhan: cukup buka dan mulai coding. Tersedia di iOS, Android, dan Web dengan rating bintang 4,9.

app Store iconUnduh diApp Storegoogle Play iconTersedia diGoogle Play
Python
7Streak
250Skor
5Energi
Variabel
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
Lanjutkan
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Perjalanan
Target
Papan peringkat
Profil
4.9
BintangBintangBintangBintangBintang
Rating

Kamu tidak sendirian

Bersaing di papan peringkat global, ajak teman untuk mendapat hadiah, dan rayakan kemenangan satu sama lain. Coding lebih seru bersama teman!

Liga Challenger
Liga Challenger7 teratas naik
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconZona promosileaderboard Arrow Up icon

Semua cara belajar

Baca, dengarkan, uji dirimu, tanya AI, atau cari lagi apa pun yang sudah kamu pelajari. Setiap pelajaran menyesuaikan diri denganmu.

Pengenalan variabel
Audio

Variabel adalah wadah bernama yang menyimpan nilai yang bisa kamu pakai lagi nanti di programmu.

Di Python, kamu membuatnya dengan menulis nama, tanda sama dengan, lalu nilai yang ingin kamu simpan.

Nilainya bisa berubah seiring waktu. Menetapkan ulang nama itu cukup membuatnya menunjuk ke nilai baru.

1xSarah

Dapatkan sertifikat

Dapatkan sertifikat untuk setiap kursus yang kamu selesaikan. Tambahkan ke profil LinkedIn dan CV-mu untuk menunjukkan keahlian coding-mu kepada pemberi kerja.

CoddySertifikat Penyelesaian
Dengan ini menyatakan bahwaBudi Santosotelah berhasil menyelesaikan
python iconDasar Python
Terverifikasi
TanggalJan 2026
LinkedInTambahkan ke LinkedIn

Kenapa belajar SwiftUI dengan Coddy

  • Bangun layar aplikasi iPhone di browser. Tanpa Mac, tanpa Xcode, dan tanpa simulator yang perlu disiapkan: kodemu dikompilasi di server kami dan pratinjaunya menampilkan layar yang dideskripsikannya, jadi kamu bisa belajar SwiftUI di Windows, Linux, atau Chromebook.
  • SwiftUI yang kamu pakai di setiap layar: teks, font, warna dan SF Symbols, stack, alignment dan Spacer, rantai modifier dan kenapa urutannya penting, tombol dan @State, text field, toggle, slider dan picker, ForEach dan List, NavigationStack, sheet dan alert, lalu @Binding dan observable object untuk berbagi data antar-view.
  • Pratinjau langsung yang bisa diketuk. Ketuk tombol atau nyalakan sakelar di pratinjau, dan view-nya digambar ulang dengan state barunya, jadi kamu melihat cara kerja UI deklaratif, bukan sekadar membaca tentangnya. Kamu bisa beralih ke bingkai ponsel dan menyimpan screenshot hasil buatanmu.
  • Aplikasi-aplikasi kecil di sepanjang jalan, dari label harga dan kartu cuaca sampai pencatat skor, daftar belanja, dan panduan tanaman, lalu aplikasi pemesanan kopi multi-layar sebagai proyek akhir, dan sertifikat SwiftUI gratis saat kamu menyelesaikan bagian ini.

Pertanyaan yang sering diajukan tentang belajar SwiftUI

Apa itu SwiftUI?

SwiftUI adalah framework Apple untuk membuat antarmuka aplikasi dengan Swift. Alih-alih menempatkan dan memperbarui setiap elemen secara manual, kamu mendeskripsikan apa yang harus ditampilkan layar untuk data saat ini, lalu SwiftUI menggambarnya dan menggambarnya ulang setiap kali data itu berubah. Sebuah layar terdiri dari view, yaitu struct kecil dengan body, yang kamu gabungkan dengan stack dan beri gaya dengan modifier. Kode yang sama membangun antarmuka untuk iPhone, iPad, Mac, Apple Watch, Apple TV, dan Vision Pro.

Apakah perlu Mac atau Xcode untuk belajar SwiftUI di sini?

Tidak. Setiap pelajaran berjalan di browser: kodemu dikompilasi di server kami dan pratinjau di sebelah editor menampilkan layar yang dibangunnya, jadi Windows, Linux, dan Chromebook bisa dipakai. Untuk menjalankan aplikasimu di iPhone sungguhan atau menerbitkannya ke App Store, nantinya kamu butuh Mac dengan Xcode, dan semua yang kamu pelajari di sini langsung terpakai di sana.

Apakah pratinjaunya sama dengan milik Xcode?

Perannya sama, tetapi ini bukan simulator iOS. Pratinjaunya dirender oleh implementasi Coddy sendiri untuk view SwiftUI yang diajarkan kursus ini, dari run yang sama dengan yang menilai pelajaranmu, jadi yang kamu lihat persis sama dengan yang diperiksa tes. Ketukan pada tombol, toggle, dan link diputar ulang terhadap kodemu, jadi perubahan @State muncul seperti di aplikasi. Pratinjau ini mencakup view dan modifier di pelajaran, bukan seluruh framework SwiftUI, jadi anggap ini tempat belajar, bukan pengganti Xcode.

Apakah sebaiknya belajar Swift sebelum SwiftUI?

Ya, setidaknya dasarnya. SwiftUI adalah kode Swift: view adalah struct, @State membungkus sebuah property, list melakukan perulangan pada array, dan error type dari compiler adalah error Swift. Bagian ini datang tepat setelah bagian Fundamentals dari perjalanan Swift, yang membahas variabel, type, fungsi, struct, dan optional, jadi kalau Swift masih baru bagimu, mulailah di sana.

SwiftUI atau UIKit: mana yang sebaiknya dipelajari?

Mulailah dengan SwiftUI. SwiftUI adalah cara yang direkomendasikan Apple untuk membuat antarmuka baru, butuh jauh lebih sedikit kode untuk layar yang sama, dan sebagian besar tutorial, contoh kode, dan sesi Apple yang baru memakainya. UIKit adalah framework lama di balik banyak aplikasi yang sudah ada, jadi kamu mungkin bertemu dengannya di pekerjaan, tetapi SwiftUI dan UIKit bisa bekerja bersama dalam satu aplikasi, dan SwiftUI adalah langkah pertama yang lebih mudah.

Apakah SwiftUI sulit dipelajari?

Dasarnya cepat dikuasai: beberapa baris sudah menampilkan teks, gambar, dan tombol di layar, dan pratinjau menunjukkan hasil setiap perubahan. Yang butuh latihan adalah berpikir dalam state, yaitu mengubah data dan membiarkan view digambar ulang, bukan mengubah view-nya sendiri. Karena itulah bagian ini membangun dari @State ke @Binding lalu ke observable object selangkah demi selangkah, dengan aplikasi kecil di akhir setiap bab.

Bisakah belajar SwiftUI online secara gratis?

Bisa. Bagian SwiftUI interaktif ini gratis: pelajaran lengkap, coding praktik di setiap latihan, pratinjau langsung, proyek akhir, dan sertifikat. Tidak ada yang perlu diinstal dan tidak ada akun developer Apple yang perlu dibuat sebelum kamu mulai.

Apakah ada sertifikat setelah kursus SwiftUI?

Ya. Setelah menyelesaikan bagian ini, kamu mendapat sertifikat kelulusan SwiftUI gratis yang bisa kamu bagikan di LinkedIn atau cantumkan di CV. Ini bukan sertifikasi Apple, tetapi bersama aplikasi yang kamu buat sepanjang jalan, sertifikat ini menjadi sinyal yang berguna saat kamu melamar posisi iOS developer.

Jalur belajar yang memuat kursus ini

Kursus ini adalah satu langkah dari jalur yang lebih panjang: beberapa kursus dalam urutan yang akan diajarkan seorang mentor, masing-masing dengan sertifikat gratisnya sendiri.

Ilustrasi bahasa pemrograman di Coddy

Belajar Pengenalan SwiftUI dengan Coddy

Mulai