Postingan

Tutorial membuat sidebar dengan HTML dan CSS

Gambar
 Tutorial membuat sidebar dengan HTML dan CSS Ditulis oleh Mangandaralam Sakti 19 oktober 2022 Hallo semua!! Pada blog kali ini, saya akan memberikan Tutorial  cara membuat Menu side bar pada HTML dan CSS Langkah langkah : 1. Siapkan code editor bebas apa saja, disini saya menggunakan Visual Studio code. 2. Buat folder baru dan isi dengan file index.html dan style.css 3. Lalu masukan Source code berikut : index.html <! DOCTYPE html > < html > < head >     < title > membuat sidebar </ title >     < link rel = "stylesheet" href = "style.css" >     < script src = "https://kit.fontawesome.com/a076d05399.js" ></ script > </ head > < body >     < input type = "checkbox" id = "check" >     < label for = "check" >       < i class = "fas fa-bars" id = "btn" ></ i >       < i class = "fas fa-times" id = "c...

Compiler interpreter dan Hybrid

Gambar
 Perbedaan antara Compiler, Interpreter dan Hybrid. Ditulis oleh Mangandaralam Sakti 16 oktober 2022 Hallo semua!!! Pada blog kali ini saya akan membahas perbedaan antara Compiler , Interpreter dan Hybrid serta kelebihan dan kekurangannya. Seperti yang kita tahu, fungsi bahasa pemrogramman adalah untuk menerjemahkan bahasa manusia ke bahasa mesin.  Nah proses penerjemahan tersebut memiliki beberapa metode yang berbeda. Ada 3 cara untuk menerjemahkan bahasa manusia ke bahasa mesin. Yaitu : 1. Compile 2. Interpreter 3. Hybrid Namun pada blog kali ini, kita hanya fokus pada pembahasan tentang Compiler dan Interpreter. 1. Compiler Compiler adalah penerjemah seluruh  source code menjadi machine code/bahasa mesin dalam sekali compilasi. Mesin code yang dihasilkan adalah executable file, contohnya : program.exe. Lalu program yang telah dibuat dapat dijalankan dengan menggunakan executable file tersebut.  Langkah langkah proses compilasi : 1. Programmer membuat source c...

Belajar Python dasar Variabel dan tipe data #part 1

Gambar
 Belajar Python dasar mengenal Variabel dan Tipe data  Ditulis oleh Mangandaralam Sakti 16 oktober 2022 Hallo semua!!! Pada blog kali ini saya akan membahas materi tentang dasar dasar bahasa pemrograman Python . Yaitu variabel dan tipe data. Sebelum lanjut mari kita berkenalan dulu dengan bahasa pemrogramman Python.  1. Pengertian Python Bagi kalian yang belum tahu bahasa pemrogramman Python adalah bahasa pemrogramman yang interpreted . Yaitu bahasa yang dapat digunakan diberbagai platform, yaitu : Windows, Linux, dan MacOs. Apa itu Compiler dan interpreted? 2. Kegunaan Python 💡 Membuat dan mengembangkan Aplikasi berbasis mobile maupun dekstop. 💡 Membuat sebuah Website, khususnya bagian backend. 💡 Mengembangkan software.  💡 Analisis data 💡 Membuat sebuah sistem IOT (Internet of things). Dan masih banyak lagi.  Bahasa pemrogramman Python juga sudah mendukung OOP (Object oriented Programming).  Dan bahasa ini juga cukup populer dikalangan pemula ...

Cara Membuat Linktree dengan HTML dan CSS

Gambar
Membuat Linktree dengan HTML dan CSS Hallo semua!!   Pada kesempatan kali ini saya akan membahas cara membuat linktree dengan HTML dan css.  Linktree pada sebuah web biasanya adalah tempat untuk kita menaruh sosial media atau kontak yang kita punya.  Baiklah tanpa berlama lama, langsung saja ke tutorialnya.  Pertama siapkan code editor, bebas code editor apa saja.  Lalu buat folder baru dan isi file tersebut dengan file index.html dan style.css, lalu ketikan source code berikut :   See the Pen Untitled by Mangandaralam Sakti ( @Mangandaralam-sakti ) on CodePen . Jika sudah simpan dan jalankan di browser tampilannya akan seperti ini : Baiklah sekian tutorial kali ini, semoga bermanfaat.... Lihat tutorial membuat layout lainnya : Membuat layout dengan pengambilan konten pada website online

Tugas Latihan membuat Layout website dengan pengambilan konten di Website online

Gambar
Layout website steam Assalamualaikum warahmatullahi wabarakatuh  disini saya akan latihan membuat tampilan website dengan menggunakan software visual studio 2017 Saya memilih website steam untuk mencontoh membuat tampilan sebuah website.  Perlu diingat bahwa saya membuat ini untuk latihan, bukan untuk meniru.  1. Buka visual studio kalian dan buat folder baru, lalu isi dengan file html dan css   2. Lalu ketikkan source code berikut; See the Pen Untitled by Mangandaralam Sakti ( @Mangandaralam-sakti ) on CodePen . 3. Jika sudah simpan file nya lalu jalankan. Hasilnya akan seperti ini: Sekian dari saya semoga bermanfaat terima kasih Baca tutorial membuat layout lainnya di : Membuat linktree dengan HTML dan CSS Membuat Layout sederhana dengan HTML dan CSS

Belajar CSS dasar part 1

Gambar
 Belajar CSS dasar (Pengenalan, sintax dasar, membuat background, Dan lain sebagainya.  Ditulis oleh Mangandaralam Sakti, 14 september 2022 Hallo semua!!!  Pada blog kali ini saya akan membahas materi tentang Dasar dasar CSS 1. Pengertian CSS CSS( Cascade style sheet) adalah sebuah bahasa untuk mengatur tampilan web agar lebih menarik dilihat Di css kita bisa mengatur background, warna pada text layout dll. Tanpa css web akan terlihat kurang bagus dan tidak menarik.  • Ini contoh web tidak menggunakan CSS: Terlihat tidak menarik bukan? Komponen yang ada di web tersebut sangat tidak tersusun rapi.  • Ini contoh web menggunakan CSS Website yang menggunakan CSS terlihat lebih rapi dan terstruktur, berbeda dengan yang tidak menggunakan CSS.  2. Tutorial mendesain web dengan CSS, langkah awal mendesain web dengan CSS Pada CSS ada 3 struktur yaitu: 1. Selektor 2. Deklarasi 3. Properti dan nilainya Begini penulisan strukturnya: selector {    prop...

Belajar HTML dasar part 2 (mengenal tag, element, atribut, membuat form, menampilkan gambar, class dan id.

Gambar
Mengenal Tag, Element, Atribut, membuat form, menampilkan gambar, class dan id pada HTML  Ditulis oleh Mangandaralam Sakti, 13 september 2022 Hallo semua!!   Pada blog kali ini saya akan melanjutkan materi dasar dasar HTML kemarin, yaitu Pengertian HTML serta kegunaannya.  Nah sekarang saya akan membahas tentang tag, element, dan atribut dan juga saya akan memberikan beberapa tutorial HTML dasar yaitu membuat form, menampilkan gambar, dan tentang class dan id pada HTML 1. Tag Tag adalah sebuah penanda awalan dan akhiran dari sebuah element di HTML. Tag dibuat dengan kurung siku " ('<....>)". lalu didalamnya berisi nama Tag dan terkadang juga ditambahkan dengan atribut.  Contoh penulisan tag:  <tag>Hello world</tag> Tag ditulis berpasangan, ada tag awalan <tag> dan tag penutup </tag> . Ada beberapa tag yang tidak memiliki pasangan penutup.  Keterangan: •<h1>=tag pembuka •Contoh=isi tag •</h1>=tag penutup...