Rabu, 16 Agustus 2023

PERBEDAAN INLINE CSS, INTERNAL CSS, EXTERNAL CSS

   No comments


as-salāmu ʿalaykum wa-raḥmatu -llāhi wa-barakātuh kembali lagi dengan sayaa di Blog Muhammad Zein yg mana insya allah disini ana akan memberikan pembasahan mengenai CSS dan beberapa contoh dari setiap CSS ny tersebut tapi sebelum ny ada yg tau g si apa itu CSS? CSS Cascading Style Sheets adalah bahasa pemograman untuk mendesain tampilan/mempercantik website yang memiliki beberapa metode penulisan berbeda seperti Inline CSS, Internel CSS, External CSS dan dari tiga ini setiap metode penulisan ini pasti memliki kelibihan, kekurangan , serta manfaat ny masin masin dari setiap CSS ny tersebut.

Jadi insya allah karna pada artikel kali ini ana akan membahas perbedaan dari tiga metode penulisan Kode CSS. termasuk dari segi kelebihan, kekurangan, manfaat, dan contoh dari setiap penempatan Kode CSS ny tersebuuuut. jadii Let's Learn about the difference of CSS.

Inline CSS

Inline CSS ini biasa digunakan langsung pada atribut element HTML. maksud ny ialah setiap element HTML memiliki atribut style, dan disitu lah CSS Inline ditulis, dan untuk CSS Inline ini menurut saya atau kebanyakan orang lebih kurang efisien dikarnakan di setiap tag HTML yg di berikan harus memliki style disetiap masing masing ny. jadi akan lebih sulit dalam mengatur website jika hanya menggunakan Inline Style CSS ini sebab untuk Inline ini hanya bisa mengubah satu element saja.

Dari ana sendiri si untuk kelebihan dari Inline ini kita bisa lebih mudah atau membantu dalam menguji dan melihat perubah di dalem satu element tersebut,  dan juga lebih cepat dalem memperbaiki kode dengan cepat.

Dan dari segi kekurangan ny seperti yg saya sudah jelaskan kurang efisien karna hanya bisa mengubah 1 element saja.

Contoh dari Inline CSS :

<h1 style="color:blue; font-family: arial;">Blog Muhammad Zein</h1>


Internal CSS

Inline CSS ini biasa digukana langsung atau tertulis di dalam tag <style>  dan untunk Internal CSS dituliskan di bagian atas (Header) file HTML. dan untuk Internal CSS ini dapat kita gunakan untuk membuat tampilan pada satu halam website dan tidak digunakan di halam website yg lain ny, mungkin kalo dari ana sendiri si itu udah termasuk lumayan dan cocok untuk kita buat menciptakan atau bangun website dengan tampilan yg berbeda dengan kata lain, Internal CSS  ini bisa dipakai untuk menciptakn tampilan yg unik untuk setiap perhalaman website ny.

Untuk kelebihan dari Internal CSS ini kita bisa membuat satu perbubahan dalam 1 halaman saja, dan juga engg perlu repot untuk upload beberapa file karna HTML dan CSS berada dalam satu file, kita jug bisa menggunakan Class & Id oleh Internal Stylesheet.

Kekurangan dari Internal CSS ini kurang ny efisien kita kita ingin menggunakan CSS yg sama dalam beberapa file, dan membuat performa webstite jadi rada lemot. sebab CSS yg berbeda beda akan membuat web loading ulang setiap kali kita ganti halaman web.

Contoh dari Internal CSS :

<!DOCTYPE html>
<html>
<head>
  <title>Contoh Internal CSS</title>
  <!-- contoh internal css dalam tag head -->
  <style type="text/css">
    p{
      font-family: arial;
      line-height: 2.75em;
      font-size: 16px;
    }
    i {
      font-family: arial;
      color: blue;
    }
  </style>
</head>

<body>
  <!-- contoh internal css dalam tag body -->
  <style type="text/css">
    h2 {
      font-family: arial;
      color: #1B9CFC;
    }
  </style>
  <h2>Blog Muhammad Zein/h2>
</body>
</html>

External CSS

External CSS ini yg biasa ditulis secara terpisah dengan kode HTML External CSS bisa ditulis di sebuah file khusus yg berekstensi .css. file External CSS biasa ny diletakkan setelah bagian <Head> pada halaman, dan dengan cara ini kita bisa lebih sederhana dan simpel daripada menambahkan kode CSS di setiap element HTML  yg ingin kita atur tampilan ny..

Manfaat dari External CSS ini ukurang file HTML kan menjadi lebih kecil dan struktur dari kode HTML  jadi lebih rapih, dan loading website jadi lebih cepat, dan bisa di gunakan file CSS di beberapa halaman website sekaligus.

Kekurangan ny jadi akan berantakan ketika kita gagal manggil file CSS di dalam file HTML biasa terjadi ketika terjadi ny koneksi yg lambat/lemot.

Contoh dari External CSS :

untuk bagian External CSS ini kita diwajib kan membuat file baru CSS dengan nama style.css dan tulis kode ini pada file tersebut : 

p {
    font-family: arial;
    line-height: 2.75em;
}

i {
    font-family: arial;
    color: orange;
}

h2 {
    font-family: arial;
    color: #1B9CFC;
}

setelah itu kita bisa balik lagi pada file HTML, dan kita perlu menambahkanny ke dalem file HTML , dengan menunggakan tag <link> berikut contoh yg saya berikan :

<link rel="stylesheet" type="text/css" href="style.css">

untuk kode di atas tersebut kita bisa taro pada posisi <Head> seperti contoh ny :

<!DOCTYPE html>
<html>
<head>
    <title>Contoh Eksternal CSS</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <h2>Blog Muhammad Zein</h2>
</body>
</html>

Mungkin seperti itu dari contoh beberapa Metode di dalem CSS mungkin sekian dari ana bila ada kesalahan mohon dimaaf dan jika masih rada bingung dalem penjelasan bisa liat di youtube sayaaa.

Selasa, 15 Agustus 2023

CARA DOWNLOAD DAN INSTALL VISUAL CODE

   No comments

as-salāmu ʿalaykum wa-raḥmatu -llāhi wa-barakātuh kembali lagi dengan sayaa di Blog Muhammad Zein yg mana insya allah disini ana akan memberikan sebuat tutorial mengenai cara penginstallan Visual Studio Code di windows 11/10 bagi kalian yg ingin tau cara download dan penginstalln ny tapi sebelum itu kalian tau gak siiih!!! soal apa itu visual Visual Studio Code jadi insya allah disini ana sebelum masuk ke materi cara download dan penginstalln ny kita harus tau apa itu Visual Code.

Visual Code 

Visual Code adalah sebuah software/wadah untuk memudahkan para programmer dalem mengerjakan suatu project atau tugas, karna seperti kita tau kebanyakan code editor minim fitur sehingga membutuhkan beberapa aplikasi tambahan. Nah, jika kamu mencari editor berfitur lengkap serta mendukung banyak bahasa pemrograman, Visual Studio Code adalah solusinyaaaaaaa.

Cara Download &Install VSCode

Untuk pada tahan ini insya allah saya akan beri beberapa arahan untuk cara penginstallan ny yg itu dengan cara pertama temen temen bisa masuk ke web browser ny masing masing lalu bisa searc dengan nama Download Visual Studio Code makan nanti kalian akan muncul tampilan seperti ini :


setelah masuk ke halam tersebut kita bisa mengklik button windows atau versi lapto yg kita punya contoh seperti saya ingin download bagian windows maka kita piilih bagian windows 11/10 jikalau sudah kita bisa klik dan tunggu sampe hasil download ny kelar hinga selesai.

jikalau file ny sudah selesai terdownload maka kita bisa langsung meng install software tersebut dengan meng double click pada file tersebut lalu akan muncul tampilan seperti pilihan I accep the agreeemen & I do no accept the agremeent dsitu kita bisa pilih bagian I accep the agreement lalu bisa klik next" sambil ke bagian install kalo sudah tinggal kita tunggu sampe kelar penginstallan jikalau sudah kita bisa buka aplikasi tersebut dan install seperti gambar di bawah ini :


jikalu sudah untuk menginstall ny kita bisa langsung untuk membuka software tersebut lalu di sini saya akan coba untuk menginstall fitur/plugin untuk mempermudah disaat kita ingin membuat website lebih enak dalam liat hasil ny secara langsung dengan cara, kita buka Visual Studio Code ny lalu masuk ke bagian Extensions pada bagian gambar yg saya tandain di bawah ini :


jikalau sudah di bagian tersebut kita bisa cari extensions dengan nama Live Server lalu setelah itu kita bisa untuk menginstall ny dan tunggu untuk beberapa menit hingga kelar kalo sudah insya allah di saat kita ingin ngodi untuk bisa melihat hasil dari kodingan kita bisa dia liat dengan cepet, untuk cara meng aktifkan ny ada di bagian pojok kanan bawah sperti gambar berikut ini : 


jikalau sudah kita akan di alihkan ke web browser yg kita gunakan untuk bisa meng run project tersebut yg kita buat, mungkin skian dari ana bila ada kesalahn di dalem penulisan atau kurang jelas bisa di liat lewat youtube ana atau vidio ana di bawah ini  atau bisa search dengan nama HOW TO INSTALL VISUAL STUDIO CODE AND TRY TO SHOW SOME TEXT :









Minggu, 13 Agustus 2023

Paper Clip Challenge

   No comments



as-salāmu ʿalaykum wa-raḥmatu -llāhi wa-barakātuh kembali lagi dengan sayaa di Blog Muhammad Zein yg mana insya allah di sini sayaa hanya ingin berbagi mengenai cerita singkat sayaa pada acara PAPER CLIP CHALLENGE yg mana sayaa pukul 7 pagi prepare untuk bisa berangkat ketempat untuk bisa eksekusi dan melaksanakn acara paper clip bersama temen saya awal ny di Citra Indah untuk bisa beli bareng ny dulu lalu mulai melalukan penukaran dari paper clip ke benda lain, tapi di sayangkan pas di Citra Indah saya kena banyak penolakan mulai dari bapa bapa yg takud akn kerugian karna mungkin di pikir saya ingin dapet ke untungan dll, begitu juga orang orang lain sedang g bawa barang dan takud kalo saya orang jahat karna g ada kartu pengenal.

 setelah saya dari Citra Indah yg mana disitu udah mulai sepi dari orang orang akhir ny saya berpindah tempat ke Metropolitan Mall di cilengsi situ alhamdulillah saya berhasil menukarkan satu paper clip ke pulpen setelah itu mulai lanjut cari orang lain lagi akhir ny saya ketemu orang yg lagi asik duduk keluarga yg mana disitu saya ajak ngobrol dan cerita mengenai acara saya pada hari itu akhir ny di tukerlh pulpen menjadi ke sendok setlah begitu lama di terik ny matahari akhir ny saya memutuskn untuk masuk ke dalem mall ny dan di sana saya alhamdulillah mendapatkan mangsa mba mba bersama temen ny yg sedan duduk dengan inisiatif saya karna ingin segera selesai tugas ini saya akhir mu menuju ke orang tersebut dan menjlas lagi mengenai tugas dn akhir ny mba mba tersebut inget menukarkan sendok saya dengan tisu yg di bawa ny, karna dh begitu lama saya muter muter ddn mencari dan banyak penolakan akhir ny saya memutus kan untuk makan di karna kan pagi belum saraapan bersama temen saya sambil duduk santai ngobrolin soal biar bisa dapet target baru lagi.

telah sekian lama ngaso beristirhat kami mulai bergerak untuk cari mangsa baru lagi alhamdulillah saya dapet 1 bapa bapa bersama istri ny yg sedang asik duduk dan ngobrol dan g sengaja yg pootng pembicraan mereka untuk menawar kan tugas sayaa agr bisa di selesai kan dan alhamdulillah orang tua tersebut ingen menukarkan tisu saya dengan barang yg begitu bernilai bagi saya untuk di kost atau pun kelas nanti yg mana orang tua tersebut menukarkan tisu menjadi tumbler dan disitu saya merasa bersyukur banget dengan sekian lama akhir ny dapet lagi setalh bnyk ny penolakan, dan di jam pukul 2:30 an sayaa memutuskan pulang balik ke IDN bersama temen sayaa dengan duit yg mulai menipis sisah 20k pas banget buat ongkos angkot dari cilengsi ke alun alun jonggol setelah sampai dan sudah ke habisin duit akhir ny saya jalan bersama temen saya dari alun alun ke idn dan alhamdulillah sampe secaran selamat.

dan setelah sampai saya memututskan istirahat dan denger kabar bahwa waktu ny di tambah lagi sampe jam 8 malem, akhir ny saya memutuskan istirahat karna kepaala sudah aga mulai pusing dan akhir ny saya tidur dan persiapan sholat dll hingg di jam sebelum 8 saya memutuskan mencari barang 1 lagi ke rumah warga dan alhamdulillah dapet dari paper clip ke hanger dan ada juga dari warga yg nuker paper clip dengan cukur kumis dari situ saya langsung cabut ke IDN dan mulai mempresentasikan hasil dari keseharian sayaaa.

Hasil barang yg saya dapet kan .




Minggu, 06 Agustus 2023

Mission Imposible

   No comments

 as-salāmu ʿalaykum wa-raḥmatu -llāhi wa-barakātuh kembali lagi di Blog Muhammad Zein yg insya allah di ke sempatan kali ini ana akan sedikit bercerita mengenai acara yg sayaa lakukan di tanggal 6 Agustus 2023 tepat pada hari minggu yg mana sayaa dan beserta temen temen saya sedang ada acara yg di selenggarakan dari kampus mengenai Mission Imposible  yg mana kami para mahasiswa di wajib kan untuk bisa hadir dan ikut acara ini untuk bisa menumbuh rasa percaya diri untuk bisa berbicara terhadap orang lain dan disini saya berserta mahsiswa lain telah di bagi bebrapa kelompok termasuk saya masuk ke dalam kelompok 7 yg mana berisi 5 orang dan ini photo dari kelompok saya.


Jadii pada acara ini kami di jam 6 harus sudah kumpul di Citra Indah dengan para kelompok kami agar tidak ke siangan untuk bisa mengadakan acara ini, jadi di acara Mission Imposible kita para maha siswa di wajib kan untuk berjual seperti " Makanan, Minuman, Pulpen, dll " dan barang tersebut harus bisa kami jual habis dan bisa mengutungkan, seperti contoh makna Mission Imposible ini kami para mahasiswa harus menjual Aqua atau Pulpen yg semisal 1 harga Aqua Botol 3k kami harus bisa jual ny 2x lipat ny atau bsia lebih contoh ny sperti kelompok sayaa yg mana alhamdulillah bisa menyeselesaikn Mission Imposible yg mna kmi bisa menjual harga Aqua Botol yg asli ny 3K menjadi 20k dengan cara menjelaskan kepada para pelanggan kenapa harus beli Aqua ini agar kita bisa berangkat keluar negeri atau pula dengann uang tersebut seprti contoh saya suda laku di beli orang seprti photo di bawah ini.



Wkwkwk dan ini contoh dagangan saya yg sudah di beli orang laain dan alhamdulillah kami sekelompok sudah terjual seluruh barang kami kepa para pelanggan atau pembeli, Ooohw iya saya lupa untuk modal yg kelopompok kami bawa untuk ke seluruhan untuk beli Aqua dan tisu yaitu 42k untuk membeli 10 Botol Vit dan 5 Tisu dan alhamdulillah laku dan kami mendapatkan dari keseluruhan sebanyak 140k  kalo untuk untung yg kita dapet 98k untuk dokumentasi hasil duit yg kita dapet ada di bawah ini.

    

Intiny kalo dari saya sendiri seperti kita tau bahwasan ny nyari duit itu g gampang dan juga butuh perjuangan sama seperti orang orang di luar sana, dan untuk bisa menggapai sesuatu ke suksesan itu tergantung dari segi cara orng itu sebrapa berjuang, dan saya juga berterima kasih karna di acara ini jug melatih kita para maha siswa untuk bisa berkomunikasi kepada orang dengan baik dan lancar iyaa modal pede dan harus yakin siiii, mungkin skian dari cerita sayaa pada acara Mission Imposible dan selama bertemu di next cerita dan tutorial saya.



 


Sabtu, 05 Agustus 2023

PENGENALAN SOAL BACK END AND FRONT END

     No comments

 


as-salāmu ʿalaykum wa-raḥmatu -llāhi wa-barakātuh kembali lagi di Blog Muhammad Zein InsyaAllah di post an kali ini ana akan menjelaskan mengenai FRONT END AND BACK END di dalem dunia Pemograman atau It.

Front End dan Back End adalah dua hal yang berkaitan dengan bagaimana sebuah website maupun aplikasi dapat bekerja dan diakses oleh pengguna.

Front end merupakan salah satu bagian dari website yang menampilkan tampilan untuk para pengguna. Pada bagian ini dibuat dengan menggunakan 3 bahasa pemrograman web yaitu HyperText Markup Language (HTTP), Cascading Style Sheets (CSS), dan JavaScript. 

Walaupun front end berkaitan dengan hal-hal visual namun ia berbeda dengan desain web, front end memperhatikan kegunaannya dimana rekayasa yang mengubah desain menjadi situs web interaktif yang lebih hidup. front end developer yaitu mereka yang bertanggung jawab dalam menghubungkan suatu situs website ataupun aplikasi dengan para penggunanya.

Back end merupakan bagian dari situs web yang tidak dilihat oleh pelanggan. Back end berurusan dengan data-data di balik layar, ia bertanggung jawab dalam menyimpan dan mengatur data, serta memastikan hal yang ada pada sisi klien berfungsi dan tidak bermasalah. Back end berkomunikasi dengan front end, mengirim dan menerima informasi untuk ditampilkan sebagai halaman sebuah web.

Jadi perbedaan antara front end dan back end developer yaitu front melihat dari sisi pelanggan, apa yang dilihat dari depan layar, sedangkan back end mendukung dari sisi server, apa yang ada dibelakang sebuah situs web atau aplikasi. 

Jika ada pertanyaan lebih penting mana, jawabannya tentu keduanya memiliki peran yang penting untuk pengembangan sebuah web atau aplikasi. Dan juga ada yang namanya fullstack developer yang artinya memiliki kemampuan dalam hal front end dan juga back end developer.




Senin, 15 Oktober 2018

RecyclerView

   No comments

Assalamualaikum teman teman kembali lagi dengan saya di blog muhammad zein , maaf maaf banget nihya saya jarang ngeblog gara gara saya di pesantren banyak tugas jadi saya jadi enggak ngeblog lagi  .udah lupakan yang menting saya sekarang mulai ngeblog lagi . jadi di materi kali ini saya akan menjelas kan apa itu recyclerView.

 RecyclerView adalah versi paling keren dari ListView. dan juga bisa menutupi banyak kelemahan dari ListView. CardView dapat digunakan untuk membuat kartu sederhana. Hal ini juga memberikan tepi bulat dan elevasi. Dalam tutorial ini kita akan membuat aplikasi Android dengan dasar RecyclerView dan CardView.

Senin, 20 Agustus 2018

Pengenalan SQL

     No comments


Hello guys . bertemu lagi dengan saya di Blog Muhamad Zein , sory sory bangetnih saya minta maaf gara gara saya jarang ngeblog , dan di blog kali ini saya akan menjelaskan tentang Pengenalan SQL



MySQL adalah Sebuah program database server yang mampu menerima dan mengirimkan datanya sangat cepat, multi user serta menggunakan peintah dasar SQL ( Structured Query Language ).

SQL terbagi menjadi 3 :
  • DDL ( Data Definition Language )
  • DML ( Data Manipulation Language )
  • DCL ( Data Control Language )
=======================================================================


DDL adalah sebuah metode Query SQL yang berguna untuk mendefinisikan data pada sebuah Database, Query yang dimiliki DDL adalah :
  • CREATE 
  • Drop 
  • Alter 
: Digunakan untuk membuat Database dan Tabel
: Digunakan untuk menghapus Tabel dan Database
: Digunakan untuk melakukan perubahan struktur tabel yang telah dibuat, baik menambah Field ( Add ), mengganti nama Field
( Change ) ataupun menamakannya kembali ( Rename ), dan
menghapus Field ( Drop ). 

=======================================================================


DML adalah sebuah metode Query yang dapat digunakan apabila DDL telah terjadi, sehingga fungsi dari Query DML ini untuk melakukan pemanipulasian database yang telah dibuat. Query yang dimiliki DML adalah :
  • INSERT 
  • UPDATE 
  • DELETE 
: Digunakan untuk memasukkan data pada Tabel Database
: Digunakan untuk pengubahan terhadap data yang ada pada Tabel
Database
: Digunakan untuk Penhapusan data pada tabel Database 

========================================================================================
DCL adalah sebuah metode Query SQL yang digunakan untuk memberikan hak otorisasi mengakses Database, mengalokasikan space, pendefinisian space, dan pengauditan penggunaan database. Query yang dimiliki DCL adalah :
  • GRANT 
  • REVOKE 
    GRANT 
  • COMMIT 
  • ROLLBACK 
: Untuk mengizinkan User mengakses Tabel dalam Database.
: Untuk membatalkan izin hak user, yang ditetapkan oleh perintah
: Mentapkan penyimpanan Database
: Membatalkan penyimpanan Database 

========================================================================

Mungkin segini saja dari saya jika adalah kesalahan mohon di maafkan Wassalamualaikum 
Salam Blogger