Skip to main content

Posts

Showing posts from January, 2025

If & Else | PHP

Halo! IT Wajib hari ini saya belajar tentang if else di PHP. If else itu suatu perintah yang bisa digunakan untuk mengatur alur logika. Di sini, saya akan menjelaskan tentang if, else if, dan else. If bekerja dengan cara mengeksekusikan code yang ada di dalam bagian if jika kondisi yang ditentukan itu terpenuhi. Kalau ada else if setelah if, maka akan mengeksekusikan code di bagian tersebut  jika kondisi pada else if ini terpenuhi. Terakhir, jika semua kondisi sebelumnya tidak dipenuhi, maka akan mengeksekusikakn code di bagian else. Dalam perintah if else ini, yang diperlukan itu hanya if. Jadi jika hanya menulis if, code-nya masih tetap bisa jalan. Namun jika menulis else if atau else atau keduanya tanpa if sebelumnya, maka code-nya akan error. Itu saja untuk materi if dan else. Selamat jumpa lagi di materi selanjutnya!

Operators | PHP

Halo! IT Wajib kali ini saya belajar tentang operators dalam PHP. Dalam blog ini, saya akan membahas beberapa operator yang ada di dalam operator aritmatika. Operator aritmatika ini menggunakan nilai numerik untuk melakukan aritmatika seperti penjumlahan, pengurangan, perkalian, dan pembagian. Jadi, konsepnya ya seperti matematik. Operator penjumlahan (+) digunakan untuk menambah dua nilai numerik dan mengembalikan hasilnya. Contohnya adalah $x + $y. Operator pengurangan (-) digunakan untuk mengurangi dua nilai numerik dan mengembalikan bedanya. Contohnya adalah $x - $y. Operator perkalian (*) digunakan untuk mengalikan dua nilai numerik dan mengembalikan produknya. Contohnya adalah $x * $y. Operator pembagian (/) digunakan untuk membagi dua nilai numerik dan mengembalikan hasil baginya. Contohnya adalah $x / $y. Itu saja untuk materi operators. Jumpa lagi di materi selanjutnya! Project Source Code View Code Project Name: Demonstrasi Matrix Language(s): PHP Source Code ...

Login & Registration Form | Project

  Halo! Hari ini saya membuat project tentang form login dan registrasi. Sebenarnya ini sama saja dengan yang blog materi HTML Form itu, tapi yang ini lebih lengkap dengan tambahan form login. Versi yang baru ini lebih bagus dari versi yang lama dengan UI-nya yang lebih elegen serta fitur redirect untuk login di bagian kanan atas. Versi ini mengurangi tujuh jenis input menjadi tiga, yaitu hanya email, username, dan password. Untuk password-nya sendiri, akan dicek apakah password-nya minimal 8 karakter. Untuk bagian login-nya, terdapat redirect untuk registrasi di kanan atas juga serta di bawah tombol "Masuk". Di sini juga terdapat link jika pengguna lupa password-nya. Untuk inputnya sendiri hanya ada dua, yaitu yang atas untuk email atau username, dan yang bawah untuk password. Tidak lupa juga, UI kedua form ini saya mengambil inspirasi dari beberapa website seperti Roblox, Pixiv, Twitter (X), dan Github. Itu saja untuk blog ini tentang project login dan registration form. Sa...

IT Wajib | 17 Januari 2025

Halo! Bertemu lagi dengan saya, Bimas. Jumaat ini ada IT Wajib dan podcast yang ada di lab komputer sebelah. Tapi, ternyata ada halangan jadi podcastnya tidak berjalan-jalan dan IT Wajibnya jadi belajar mandiri. Saat belajar mandiri itu, kebetulan teman saya Rajendra minta untuk diajarkan Python. Nah, katanya dia mau belajar Python itu sebab bahasanya muncul di LKS Informatika Semester 2. Jadi, saya sama Angga ajar dia Python. Awal-awalnya itu saya ajarnya dari buku LKS sebab kebetulan saya bawa bukunya. Tapi saya ganti ajarnya dari W3Schools sebab isi LKS-nya itu kayak lompat-lompat materinya. Di W3Schools itu saya mengajari sesuai urutan mulai dari komentar sampai sebagian di casting. Seterusnya itu, ganti Angga yang mengajarkan list, for loops, dan index. Itu saja untuk blog ini. Sampai jumpa lagi di blog selanjutnya!

Web Storage API | JavaScript

Halo! Materi untuk hari ini saya mempelajari tentang web storage API dalam HTML. Web storage itu suatu API yang menyimpan data atau informasi di browser client menggunakan JavaScript. Web storage ini ada dua jenis, yaitu local storage dan session storage. Local storage itu bisa menyimpan data di browser dan akan ada seterusnya, sedangkan session storage itu sama dengan local storage, tapi akan menghapuskan data ketika tab atau browser-nya di tutup. Di sini akan menjelaskan tentang local storage, untuk session storage ganti localStorage dengan sessionStorage. Baiklah, kita langsung saja ke JavaScript-nya. Di fungsi pertama ini, ada sebuah kode yang berfungsi untuk memasukkan data ke web storage. Fungsi ini pertama akan membuat variabel set dan key yang didapatkan dari input teks. Trim itu digunakan untuk membuang spasi di depan dan belakang. Kemudian akan dicek apa kedua variabel itu ada nilainya. Lalu, dimasukkan ke web storage dengan localStorage.setItem(). Kemudian, nilai input teksn...

Variables, Data Types, Operators | PHP

Halo! Hari ini, saya mempelajari tentang variabel, tipe data, dan operator dalam PHP. Apa itu variabel, tipe data, dan operator? Di artikel ini, kita akan membahas beberapa saja. Cukup menunda, mari kita langsung lihat sama-sama. Variabel adalah sebuah wadah atau tempat untuk menyimpan informasi. Di PHP, cara mendeklarasikan atau membuat variabel adalah dengan menggunakan '$' dan kemudian nama variabelnya. Selanjutnya dengan memberi nilai seperti 5 atau "Hello World!" dengan menggunakan '='. Contohnya seperti berikut: $x = 5; $y = "Hello"; $age = 20; Selain menggunakan '$' untuk mendeklarasikan variabel, nama variabel hanya boleh dimulai dengan "A-z" atau '_', dan tidak boleh dimulai dengan "0-9". Nama variabel juga adalah case-sensitive, artinya $age dan $AGE itu berbeda. Seterusnya, tipe data adalah jenis data yang dapat diisikan ke sebuah variabel. Berikut adalah beberapa tipe data di PHP beserta penjelasan dan ...

Drag & Drop API | JavaScript

Halo! Materi hari ini saya mempelajari tentang drag and drop API dalam HTML. Cara kerja fitur ini adalah dengan menyeretkan suatu objek dan meletakkannya di tempat lain, seperti pada dalam <div>. Fitur ini biasanya digunakan untuk mengunggah file, membuat list tugas interaktif, membuat interface interaktif, dan lain-lain. Sebelum kita membuat drag and drop-nya, kita harus membuat target dan objek yang akan diseret. Caranya adalah dengan membuat <div> yang untuk targetnya. Untuk objeknya sendiri, kita bisa menggunakan teks ataupun gambar, tetapi untuk artikel ini akan menggunakan gambar. Setelah itu, tambahkan atribut id , ondrop="drop(event)" , dan ondragover="allowDrop(event)" pada elemen <div>. Kemudian untuk element <img> atau <p>, tambahkan atribut  id , draggable="true" , dan ondragstart="drag(event)"  serta src untuk <img>. Selanjutnya adalah JavaScript-nya. Pertama, kita membuat fungsi allowDrop(event)...

Perbedaan Frontend dan Backend

Halo guys! Jumpa lagi di blog saya. Kali ini, saya akan membahas tentang perbedaan frontend dan backend. Nah, kalian yang programmer-programmer atau bahkan yang suka ikut kegiatan IT pasti sudah pernah dengar istilah frontend sama backend. Kedua istilah ini pasti ada kaitannya dengan sebuah website. Tapi apa saja perbedaan frontend dan backend? Mari kita sama-sama lihat. Frontend itu adalah bagian client-side atau sisi pengguna pada sebuah website. Frontend memungkinkan pengguna untuk berinteraksi pada sebuah website. Pada bagian ini, terdapat banyak benda visual sebagai UI website seperti menu, form, tata letak website, dan lain-lain. Frontend ini biasanya ditulis dalam bahasa HTML, CSS, dan JavaScript. Selanjutnya adalah backend. Backend adalah bagian server-side atau sisi server pada sebuah website. Backend memungkin sebuah website untuk berfungsi di balik website dengan memproses data pengguna. Bagian ini lebih fokus pada logika server dan database seperti pengecekkan pengguna, d...