Kursus Web & IT Favorit di Jakarta Bandung Surabaya
Pada artikel kali ini, kita akan membuat tampilan layout dalam sebuah website.
Dalam situs, web sering menampilkan konten dalam banyak kolom (seperti majalah atau koran).
Tiap kolomnya biasanya berisi informasi yang berbeda-beda.
Nah, dalam website HTML5 menawarkan elemen semantik baru yang mendefinisikan berbagai bagian halaman web:
Continue reading
Dalam dunia informasi, tentunya tabel sangat dibutuhkan untuk sajian dari kumpulan data-data. Jadi, di sebuah website juga sudah menjadi sebuah kebutuhan.
Nah, langsung aja ya. Berikut ini adalah script kodenya
Continue reading
HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lebih tepatnya, HTML adalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah dokumen Web.
Adapun konten yang dimaksud adalah teks ukuran besar, teks paragraf, gambar, tabel, formulir dan lain sebagainya. Jadi, HTML itu untuk mendefinisikan semua.
Continue reading
Assalamualaikum Wr. Wb.
Man teman Alhamdulillah kali ini kita akan share ilmu lagi.
Pada kesempatan kali ini, kita akan berlajar tentang membuat Menu Navigasi. Nah, menu Navigasi itu biasanya terletak pada bagian atas.
Digunakan untuk mengarahkan ke suatu halaman, berdasarkan nama menu Navigasi tersebut.
Di postingan ini kita akan membuat menu navigasi yang posisinya tetap di atas saat kita scroll halamannya ke bawah.
Konsep kali ini, kita akan membuat dalam bentuk Landing Page dan ada efek smooth scrollingnya. Materi tersebut sudah pernah diposting disini (“https://www.webhozz.com/blog/membuat-efek-smooth-scrolling-pada-css/).
Jadi, temanya gak jauh dari itu. Cuma disini akan ada menu navigasinya.
Oke, langsung aja kita mulai ya codingnya. Lets Go…
Continue reading
Assalamualaikum Wr. Wb.
Man-teman…Alhamdulillah kali ini kita ada kesempatan untuk berbagi ilmu.
Sebelumnya, semoga man-teman sehat dan bahagia selalu ya, Amin.
Oke pada kali ini, kita akan membuat tampilan daftar produk e-commerce menggunakan HTML dan CSS.
Continue reading
Assalamualaikum Wr. Wb.
Man-teman dimanapun berada, semoga selalu dalam keadaan sehat dan bahagia selalu ya, Amin.
Nah, pada kesempatan kali ini kita akan mempelajari tentang Membuat Tabel Harga Produk dengan menggunakan CSS.
Tentunya kita pernah melihat dalam sebuah website yang menyediakan produk maupun jasa. Biasanya disitu ada berbagai jenis paket beserta harga hingga keunggulan masing-masing paket.
Tampilannya berbentuk seperti tabel. Sebagai contoh ada beberapa website yang menyediakan produk hosting beserta domain.
Nah, sebagai bahan pelajaran kita kali ini. Kita akan menghayal seolah-olah kita membuat tampilan website untuk kebutuhan hosting dan domain tersebut.
Oke, kita langsung aja ya codingnya.
Continue reading
Halo semua kali ini kita kembali ke lanjutan dari artikel sebelumnya, masih membahas mengenai membuat UI Activity Profile Instagram, kali ini kita kana mempelajari bagaimana membuat fragment, dan recylerview secara grid dan linear agar mendapat hasil tampilan UI seperti dibawah ini
Continue reading
Assalamualaikum Wr. Wb.
Teman-teman, gimana nih kabarnya??? Mudah mudahan sehat dan bahagia selalu ya, Amin.
Alhamdulillah kali ini kita akan berbagi ilmu lagi.
Pada kesempatan ini kita akan belajar Efek Smooth Scrolling menggunakan script dari CSS.
Nah, ngomong-ngomong…Apa sih itu Smooth Scrolling???
Assalamualaikum Wr. Wb.
Man teman, kali ini kita akan belajar Vue JS. Salah satu framework dari Javascript.
Vue JS merupakan framework yang digunakan untuk membangun antarmuka pengguna. Yang mana Vue JS ini lebih ringan, mudah dipelajari, dan cepat kinerjanya.
Selain itu, Vue JS memiliki dokumentasi yang mudah diikuti dan source codenya yang mudah untuk dibaca. Dan untuk dokumentasinya, man teman bisa kunjungi (https://vuejs.org/v2/guide/).
Continue reading
Halo guys pada artikel kali ini kita akan membahas bagaimana caranya membuat user interface halamn profile seperti di instagram, nah karena artikel ini bakalan cukup panjang, akan saya bagi menjadi 2 part, Part 1 adalah part dimana kita membuat componen UI utama (bagian atas). yang kedua dimana kita komponen UI bagian bawah yaitu switch antara view
Continue reading