Showing posts with label html. Show all posts

27 August 2021

Memiliki pengetahuan dan keterampilan HTML sangat penting, terlebih jika anda ingin membangun situs web sendiri atau anda memilih berkarir sebagai pengembang web.

HTML adalah inti dari salah satu teknologi yang menggerakan hampir setiap situs web di internet.HTML memungkinkan desainer dan pengembang web untuk menentukan struktur situs web mereka. Menggunakan HTML, pengembang memutuskan di mana elemen tertentu seperti teks atau gambar akan muncul di halaman web.

Selain itu HTML juga bisa digunakan dalam konteks lain,Misalnya banyak platform desain web drag-and-drop memberi penggunanya kemampuan untuk menggunakan HTML jika Anda menginginkan lebih banyak kebebasan untuk menyesuaikan halaman Anda.

Teknologi seperti CSS memungkinkan Anda untuk menata halaman web. HTML, di sisi lain, difokuskan untuk membangun cetak biru tentang bagaimana halaman akan muncul di situs web.

HTML menggunakan tag untuk membuat struktur situs web. Tag ini memungkinkan Anda membuat header, video, gambar, dan elemen lain yang akan muncul di halaman web. Berikut adalah beberapa contoh tag HTML yang mungkin Anda temui:

<p> Untuk mebuat paragraf yang di akhiri penutup </p>
<h1> digunakan untuk membuat judul head besar yang di akhiri penutup </h1>
<iframe> memungkinkan Anda menyematkan konten situs web lain, seperti video YouTube, ke halaman web dengan di akhiri penutup </iframe>

Sebagian besar tag di awali seperti "< p>" dan di akhiri dengan tag penutup seperti "</p >". Setelah anda memahami tag ini, anda akan mengerti struktur HTML bekerja, tidak rumit bukan ! tidak seperti bayangan anda sebelumnya.

Mengapa harus belajar HTML

HTML dan CSS adalah dua pondasi dasar dalam membuat situs web. Tanpa mereka, kami tidak akan memiliki situs web.Mengetahui cara membuat kode dalam HTML dan CSS akan memberi Anda wawasan yang jelas tentang cara kerja internet.

Pernahkah Anda bertanya-tanya bagaimana situs web dapat menampilkan teks berwarna, atau bagaimana situs web dapat menyertakan video YouTube?

Jika Anda tahu cara membuat kode dalam HTML dan CSS, Anda tidak perlu bertanya-tanya. Anda akan mengetahui semua bagian dasar tentang bagaimana sebuah situs web dibangun.

Mempelajari HTML dan CSS dapat membantu Anda memasuki karier di bidang teknologi sebagai pengembang web atau perancang web. HTML dan CSS adalah dua keterampilan dasar yang diperlukan untuk semua pekerjaan dalam desain dan pengembangan web. Akibatnya, keterampilan ini sangat diminati.

Untuk apa HTML digunakan

Singkatnya, kode HTML memformat teks, gambar, dan media lain yang membentuk halaman web. Bahasa berkomunikasi dengan komputer menggunakan serangkaian atribut dan elemen di dalam tag.

HTML telah berkembang dan sekarang memungkinkan halaman web untuk meng-host video, suara, dan banyak lagi. Namun, penting untuk dicatat bahwa HTML tidak dapat membuat halaman web yang sangat fungsional dengan sendirinya.

Berapa lama belajar HTML

Untuk waktu sangat relatif, ada yang cepat dan ada yang lebih lambat sekitar 3 minggu - 1 bulanan, Namun, latihan sehari-hari diperlukan untuk menjadi mahir dalam memahami potensi penuhnya.

HTML memiliki banyak fitur dan Anda tidak mungkin dapat menutupi semuanya dalam waktu satu bulan. Bahkan ada kerangka kerja HTML yang memperluas bahasa dengan menyediakan komponen template untuk situs web Anda.

Kebanyakan orang belajar sambil melakukan, jadi penting untuk mempraktikkan keterampilan baru Anda sesegera mungkin.

Hal terbaik yang dapat Anda lakukan ketika mulai belajar HTML adalah menguasai tag HTML dasar. Kemudian, ketika Anda merasa siap, Anda dapat mengejar konsep teknis yang lebih kompleks dengan percaya diri.

Struktur dan Tag HTML

Hal pertama yang harus Anda pelajari tentang dokumen HTML adalah struktur halaman web dan bagaimana halaman web dibuat. Ini akan memberi Anda indikasi yang jelas tentang bagaimana halaman web disatukan. Ini adalah wawasan yang harus Anda miliki untuk setiap situs web yang Anda buat.

Setelah Anda mempelajari struktur halaman web, Anda dapat melanjutkan menjelajahi tag dasar. Tag digunakan untuk menambahkan fitur ke halaman web. Berikut adalah contoh strucktur HTML5 sederhana:


				
								
								<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Template HTML5 Dasar</title>
  <meta name="description" content="Template HTML5 sederhana untuk proyek baru.">
  <meta name="author" content="WQ">

  <meta property="og:title" content="Template HTML5 Dasar">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.domainmu.com/a-basic-html5-template/">
  <meta property="og:description" content="Template HTML5 sederhana untuk proyek baru.">
  <meta property="og:image" content="image.png">

  <link rel="icon" href="/favicon.ico">
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">

  <link rel="stylesheet" href="css/styles.css?v=1.0">

</head>

<body>
  <!-- Disini kontenmu... -->
  <script src="js/scripts.js"></script>
</body>
</html>

Mempelajari cara membuat kode dalam HTML adalah penggunaan waktu Anda yang berharga di dunia yang didominasi oleh internet. HTML adalah bahasa yang bagus untuk diinvestasikan dalam pembelajaran bagi calon pengembang web, atau siapa saja yang tertarik dengan web.

HTML, di samping CSS dan JavaScript, adalah salah satu blok bangunan inti dari sebagian besar situs web modern. Akibatnya, ada komunitas besar pengembang di luar sana yang tahu cara membuat kode dalam HTML. Ada banyak panduan tertulis yang tersedia online untuk membantu Anda menguasai dasar-dasarnya.

Fokus pertama Anda ketika belajar HTML harus pada struktur, sintaks, dan menggunakan tag dasar seperti <p>dan <img>. Kemudian, Anda dapat menjelajahi tabel, formulir, menghubungkan HTML dan CSS, dan topik teknis lainnya.

Text editor terbaik yang bisa anda gunakan

Text editor sangat berguna untuk menyusun baris-baris code yang memungkinkan Anda membuat dan mengedit berbagai file bahasa pemrograman.

Intinya adalah, tidak masalah apakah Anda membuat kode dengan PC Windows, Mac, atau Linux, bahkan anda bisa menggunakan smartphone anda untuk membuat sebuah kode. Terlepas dari itu , editor teks yang baik harus mudah digunakan dan melakukan pekerjaan seperti yang seharusnya dilakukan.

Beberapa editor teks sangat baik untuk pengembang berpengalaman, sementara yang lain lebih untuk pemula atau penulis. Anda juga mungkin akan menemukan beberapa editor yang tepat di daftar artikel ini untuk anda gunakan membuat kode file program dan banyak lagi.

Teks editor terbaik untuk Os komputer anda

Berikut ini adalah kumpulan teks editor yang bisa anda gunakan dalam membuat baris kode.Beberapa di antaranya juga dianggap sebagai IDE, yang merupakan singkatan dari integrated development environment.Sangat menyarankan untuk menguji masing-masing untuk melihat mana yang paling cocok untuk alur kerja Anda sendiri.

1. Sublime text

Untuk fitur, Sublime Text memiliki keunggulan karena sangat ringan .Selain itu, Sublime Text secara otomatis membuat indeks dari semua fungsi dan metode sehingga Anda dapat bekerja dengan pintasan dan menyesuaikannya untuk menemukan bit kode saat bekerja.

Sublime Text memiliki API Python, artinya berbagai macam plugin dapat diintegrasikan dengan solusi pengeditan teks. Ini termasuk ribuan plugin yang secara konsisten dibuat oleh komunitas Sublime Text.

Sublime Text paling masuk akal untuk coders berat. Pengembang ini akan menikmati fungsionalitas pintasan dan penyesuaian tingkat tinggi. Kemampuan lintas platform juga bagus untuk meluncurkan editor teks yang sama di semua mesin.

2. Atom

Dengan Atom , Anda mendapatkan akses ke editor teks sumber terbuka dengan mempertimbangkan pengembang. Faktanya, pencipta Atom menyatakan bahwa mereka membuatnya hanya untuk pengembang.

Juga, ada komunitas pengembang yang menyumbangkan tema dan plugin, seperti WordPress atau beberapa alat sumber terbuka lainnya.

Hal hebat lainnya tentang Atom adalah bahwa itu adalah sistem lintas platform, bekerja pada sistem operasi seperti Linux, OS X, dan Windows.

Semua proyek Anda dapat dibagikan dan diedit secara real-time, membantu tim yang berjauhan satu sama lain atau hanya tim yang menginginkan ruang kerja yang lebih berdedikasi.

Selanjutnya, Atom memiliki paket GitHub yang sudah disertakan dengan editor teks. Dengan cara ini, tim Anda dapat membuat segalanya mulai dari cabang hingga tahapan dalam satu antarmuka.

3. Notepad ++

Notepad++ berjalan di Microsoft Windows , dan berusaha menggunakan daya komputasi yang lebih sedikit daripada editor teks rata-rata.Menulis kode dan memanipulasi teks di Notepad++ menjadi mudah, karena menggunakan penyorotan dan pelipatan sintaks.

Ada juga alat pencarian dan penggantian yang luar biasa, bersama dengan antarmuka pengguna yang sepenuhnya dapat disesuaikan. Misalnya, Anda mungkin menginginkan tab vertikal atau daftar dokumen-semuanya dimungkinkan dengan editor teks Notepad++.

4. Cofeecup-Editor Html

Cofeecup Editor Html menyediakan pengeditan teks yang sangat canggih untuk pengkodean dan manajemen desain web secara keseluruhan. Editor memiliki uji coba gratis, tetapi untuk melanjutkan, Anda harus membayar biaya satu kali $49. Ada juga versi yang sepenuhnya gratis, tetapi fitur-fiturnya cukup dipermudah.

CoffeeCup untuk membuat dokumen HTML, tetapi Anda mungkin mempertimbangkan untuk menghindarinya untuk banyak bahasa kode lainnya. Namun, masuk akal untuk memanfaatkan CoffeeCup jika Anda hanya belajar bahasa pemrograman seperti HTML atau PHP.

Seperti disebutkan, membuat dan mengedit HTML cukup sederhana dengan CoffeeCup. Ini membawa desain web Anda ke tingkat berikutnya, terutama dengan alat untuk referensi tag dan penyelesaian kode.

Ada banyak komponen yang dapat dimanfaatkan yang secara instan memperbarui berbagai elemen di seluruh situs web Anda.

5. Visual Studio Code

Visual Studio Code , juga dikenal sebagai VS Code, adalah editor kode sumber terbuka oleh Microsoft. Ini adalah editor teks lintas platform yang dapat berjalan di perangkat apa pun, baik di Linux, Windows, atau Mac.

Editor teks ini difokuskan untuk meningkatkan kinerja pengembang. Fitur seperti pelengkapan otomatis, debugging sistem membantu meningkatkan tugas harian pengembang.

VS Code memiliki terminal bawaan dan dukungan Git bawaan, menjadikan editor teks ini salah satu editor teks terbaik di pasar. Hal ini dapat disesuaikan sesuai dengan kebutuhan Anda.

Melalui ekstensi Kode VS, Anda dapat menginstal banyak fitur, dan Anda dapat melakukan semua pekerjaan yang dapat dilakukan pada IDE.

6. Light Table

Light Table adalah editor kode sumber terbuka. Ringan, desain GUI-nya rapi, dan juga dapat dikustomisasi dengan mudah. Kita bisa menggunakan grafik, game, atau apapun di Light Table dengan menyematkannya.

Fitur Light Table adalah pemasangannya yang ringan, antarmuka minimalis, penyorotan sintaks, validasi kode sebaris, pelengkapan otomatis, pengelola plugin, dan tema.

7. Bluefish

Bluefish adalah editor teks dan kode yang kuat yang ditargetkan untuk pemrogram dan pengembang web, dengan banyak opsi untuk mengembangkan situs web, skrip, dan kode pemrograman. Bluefish mendukung banyak bahasa pemrograman dan markup. Bluefish mendukung semua platform Windows, Mac OS, dan Linux. Selain itu Bluefish ringan, cepat, dan berkinerja tinggi.

8. Komodo Edit

Komodo edit adalah editor teks populer lainnya bagi pengembang untuk membangun aplikasi Windows, Linux, dan mac os yang menarik dan luar biasa. Platform ini menawarkan opsi ekstensi yang kuat untuk pengkodean yang lebih nyaman dan lebih baik.

Ini adalah salah satu editor teks gratis terbaik yang tersedia di internet. Komodo Edit dapat menjadi platform yang sempurna untuk tugas mendesain web Anda karena mendukung berbagai bahasa scripting .

9. Vim

Vim adalah lintas platform dan salah satu editor teks favorit untuk pengembang. Dengan dukungan untuk Linux, Windows, dan Mac, editor teks Vim adalah editor yang stabil dan andal yang mengintegrasikan banyak alat populer.

Anda dapat menggunakan Vim sebagai antarmuka baris perintah (CLI) dan antarmuka pengguna grafis mandiri.

Editor kode memiliki komunitas pengguna yang berdedikasi dan besar yang membuat pembaruan yang bermanfaat dan skrip baru untuk platform. Vim dapat diperluas dan disesuaikan.

10. NetBeans

NetBeans adalah salah satu editor kode yang paling disukai dan kuat yang digunakan oleh desainer web. Ini memiliki banyak fitur unik yang disediakan sebagian besar editor. Seperti kebanyakan editor teks, NetBeans juga merupakan aplikasi sumber terbuka dan gratis.

Ini adalah aplikasi berguna yang dapat digunakan untuk mengembangkan berbagai aplikasi desktop, aplikasi seluler, atau aplikasi web. NetBeans mendukung banyak bahasa pemrograman, termasuk PHP, C++, JavaScript, dan banyak lagi.

Teks Editor terbaik untuk Android

Jika Anda memiliki PC, laptop, atau bahkan tablet, saya sarankan Anda memulai pemrograman HTML pada perangkat tersebut. Namun jika sumber daya itu tidak tersedia, Anda dapat membuat kode HTML di perangkat Android dan menjalankannya menggunakan antarmuka pengujian bawaan.

Tidak masalah anda mau mulai melalui dari perangkat mana, yang terpenting adalah anda niat dalam belajar dan bersungguh-sungguh. Karena percuma jika mempunyai alat yang bagus tetapi tidak di barengi dengan niat belajar.

Namun masalah yang palimg umum menggunakan teks editor di seluler adalah sebagian besar dari mereka memiliki sumber daya yang terbatas. Selain itu, input teks bisa menjadi sulit dengan keyboard di layar.

Selain itu, masalah lainya adalah sebagian besar aplikasi ini penuh dengan iklan yang mengganggu yang dapat merusak pengalaman Anda.Tetapi, jika Anda tidak memiliki cara lain untuk menulis kode HTML,css,js, atau bahasa lainya ,Anda dapat menggunakan beberapa editor populer untuk seluler yang telah penulis susun berikut ini.

1. anWriter free HTML editor

anWriter adalah editor HTML gratis dan sangat efektif lainnya yang dapat Anda gunakan di perangkat Android Anda untuk mendapatkan pengalaman luar biasa dalam pemrograman HTML.

Aplikasi ini memiliki dukungan pelengkapan otomatis untuk tidak hanya HTML tetapi juga untuk CSS, JS, Lateks, PHP, dan banyak lagi. Ini juga mendukung server FTP.

2. Acode

Alasan terbesar untuk menggunakan Acode adalah karena Acode bebas dari segala jenis Iklan. Itu berarti antarmuka yang bersih dan ramah pengguna.Tidak hanya itu, aplikasi ini memiliki desain yang ramping dan bergaya dengan warna yang imersif untuk memberikan pengalaman seperti desktop kepada pengguna.

Untuk bahasa HTML, CSS, JavaScript, Markdown, aplikasi ini sangat cocok tetapi dibuat untuk memberikan kinerja maksimum untuk pengeditan HTML. Ini juga memiliki dukungan GitHub bersama dengan FTP. Anda juga akan mendapatkan fitur penyorotan sintaks untuk lebih dari 100 bahasa pemrograman.

3. QuickEdit

QuickEdit, seperti namanya, adalah editor teks dan editor sumber yang ringan dan cepat untuk Android. Mendukung 50+ bahasa yang berbeda termasuk bahasa populer seperti C, C3, C++, Python, Swift, Java, HTML, CSS, PHP, Javascript, XML, Perl, dll.

Aplikasi ini juga memiliki dukungan untuk tab sehingga Anda dapat dengan mudah membuka banyak file dan beralih di antara mereka dengan mudah. Jika perlu, Anda dapat terhubung ke server menggunakan FTP bawaan atau layanan cloud seperti Google Drive, Dropbox, dan OneDrive.

4. Dcoder

Dcoder adalah editor kode yang minimal namun kuat untuk Android. Dcoder mendukung banyak bahasa pemrograman dan kerangka kerja seperti Assembly, C++, Dart, NodeJS, Django, Django, Java, Kotlin, Swift, dll.

Fitur paling favorit dari Dcoder adalah ia menyediakan keyboard Dcoder dengan aplikasi. Keyboard dioptimalkan dengan baik untuk pengkodean dan terdiri dari tombol Tab, salin-tempel, dan pratinjau.

Sebagai tambahan, Dcoder juga memberi Anda penyimpanan cloud 300 MB untuk menyimpan file Anda. Anda harus masuk ke penyimpanan cloud dan selanjutnya, Anda dapat mengakses file Anda dari perangkat apa pun melalui Dcoder.

Selain itu, Dcoder juga memiliki dukungan asli untuk Git. Jadi, jika proyek Anda ada di GitHub, Anda dapat dengan mudah mengkloning proyek dan mengimpornya di dalam Dcoder.

5. WebMaster's HTML Editor Lite

HTML Editor Lite WebMaster adalah editor kode sumber yang mendukung file JavaScript, CSS, PHP, dan HTML. Itu tidak menawarkan banyak fitur tambahan, tetapi dasar-dasarnya sangat baik. Mereka termasuk penyorotan sintaks, penomoran baris, tombol pengkodean khusus di layar, dan penjelajah file bawaan. Ini juga menyediakan dukungan server FTP.

6. AWD

AWD atau "Android Web Developer" adalah lingkungan pengembangan terintegrasi untuk pengembang web. Aplikasi ini mendukung bahasa PHP, CSS, JS, HTML, dan JSON, dan Anda dapat mengelola dan berkolaborasi dalam proyek jarak jauh menggunakan FTP, FTPS, SFTP, dan WebDAV.

Mereka menyertakan fungsi pencarian dan penggantian (yang mencakup ekspresi reguler), pemeriksaan kesalahan, dan mungkin yang paling menarik, kecantikan kode satu klik otomatis. Aplikasi ini juga menyediakan tindakan undo/redo tanpa batas, penyimpanan otomatis yang sering, dan integrasi Git.

7. DroidEdit

DroidEdit sebanding dengan Notepad++ di Windows. Selain berempat seperti biasa HTML, PHP, CSS, dan JavaScript, juga mendukung C, C++, C#, Java, Python, Ruby, Lua, LaTeX, dan SQL. Aplikasi ini juga menawarkan penyorotan sintaks yang baik, kontras warnanya lebih mencolok dan mudah dilacak.

Versi gratisnya didukung iklan dan yang berbayar berharga $2 tetapi menambahkan beberapa fitur yang berguna. Jika Anda serius tentang pengkodean, itu sepadan dengan biayanya.

Saya harap daftar editor kode di atas membantu Anda dalam pekerjaan pengembangan ataupun masa belajar anda. Itu semua tergantung pada skenario penggunaan, jadi pilih yang terbaik untuk Anda. Semua editor teks yang dibahas di atas mendukung lingkungan yang ramah pengguna dan mencoba memberi pengembang pengalaman pengkodean terbaik.

Cara Membuat Menu Auto Fixed Ketika di Scroll | WEB

Web

Adityads Blogs 21:34 0

Auto Fixed disini biasanya banyak di terapkan pada web-website yang ingin memiliki tampilan atau design web yang lebih menarik. Jadi simpelnya ketika kita melakukan scroll ke bawah menu yang tadinya posisinya tetap akan berubah menjadi fixed di atas atau di bagian tertentu yang sudah di tentukan.

Untuk membuat tampilan website anda seperti ini sangatlah mudah anda bisa memanfaatkan fitur javascript. Sebagai contoh disini kita akan membuatnya dengan tampilan html sederhana seperti berikut :

Ketika anda melakukan aksi scroll maka tampilan akan menjadi seperti berikut :

Kode cara Membuat Menu Auto Fixed Ketika di Scroll


<!DOCTYPE html>
<html>
<head>
	<title>Coding Rakitan</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<style type="text/css">
		body{
			height: 2000px;margin: 0px;padding: 0px;
		}.bl{
			height: 200px;
		}
		.menu{
			height: 50px;
			background: #001b6a;
			width: 100%;
		}.fx{
			top: 0px;
			position: fixed;
		}.d-flex{
			display: flex;
			height: 100%;
		}.menu a{
			margin-right: 20px;
			margin-bottom: auto;
			margin-top: auto;
			color: white;
			font-family: sans-serif;
		}.m-auto{
			margin: auto;
		}h1{
			font-size: 83px;
			font-family: sans-serif;
		}
	</style>
</head>
<body >
<div class="bl">
	<div class="d-flex">
		<h1 class="m-auto">Coding Rakitan</h1>
	</div>
</div>
<div class="menu" id="menu">
	<div class="d-flex">
		<a>Menu 1</a>
		<a>Menu 2</a>
		<a>Menu 3</a>
		<a>Menu 4</a>
	</div>
</div>
<br>
<div class="d-flex">
	
	<img class="m-auto" style="margin-top: 0px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk3nb96wyoODwOXzBE6xQGPdw9zoADthIuOeVoWIaxNlwkQOSV-vtZwBkpxJDWSHdnBtNuivJBdT1iq4o4BOpPAlPwHuPcf6IfKo6DVIz4PxKcqeO68ogxdWitn5TlrQVxUawYD12pUaNB/s2518/Screenshot_2020-09-13+CODING+RAKITAN+INSPIRASI+CODING+TERUPDATE+android+studio+laravel+php.png" style="width: 700px;">
</div>
</body>
<script type="text/javascript">
	$(function(){

	  var menu = $('#menu');
	  pos = menu.offset();

	  $(window).scroll(function(){
	   if($(this).scrollTop() > pos.top+menu.height()){
		    menu.addClass('fx');
	   } else if($(this).scrollTop() <= pos.top ){
	    	menu.removeClass('fx');
	   }
	  });

});
</script>
</html>

Kode yang perlu anda perhatikan ada pada :


<script type="text/javascript">
	$(function(){

	  var menu = $('#menu');
	  pos = menu.offset();

	  $(window).scroll(function(){
	   if($(this).scrollTop() > pos.top+menu.height()){
		    menu.addClass('fx');
	   } else if($(this).scrollTop() <= pos.top ){
	    	menu.removeClass('fx');
	   }
	  });

});
</script>

Dimana pada kode javascript di atas menginstruksikan ketika terjadi scroll kebawah dan nilai over dari scroll ini lebih besar dari over menu maka tambahkan class fx pada menu, yang mana menu fx ini akan membuat position menjadi fixed dan berada di atas atau top 0px. Sedangkan bila kebalikannya bila terjadi scroll ke atas dan nilainya lebih kecil atau sama dengan menu over maka hapus kembali class fx yang membuat menu kembali seperti semula.

Menghitung Luas Segitiga dengan HTML dan Javascript

Pemprograman web

Adityads Blogs 10:53 0

Menghitung Luas Segitiga dengan HTML dan Javascript

Hai kawan, pada kesempatan kali ini mari kita belajar bagaimana cara membuat perhitungan luas segitinga dengan menggunakan HTML dan JavaScript. Perlu diketahuai, untuk menghitung sebuah luas segitiga maka rumus yang digunakan adalah (1/2 x alas x tinggi). OK, mari kita mulai membuatnya....

Baca juga tutorial membuat form validasi dengan javascript agar lebih interaktif

Pertama buatlah sebuah file dengan nama luassegitiga.html, kemudian kita tuliskan koding HTML untuk membuat form inputan.

<html>

<head>

<title>Menghitung Luas Segitiga</title>

</head>

<body>

<form>

<h4>Menghitung Luas Segitiga</h4>

<table>

<tr>

</tr>

<tr>

<td>Tinggi</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

Hasil dari koding HTML diatas akan menghasilkan form inputan sebagai berikut:

Setelah kita buat form inputan HTMLnya, selanjutnya kita akan menambahkan javascript untuk menjalankan aksi menghitung luas segitiga. letakkan javascript diantara <head> #javascript# </head>. berikut koding javascriptnya.

Baca juga program pencarian data jquery ajax

function hitungluas(){

alas=document.getElementById("alas").value;

tinggi=document.getElementById("tinggi").value;

luas=(alas*tinggi)*0.5;

document.getElementById("luas").value=luas;

}

</script>

Biar lebih jelas, beikut koding lengkapnya:

<html>

<head>

<title>Menghitung Luas Segitiga</title>

function hitungluas(){

alas=document.getElementById("alas").value;

tinggi=document.getElementById("tinggi").value;

luas=(alas*tinggi)*0.5;

document.getElementById("luas").value=luas;

}

</script>

</head>

<body>

<form>

<h4>Menghitung Luas Segitiga</h4>

<table>

<tr>

</tr>

<tr>

<td>Tinggi</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

Hasil koding html dan javascript :

Terima Kasih Telah Berkunjung, Semoga Bermanfaat.....!!!

Mau liat kumpulan source code bisa disini

Mengenal dan Menginstall XAMPP

Web

Adityads Blogs 01:18 0

XAMPP merupakan aplikasi atau perangkat lunak yang berfungsi sebagai server yang berdiri sendiri (localhost). Aplikasi ini bersifat open source yang dapat di install di berbagai platform seperti Windows, Linux, serta Mac OS.

Nama XAMPP adalah singkatan dari X (sistem operasi), Apache, MySQL, PHP dan Pearl. Seperti namanya XAMPP memang terdiri dari beberapa aplikasi yang disatukan. Aplikasi ini akan sangat membantu pengembang web dalam membangung sebuah aplikasi Web.

Kegunaan XAMPP

Ada beberapa kegunaan XAMPP yang perlu diketahui oleh pemula. Berikut kegunaan XAMPP tersebut.

Sebagai server
Penghubung ke Database
Membantu perancangan aplikasi web secara offline

Cara Instalasi XAMPP

Untuk menginstall XAMPP tidaklah sulit anda hanya perlu mengunduh file masternya disini.

Eksekusi hasil file yang telah di download.
Pada jendela baru klik Next

Centang semua aplikasi yang ada pada jendela selanjutnya lalu klik Next.

Jendela selanjutnya adalah untuk mengatur letak file instalasi XAMPP diletakkan, nantinya folder htdocs tempat anda meletakkan project web juga diletakkan disini. Jadi pastikan folder ini sudah sesuai dengan yang anda inginkan. Secara default folder instalasinya berada di C:\xampp

Silahkan klik Next untuk jendela-jendela yang muncul selanjutnya. Hingga proses instalasi dimulai seperti pada gambar dibawah.

Terakhir klik finish

Memulai Membuat Project dengan XAMPP
Project pertama ini kita mulai dengan membuat sebuah web sederhana yaitu hello world. Tutorial ini saya tujukan untuk pemula dalam dunia pemrograman web khususnya pemula dalam menggunakan XAMPP. Ikuti langkah-langkah di bawah ini.

Buka aplikasi XAMPP.
Klik tombol start pada Apache dan Mysql hingga warnanya menjadi hijau serta tombol statrt menjadi tombol stop seperti gambar dibawah.

Sekarang buka folder htdocs di lokasi penginstalan tadi. Saya sendiri lokasinya ada di C:\xampp\htdocs. Silahkan buat folder baru di dalam folder tersebut dengan nama "belajar" seperti gambar dibawah. Folder dengan lingkaran merah adalah folder yang baru saya buat sedangkan yang lainnya adalah project web yang pernah dibuat sebelumnya.

Buat sebuah file dengan nama index.html. Anda bisa menggunakan editor seperti sublime text, notepad++, atau sejenisnya.

<!DOCTYPE html>
<html>
<head>
<title>Belajar XAMPP</title>
</head>
<body>
<h1>Hello World !!</h1>
</body>
</html>

Buka browser internet anda seperti Mozilla atau Chrome. Ketikkan di alamt urlnya dengan localhost/belajar

Selamat belajar membuat aplikasi-aplikasi selanjutnya.

Ask Membuat Game Matematika Sederhana HTML & Jquery AdityaDees

Web Apps

Adityads Blogs 17:25 0

membuat permainan matematika berbasis web - Nah, dikesempatan hari ini, gw akan membagikan cara membuat game matematika berbasis website. Game ini gw buat dengan sangat sederhana, dan cukup menantang untuk dimainkan buat temen yang terkenal ahli matematika wkwkwk..

Secara garis besar, game ini akan meminta pemain memasukan usernamenya, terus pilih level. Level terdiri atas 3 opsi. Yaitu easy, medium, dan hard. Akan terdapat waktu disetiap permainan. Nah, semakin sulit level yang dipilih, semakin banyak waktu yang didapet. Tapi, soal yang diberikan tentunya lebih susah :'V.

Gw rasa cukup gitu penjelasan dari gamenya. Memang cukup sederhana, tapi sangat menarik dan bisa menjadi bahan yang pas untuk kalian semua yang ingin belajar membuat website terutama dalam aspek client side.

Kurang lebih tampilan dari gamenya kayak gini nih...

Sebelum mulai

Gameplay

Gw akan jelasin satu persatu file yang ada dalam game ini. Tapi kalau kalian ingin langsung download source codenya, silahkan didownload di akhir artikel blog ini okehh.. ^_^

Cara Membuat Game Matematika Sederhana Berbasis Web
1. Jalankan XAMPP dan siapkan folder di htdocs. Misal kita namain foldernya "/mathgame"

Baca: Pengertian, Fungsi, Dan Cara Menggunakan XAMPP

2. Buat file index.html dan masukan kode berikut ini

mathgame/index.html

<!DOCTYPE html>
<html>
   <head>
      <title>Math Mini Game</title>
      <link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.css">
      <script type="text/javascript" src="assets/jquery-3.3.1.min.js"></script>
      <script src="assets/script.js" charset="utf-8"></script>
   </head>
   <body>
      <div id="head">
         <div class="container">
            <div class="head-title">
               <h3 class="page-header mt-4">Math Game</h3>
               <p>Please input form below and press <b>play</b> button to play the game.</p>
            </div>
            <div class="head-component mt-5">
               <form id="form" onsubmit="return false" method="post">
                  <div class="form-row">
                     <div class="form-group col-md-3">
                        <label for="username">Username</label>
                        <input type="text" required autocomplete="off" name="username" id="username" class="form-control">
                     </div>
                     <div class="form-group col-md-3">
                        <label for="level">Level</label>
                        <select id="level" required class="form-control">
                           <option value="">--Select Level--</option>
                           <option value="1">Easy</option>
                           <option value="2">Normal</option>
                           <option value="3">Hard</option>
                        </select>
                     </div>
                  </div>
                  <input type="submit" id="play" class="btn btn-danger" value="Play Game">
            </div>
         </div>
         </form>
      </div>
      <div id="body" class="mt-5">
         <div class="container">
            <div class="row">
               <div class="col-md-6 pr-5">
                  <div class="body-title">
                     <h4 id="usernamectn"></h4>
                     <div class="sub-title score-time" hidden>Point: <span class="game-time text-success"><b id="point"></b></span> | <span id="score-time"></span></div>
                  </div>
                  <div class="body-game mt-3 bg-secondary px-3 py-3 text-light" hidden>
                     <span>The Quiz</span>
                     <div class="game-quiz">
                        <h2>
                           <span class="number-1"> </span>
                           <span class="quiz-type"> <b id="operation"></b> </span>
                           <span class="number-2"> </span>
                           <span class="additional"></span>
                        </h2>
                     </div>
                     <div class="game-control mt-3">
                        <form class="form-vertical" onsubmit="return false" id="submitanswer">
                           <input autofocus class="answer form-control col-4 float-left" type="number" name="answer" placeholder="Your answer">
                           <button type="submit" class="btn btn-success">Submit</button>
                        </form>
                     </div>
                  </div>
               </div>
               <div class="card col-md-6 pl-5 py-3 history" hidden>
                  <h4>History</h4>
                  <ul class="history-math">
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </body>
</html>

3. Buat file score-time.html untuk menampilkan hasil skor dan waktu tersisa pada game.

mathgame/score-time.html

<span class="game-time text-danger"><b id="time"></b> second left</span>

<script type="text/javascript">

  $("#time").html(time);

  time = time-1;

</script>

4. Buat folder dengan nama "asset" didalam folder "mathgame".

5. Dalam folder asset, kita akan membuat sistem dari web game nya. Buat file bernama script.js dan masukan kode script berikut ini.

mathgame/assets/script.js

$(document).ready(function(){

  //Function MembuatRandom Angka

  function randomangka(){

    number1 = 1+Math.floor(Math.random() * (max-min));

    number2 = 1+Math.floor(Math.random() * (max-min));

    $(".number-1").html(number1);

    $(".number-2").html(number2);

    op = '*/+-';

    op2 = op.charAt(Math.floor(Math.random() * op.length));

    $("#operation").html(op2);

    $(".additional").html('= ?');

  }



  $("#level").change(function(){ //Pilih Level

    val = $("#level").val();

    if (val === '1') {

      max = '10';

      min = '1';

      time = '30';

    }

    else if (val === '2') {

      max = '100';

      min = '10';

      time = '60';

    }

    else if (val === '3') {

      max = '1000';

      min = '100';

      time = '90';

    }

  });



  $("#form").submit(function(){ //Siap Main

    // Waktu Dan Skor

    setInterval(function(){

      $("#score-time").load('score-time.html');

      if (time <= 0) {

        alert('Game Over!');

        window.location='./';

      }

    },1000);



    //Point awal

    point = 0;

    $("#point").html(point);



    //Mematikan Input Username Dan Level

    $("#username, #level").attr("disabled","1");



    //Mengubah tombol play menjadi disable dan berubah menjadi kata Enjoy the game!

    $("#play").attr('disabled','1').val('Enjoy the game!');



    //Print username

    $("#usernamectn").html($("#username").val());



    //Menampilkan yang di-hidden

    $(".body-game,.history,.score-time").removeAttr('hidden');



    // Membuat Soal

    randomangka();



    // Cek Jawaban

    $("#submitanswer").submit(function(){

      if (op2 === '*') {

        jawaban = number1*number2;

      }

      else if (op2 === '+') {

        jawaban = number1+number2;

      }

      else if (op2 === '/') {

        jawaban = number1/number2;

      }

      else if (op2 === '-') {

        jawaban = number1-number2;

      }



      answersaya = $(".answer").val();



      if (answersaya == jawaban) { //Jika Benar

        maka = 'Correct';

        dasuc = 'success';

        point = point+1;

      }

      else{ // Jika Salah

        maka = 'Wrong';

        dasuc = 'danger';

        point = point-1;

      }

      $('#point').html(point);

      $(".history-math").append('
'+number1+' '+op2+' '+number2+' = '+answersaya+' | '+maka+' answer : '+jawaban+'

');

      $(".answer").val('');



      //Membuat Soal Kembali

      randomangka();

    });

  });

});

Sekarang kita akan copy-paste dan masukan script aset dari jquery js dan bootstrap css. Karena bahasa javascript yang kita gunakan adalah jquery dengan tambahan design dari css bootstrap supaya game nya keliatan lebih ganteng.

Silahkan masukan ke folder mathgame/asset.

Untuk download seluruh file nya, bisa kalian klik link dibawah ini.

Download Game Matematika Berbasis Web
Password winrar: tezigerblog

Oke, sekian dulu artikel hari ini tentang cara membuat game sederhana dengan html dan javascript. Semoga bermanfaat! Terima kasih!

Ask Aplikasi Sistem Informasi Perpustakaan PHP Mysql (Source Code + Download) AdityaDees

Web Apps

Adityads Blogs 04:37 0

Download aplikasi perpustakaan web - Halo semua. Selamat datang di artikel TB kali ini. Seperti biasa saya akan membagikan segala hal yang berkaitan dengan teknologi dan internet. Pada kesempatan kali ini, saya akan membagikan sebuah aplikasi berbasis web. Aplikasi yang akan saya baikan hari ini adalah aplikasi sistem informasi perpustakaan.

Ya, memang kebutuhan aplikasi termasuk penggunaan di perpustakaan sudah banyak dibutuhkan akhir akhir ini. Menyimpan ribuan data buku, data waktu, data anggota menjadi lebih efisien. Sebelum saya kasih link download source code nya, ada baiknya saya jelaskan dulu fitur yang ada di aplikasi perpustakaan berikut ini.

Baca Juga: Download Aplikasi Perpustakaan Keliling Online (Seperti Go-Send)

Aplikasi perpustakaan ini terbilang cukup sederhana. Namun sudah bisa dipakai. Karena bersifat open source, siapa saja dapat mengembangkannya. Berikut ini fiitur dari aplikasi perpustakaan php mysql

1. Buku tamu
2. Data buku
3. Data peminjaman
4. Data informasi perpustakaan
5. Import data via Microsoft Excel

Ya, saya rasa secara keseluruhan, aplikasi ini sudah bisa dipakai di perpustakaan walaupun cukup sederhana. Berikut sedikit penampakan dari aplikasi tersebut.

Halaman login

Buku tamu

Informasi buku

Peminjaman buku

Untuk download aplikasi perpustakaan php mysql bisa didownload melalui link di bawah ini

Download Source Code

Oke, sekian artikel kali ini. Semoga bermanfaat! Terima Kasih!

Ask Membuat Projek Augmented Reality Berbasis Web (HTML & JS) AdityaDees

Tips Dan Trik

Adityads Blogs 22:34 0

cara membuat augmented sederhana menggunakan web - Okeh.. Hmm.. Lets do it. Selamat datang di artikel TB kali ini. Seperti biasanya, admin ganteng bakal ngasih info menarik tentang dunia teknologi. Episode kali ini agak menarik. Soalnya kita bakal membahas salah satu teknologi terbaru yang sudah diciptakan dalam basis web. Ya.. Web!

Kenapa sih selalu web? Ya karena di zaman sekarang, perkembangan dunia digital berjalan cepet banget terutama dalam basis website. Karena emang udah gak diraguin lagi sih, orang mengakses web tuh gampang banget. Malah sekarang web gak cuma sekedar halaman personal. Aplikasi dan game pun bisa dijalankan di web.

Nah,, tapii di kesempatan kali ini, sesuai judul, gw akan ngasih tutorial sekaligus source code untuk membuat projek teknologi web yang bernama Augmented Reality.

Mungkin banyak yang belum tau. Apa sih augmented reality itu? buat apa sih augmented reality itu? man, lo pasti tau dan pernah liat yang namanya Augmented Reality ini, tapi 'cuma' baru tau kalo itu ternyata namanya Augmented Reality.

Tapi santay, gw akan jelasin tentang augmented reality di artikel ini. Nah, sebelum gw jelasin apa itu augmented reality, gw bakal kasih salah satu contoh dari penggunaan augmented reality. Kayak gini nih;

Augmented Reality Sederhana

Augmented Reality pada game Pokemon Go

Nah, baru liat gambarnya, pasti lo langsung paham, bahkan pasti pernah pake teknologi ini.

Augmented Reality (AR) adalah teknologi yang menggabungkan antara dunia nyata dengan dunia digital yang disatukan melalui perangkat elektronik dan scanner. Perangkat elektronik yang dimaksud berupa komputer atau smartphone. Untuk scanner, kita bisa menggunakan kamera smartphone.

Cara kerjanya adalah, sebuah gambar atau objek yang memiliki suatu kode unik di scan dengan kamera hp, lalu animasi 3D akan muncul. Kode unik gak cuma barcode atau angka, tapi sebuah bentuk, warna, topografi, tekstur visual juga bisa menjadi kode unik. Nah untuk animasi 3D nya, bisa kita pakai di contoh yang bakal gw kasih ini, atau bisa bikin sendiri dengan menggunakan WebGL untuk rendering animasinya.

Untuk basis java dan kotlin, mungkin sudah banyak yang menggunakan teknologi ini. Namun di teknologi website, AR masih tergolong baru dan masih dikembangkan. Dan gak semua versi browser suport untuk menerjemahkan bahasa AR yang ditulis pakai Javascript. Tapi tenang aja, gak perlu protes apalagi demo wahai rakyat ku. Karena gw bakal ngasih tau dengan sejelas mungkin cara bikinnya termasuk spesifikasi yang diperlukan.

Cara Membuat Projek Augmented Reality (AR) Berbasis Web

Peralatan yang harus digunakan yaitu:

1. Browser Chrome versi 71.0.3578.98 atau versi terdekatnya (Kalau mozila dan browser lain saya kurang tau)

2. Web server local (Disini saya menggunakan XAMPP)

Baca: XAMPP : Pengertian, Fungsi, Dan Cara Menggunakannya

3. Ngrok (Ntar gw jelasin kenapa harus pake fitur ini)

4. Secangkir kopi dan wajah cakep (biar makin niat)

Okeh, pertama, mari kita mulai rilis source code nya. Silahkan kalian copas dibawah ini..

<!doctype HTML>
<html>
    <head>
        <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    </head>
    <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
    <script src="https://rawgit.com/jeromeetienne/AR.js/master/aframe/build/aframe-ar.min.js"></script>
    <script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>
    <script src="https://rawgit.com/nicolocarpignoli/nicolocarpignoli.github.io/master/ar-playground/events.js"></script>
    <body style='margin : 0px; overflow: hidden;'>
        <!-- kita akan menambahkan detectionMode dan matrixCodeType untuk memberitahu ke AR.js untuk mengenali kode unik -->
        <a-scene embedded arjs='sourceType: webcam; debugUIEnabled: false; detectionMode: mono_and_matrix; matrixCodeType: 3x3;'>

        <a-assets>
            <a-asset-item id="animated-asset" src="https://raw.githubusercontent.com/mtegarsp/AR/master/CesiumMan"></a-asset-item>
        </a-assets>

        <a-marker type='barcode' value='7'>
            <a-box position='0 0.5 0' color="red"></a-box>
        </a-marker>

        <a-marker markerhandler emitevents="true" cursor="fuse: false; rayOrigin: mouse" id="animated-marker" type='barcode' value='6'>
            <a-entity
                id="animated-model"
                gltf-model="#animated-asset"
                scale="2">
            </a-entity>
        </a-marker>

        <!-- gunakan <a-entity camera> untuk mendukung tanda yang ganda, selain itu, gunakan <a-marker-camera> sebagai pengganti </a-marker> -->
        <a-entity camera></a-entity>
        </a-scene>
    </body>
</html>

Tentunya jika kalian sudah paham tentang penggunaan web server lokal dari XAMPP, pasti sudah tau dong harus gimana. Yakk, silahkan taro kode tersebut di file baru di htdocs dengan nama index.html

Nah, disini gw akan bikin folder dengan nama AR

Beginilah kira kira.

Wkwkw gw tau apa yang dipikiran lu wahai real programmer.

"Itukan pake HTML dan JS doang, kenapa harus pake web server lokal anjay?!"

Santuy..santuy..

Jadi begini, dengan library javascript dari ar.js, lo diwajibkan untuk memiliki alamat https:// atau protocol secure untuk mengakses kamera. Ya demi keamanan, hal ini gak memandang apakah web lo masih offline atau sudah online. Nah oleh karena itu, kita bakal manfaatin NGROK dengan WEB SERVER LOKAL XAMPP

Kita bakal membuat jaringan localhost kita memiliki protocol secure (https://) dengan bantuan ngrok. Ngrok akan membantu kita untuk memanipulasi alamat web kita berada di server ngrok.

Daripada bingung, nih langsung gw paktekin aja.

Silahkan DOWNLOAD NGROK DISINI

Nah kalau sudah, silahkan ekstrak zip nya di folder XAMPP lo. Defaultnya di C://xampp/ nah taro dah disitu. Inget, Apache dan Mysql harus tetap dalam keadaan menyala!

Setelah itu buka aplikasi tersebut (ngrok.exe)

Setelah itu ketikan perintah seperti dibawah ini didalam cmd ngrok

ngrok http 80 -host-header="localhost:80"

nah bakal keluar url seperti subdomain dari ngrok.io

Silahkan diakses dengan https. maka kita akan masuk ke folder htdocs dengan menggunakan link tersebut.

Nah baru kita akses pake https://xxx.ngrok.io/AR.

Kalo udah, silahkan nyalakan webcam, lalu arahkan kamera ke gambar dibawah ini.

Hayoo.. apa yang tampil bro.. wkwkwk

Silahkan tanya di kolom komentar kalo belum berhasil. Kalau udah ya syukur. Silahkan kembangin terus!

Sekian artikel cara membuat projek augmented reality berbasis web dengan html dan js. Semoga tutorial kali ini bermanfaat. Terima Kasih!

Sumber: https://github.com/mtegarsp/AR

Ask 3 Teks Editor Terbaik Untuk Programmer AdityaDees

Review

Adityads Blogs 10:12 0

beberapa text editor terbaik untuk coding - Bagi seorang programmer, tentunya teks editor menjadi sesuatu yang sangat dibutuhkan. Software yang satu ini berguna memudahkan dalam menulis berbagai bahasa pemrograman. Tak hanya itu, teks editor biasanya juga digunakan para web designer guna memperindah halaman webnya.

Di dalam sebuah text editor biasanya terdapat beberapa fitur umum seperti code folding, line number, line marking, snippet syntax highlighting, search dan replace sintaks, memberikan komentar pada sebuah blok kode program, dan lainnya. Fitur-fitur tersebut juga bisa dipakai oleh para pemula yang ingin belajar coding.

Pilihan Teks Editor Terbaik

Sebenarnya software atau aplikasi teks editor tersedia dalam jumlah yang sangat banyak, namun tentunya ada beberapa yang terbaik. Berikut ini beberapa pilihan teks editor yang disarankan dipakai oleh seorang programmer :

1. Sublime Text

Sublime Text juga memiliki banyak sekali fitur yang bisa digunakan, beberapa di antaranya yaitu goto anything, distraction free mode, split editing, instant project switch, command pallete, multiple selections, customize anything, dan plugin API. Tak cukup sampai disitu, sublime Text juga memiliki banyak plugin yang dapat mendownload plugins di Internet.

Ada dua versi untuk software ini, gratis dan juga berbayar. Dengan antarmuka pengguna yang sangat sederhana dan fitur dan kinerjanya yang baik pasti membuat kamu menyukainya.

2. Notepad++

Notepad++ mempunyai beberapa bahasa pemrograman diantaranya CSS, HTML, Java, Javascript, Pascal, Assembly, C, C++, C#, Perl, PHP, Python, dan masih banyak lagi. Mendukung perangkat Windows, notepad++ dapat dijalankan dengan begitu ringan.

Itulah sebabnya mengapa software ini banyak digunakan oleh para programmer atau web designer. Mirip dengan notepad, hanya saja untuk notepad++ jauh lebih banyak dan lengkap.

3. Atom

Atom sebenernya tidak terlalu berbeda dengan sublime text. Hal ini karena proses pengembangan softwarenya yang terinspirasi dari sublime text.

Pada atom, kamu bisa menginstal banyak plugin tambahan untuk membantu menyelesaikan proyek coding atau pemrograman yang sudah di rancang. Bahkan, softwarenya para coder ini telah dibekali dengan lisensi open source dan tersedia untuk platform OS X, Linux, dan Windows.

Bagi saya sendiri, atom adalah text editor yang sangat saya sukai. Karena dalam penulisannya lebih dipermudah dengan saran text yang sesuai dengan apa yang ada pada file yang dibuka. Saya sudah menggunakan atom dalam mengembangkan beberapa aplikasi dan website.

Nah buat kamu yang ingin mengutak Atik bahasa pemrograman, bisa dicoba salah satu dari software diatas. Bahkan beberapa diantaranya tersedia di google play store, sehingga lebih mudah tanpa harus repot-repot menghidupkan dan mematikan komputer atau laptop. Sekian informasi ini saya sampaikan, semoga bermanfaat.

Hot

https://publishers.chitika.com/

27 August 2021

Mengapa harus belajar HTML

Untuk apa HTML digunakan

Berapa lama belajar HTML

Struktur dan Tag HTML

Text editor terbaik yang bisa anda gunakan

Teks editor terbaik untuk Os komputer anda

1. Sublime text

2. Atom

3. Notepad ++

4. Cofeecup-Editor Html

5. Visual Studio Code

6. Light Table

7. Bluefish

8. Komodo Edit

9. Vim

10. NetBeans

Teks Editor terbaik untuk Android

1. anWriter free HTML editor

2. Acode

3. QuickEdit

4. Dcoder

5. WebMaster's HTML Editor Lite

6. AWD

7. DroidEdit

13 September 2020

Kode cara Membuat Menu Auto Fixed Ketika di Scroll

01 July 2020

07 October 2019

Kegunaan XAMPP

Cara Instalasi XAMPP

02 May 2019

26 February 2019

31 January 2019

26 November 2018

https://payclick.com/

Author Details

Recent

Popular

Comments

ADNOW

Archive

Sponsor

Tags

Total Pageviews