Skip to main content

Posts

MEMBUAT TAMPILAN NAVBAR PADA SEBUAH WEBSITE DENGAN MENGGUNAKAN BAHASA PEMROGRAMAN JAVASCRIPT

                              Di sesi kali ini saya ingin berbagi sedikit pengetahuan tentang cara membuat tampilan navbar pada sebuah website dengan menggunakan bahasa pemrograman javascript.Untuk Text editornya saya menggunakan SoftwareVisual Studio Kode,disini saya tidak harus mematokkan anda menggunakan software ini.Anda bisa juga menggunakan Software Editor yang lain seperti;Notepad,Notepad++,Subleme Text,Atom dan yang lain-lain.Akan tetapi Software Visual studio code punya keunggulan tersendiri diantara software yang lainnya,dan sangat cocok dipakai bagi anda yang sedang belajar bahasa pemrograman komputer.Jika anda belum memiliki software Visual Studio Code,anda dapat mendownload dan menginstallnya di situs website resmi Visual Studio Code.Untuk gambar atau tampilan Visual Studio Code seperti berikut.               Setelah anda download dan menginstal software Visual studio code,maka langkah selanjutnya anda dapat mendownload atau menyimpan gambar berikut ini dan kemudian anda s
Post a Comment
Read more

MEMBUAT KALKULATOR MENGGUNAKAN BAHASA PEMROGRAMAN JAVASCRIPT

                              Di sesi ini saya akan membahas cara membuat kalkulator sederhana menggunakan bahasa pemrograman javascript.Disini saya menggunakan software Text editor Visual studio code untuk menjalankan codingannya.Anda bisa juga menggunakan Text editor yang lain seperti,Subleme Text,Notepad,Notepad++,Atom dan yang lain-lain.Disini saya menyarankan menggunakan visual studio code,karena sangat cocok dipakai bagi yang sedang belajar Coding.Serta didukung dengan banyak fitur dan sudah support hampir segala macam jenis bahasa pemrograman,Selain itu software VS.code ini bersifat open source atau free.Bila anda ingin menggunakannya maka anda dapat mendownload nya disitus resmi Visual studio code.  Berikut Gambar atau penampilan Software Visual Studio code setelah anda menginstall nya: Setelah anda menginstall dan membukanya,selanjutnya anda dapat menuliskan codingan berikut; Berikut untuk codingan HTML nya: <!DOCTYPE html> <html lang="en">   <head>
Post a Comment
Read more

MEMBUAT STOPWATCH MENGGUNAKAN BAHASA PEMROGRAMAN JAVASCRIPT(SERTA CODINGNYA)

                                Sesi kali ini saya akan berbagi sedikit pengetahuan dalam membuat Stopwatch menggunakan bahasa pemrograman javascript.Seperti Biasa saya menggunakan Text Editor Visual Studio Code untuk menjalankan codingan saya.Bagi Teman-teman yang belum mempunyai Text Editor tersebut,silahkan download di Situs web resminya ya.Akan tetapi Teman-teman bisa juga menggunakan Text editor yang lain,seperti subleme text,notepad,notepad++ dan yang lain-lain.Untuk Penampilan Visual studio code seperti Gambar dibawah ini. Untuk Code HTML nya seperti berikut: <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Stop Watch</title>     <link rel="stylesheet" href="style.css">     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/
Post a Comment
Read more

MEMBUAT MENU DRAG AND DROP PADA WEBSITE MENGGUNAKAN JAVASCRIPT

                              Disini saya akan berbagi sedikit pengetahuan tentang bagaimana cara membuat Menu Drag & Drop pada sebuah website mengunakan bahasa pemrograman javascript.Seperti biasa saya menggunakan Text Editor Visual Studio Code.Bagi Teman-teman yang belum mempunyai software tersebut,maka download terlebih dahulu kemudian anda instal di pc ataupun dilaptop anda.Anda boleh saja menggunakan software Text editor yang lain,seperti subleme Text,notepad++,Atom dan yang lain-lain.Akan Tetapi saya Rekomendasi kan Vs.code,karena selain gratis atau Open source software yang satu ini sudah support berbagai macam bahasa pemrograman. Berikut Tampilan Software Vs.code:               Setelah anda buka software Visual studio code nya,selanjutnya anda dapat menuliskan coding berikut ini: Untuk Code HTML: <!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8" />     <meta http-equiv="X-UA-Compatible" content="
Post a Comment
Read more

MEMBUAT ANIMASI CHARGER BATERAI MENGGUNAKAN HTML & CSS

                                           Kali ini saya akan membuat codingan sederhana berupa animasi mencharger baterai hanya menggunakan HTML dan CSS saja.Disini saya menggunakan text editor Vs.code,bagi teman-teman yg belum mempunyai software tersebut,silahkan didownload di situs resmi Visual studio code.Vs code Merupakan salah satu text editor Yang free atau open source.Untuk tampilan software vs.code seperti dibawah ini:          Setelah Teman-Teman Mendownload dan menginstal Vs Code,selanjutnya Teman-Teman dapat Menuliskan coding berikut: Untuk code HTML nya: <!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8" />     <meta http-equiv="X-UA-Compatible" content="IE=edge" />     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <title>Battery_Charge_Animation</title>     <link rel="stylesheet" href="style.css"
Post a Comment
Read more

MEMBUAT MENU LOGIN PADA SEBUAH WEBSITE MENGGUNAKAN HTML DAN CSS(Serta codingnya)

                                   Membuat menu login pada sebuah website adalah hal yg mudah bagi mereka yg sudah mengerti,akan tetapi yg belum mengerti pasti akan kewalahan.Pembelajaran kali ini saya akan memberi tau gimana cara pembuatan Menu tampilan login pada sebuah website.                 Disini saya seperti biasa menggunakan Text editor Visual Studio code,Bagi Teman-Teman yang belum mempunyai software tersebut,dapat Mendownload software tersebut disitus resminya dengan cara Search google kemudian tulis dilaman pencarian download Vs code.Berikut Tampilannya;     kemudian Anda Dapat Memasukan Codingan berikut ini:     Untuk Code HTML:      <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Test</title>     <link rel="stylesheet" href="style.css"> </head> <body>    <div class="login-box">   <h2>Login</h2>   <form>     <div c
Post a Comment
Read more

MEMBUAT TAMPILAN LIKE & DISLIKE UNTUK WEBSITE DENGAN MENGGUNAKAN BAHASA PEMROGRAMAN JAVASCRIPT(BESERTA CODENYA)

                                      Disini saya akan memberitahu cara membuat tampilan Like & Dislike pada sebuah website yang akan anda gunakan,dengan menggunakan bahasa pemrograman javascript.Disini saya menggunakan Text editor Visual Studio Code.Mengapa saya menggunakan Visual Studio code,karena dapat menyuport beragam bahasa pemrograman.selain itu simple dan mudah dipahami dalam membuat sebuah kodingan yang akan dibuat Berikut codingan HTML nya: <!DOCTYPE html> <html lang="en" dir="ltr">   <head>     <meta charset="utf-8">     <title>Like Dislike</title>     <!-- FONTAWESOME CDN -->     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">     <!-- STYLESHEET -->     <link rel="stylesheet" href="style.css">   </head>   <body>     <div class="wrapper">       <div clas
Post a Comment
Read more