DEV Community: Azuvicenna

Roadmap TypeScript

Azuvicenna — Mon, 28 Apr 2025 14:25:44 +0000

Kalau kamu udah jago JavaScript, pastinya udah denger-denger dengan TypeScript. Bisa dibilang TypeScript adalah versi super-nya JavaScript dengan tambahan tipe data pada syntax-nya. TypeScript ini bisa bikin kamu lebih produktif dan bebas dari bug aneh di JavaScript.

Gimana sih cara kuasain TypeScript? Tenang aja, kalau kamu sudah terbiasa dengan JavaScript proses belajarnya gak akan lama kok. Gw bakal kasih roadmap belajarnya secara lengkap mulai dari Fundamental sampai OOP. Inget ya!, ini cuma roadmap, kamu bisa cari materi belajar sesuai roadmap ini di YouTube atau dokumentasi resmi TypeScript.

TypeScript Fundamental🤓

Pada bagian ini kita akan buat roadmap fundamental dari TypeScript itu sendiri.

TypeScript Paling Dasar

Fokus: Memahami bagaimana TypeScript bekerja, Tipe data, dan dasar penggunaanya.

Cara install, setup TypeScript, dan pahami tsconfig.json
Tipe data dasar kayak: string, number, boolean, any, unknown, null, dan undefined
Union & Literal types
Type alias & interfaces
Enum
Function typing (parameter, return, optional/default param)
Array & Tuple
Type narrowing (type guard)

TypeScript Menengah

Fokus: Membuat kode lebih aman, reusable, dan scalable

Interface vs Type alias (kapan waktu yg tepat untuk pakai)
Extending types
Optional chaining dan nullish coalescing
Type assertion & non-null assertion
Function overloads
Type guards manual (in, typeof, instanceof)
Discriminated unions

TypeScript Lanjutan

Fokus: Typing yang kompleks dan powerful untuk skala besar.

Generic types
Utility types: Partial, Pick, Omit, Record, Readonly, dan Required
Conditional types (T extends U ? X : U)
Mapped types
Template literal types
Infer keyword
Declaration merging

TypeScript OOP😎

Pada bagian ini kita akan buat roadmap lanjutan dari fundamental sebelumnya yaitu OOP di TypeScript.

OOP (Object-Oriented Programming)

Fokus: Membuat kode program ke dalam bentuk object yang ada di dunia nyata

Class, constructor, dan inheritance
Access modifier: public, private, protected, dan readonly
Abstract class & interface implementation
Static method & property
Getter & Setter

Jadi itu dia roadmap belajar TypeScript yang saya rekomendasikan semoga roadmap ini bisa menjadi jalan petunjuk belajar yang lebih baik. Thanks:)

Conventinal Commits

Azuvicenna — Mon, 28 Apr 2025 14:24:16 +0000

Conventional commits adalah aturan commit yang baik dan benar dengan menambahkan prefix pada awal message commit. Sebenarnya tidak ada aturan yang mengharuskan untuk menggunakan conventional messages. Namun, dengan menerapkan conventional messages, commit yang kita buat menjadi terstruktur dan mundah untuk dipahami terutama saat bekerja dengan tim.

Dibawah ini merupakan conventional messages yang direkomendasikan oleh para programmer di dunia.

feat: menambahkan fitur baru
fix: memperbaiki bug
docs: menambahkan atau memperbarui dokumentasi
style: memperbarui penulisan kode tanpa merubah logika
refactor: memperbarui kode tanpa mengubah perilaku
test: menambahkan atau memperbarui testing
chore: memperbarui dependensi atau tugas yang tidak berhubungan langsung dengan fitur atau bugfix

Sebagai contoh implementasinya seperti ini:

git commit -m "feat: menambahkan fitur login"

Kamu juga bisa memperkecil scope nya dengan menambahkan keterangan pada dalam kurung. Contohnya seperti ini:

git commit -m "feat(auth): menambahkan fitur login"

Untuk lebih lengkapnya, kamu bisa baca disini ya!

Apa Itu HTML?

Azuvicenna — Wed, 04 Sep 2024 23:24:05 +0000

Dalam dunia pemrograman web kita tidak dapat lepas dengan kaitannya dengan bahasa HTML, dikarenakan HTML merupakan bagian penting berdirinya halaman website.

Html merupakan singkatan dari Hypertext Markup Language yang merupakan bahasa markup untuk membuat kerangka halaman website. Jika di ibaratkan HTML adalah berperan sebagai tulang/skeleton manusia.

HTML pertama kali diciptakan oleh Sir Tim Berners-Lee pada akhir tahun 1991, namun tidak dirilis secara resmi. Versi pertama HTML dirilis pada tahun 1993.

Berikut adalah beberapa versi HTML yang pernah dirilis:

HTML 1.1
Dirilis pada Juni 1993 oleh Tim Berners-Lee
HTML 3.2
Dirilis pada tahun 1997 oleh W3C, yang menambahkan elemen-elemen baru seperti tag formulir dan tag tabel
HTML 4.01
Diterbitkan pada akhir tahun 1999 dan menjadi standar resmi pada bulan Desember 1999
HTML 5
Dirilis pada tahun 2012, merupakan terusan dari perpanjangan versi HTML 4.01

Apa yang bisa dilakukan HTML?

Di dalam HTML kita bisa menampilkan konten dalam bentuk grafis di peramban. Konten tersebut dapat berupa paragraf, daftar poin, gambar, dan tabel data. Kita juga dapat mengarahkan pengguna ke halaman atau website lain menggunakan link tertentu.

Thanks:)

Hello World!, Hello Dev!

Azuvicenna — Mon, 12 Aug 2024 00:27:52 +0000

Hello everyone, this is my first article post.