Friday, June 14, 2019

Aplikasi Android Editor Html, Css, dan Javascript recomended


Hasan Askari: Aplikasi Android Editor Html, Css, dan Javascript recomended

# Intro

Hai sobat, yuk mendekat! Saya ingin merekomendasikan aplikasi editor Html, Css dan Javascript yang bagus–menurut saya.

Sebelum itu, mari kita bahas sedikit tentang ketiga makhluk tersebut.

Secara umum, ketiganya merupakan bahan utama pembangun web. Biasanya dikenal sebagai bahasa web, walaupun sejatinya html dan css bukan termasuk bahasa pemrograman. Melainkan javascriptlah yang punya 'pangkat' sebagai bahasa pemrograman.

Html

Merupakan singkatan dari Hypertext Markup Language. Html inilah yang membuat bentuk sebuah website. Jika diibaratkan, html adalah kerangka mobil. 

Css

Cascanding style sheet adalah kepanjangan dari Css.  Fungsinya ialah mendesign html. Ibaratnya seperti cat, body, dan komponen lainnya yang memperindah mobil.

Javascript

Gampangnya ialah yang membuat mobil bisa jalan maju, mundur, klakson, nyenterin jalan, dsb. 

# Contoh Penggunaan

Contoh untuk memahami ketiga hal tersebut ialah sebagai berikut:

Kita ingin menuliskan kata "Aku sedang membaca" dengan cara menekan tombol "klik aku". Kemudian kita ingin menyiapkan tombol "hapus" untuk menghapus semuanya. Maka langkah-langkah untuk membuatnya dengan menggunakan html, css, dan Javascript ialah;

Html



<div id="membaca" >
<button onclick="klik()">Klik aku</button>
<button onclick="hapus()">hapus</button>
<p id="text" >

</p>
</div>



Kode HTML di atas menghasilkan struktur seperti di bawah ini

Namun tombolnya masih belum berfungsi, sebab itu hanya kerangkanya saja.

Css

Kita buat css untuk mendesign warna struktur di atas


<style type="text/css">
#membaca button, #membaca p{
text-align:center;
padding:5px;
border-radius:4px;
outline:none;
color:blue;width:auto;
font-size:18px;
}
</style>




Kode css di atas dibuat untuk mendesign struktur tersebut. Hasilnya seperti ini:

Karena kode di atas hanya untuk mendesign, maka tombolnyapun masih belum berfungsi.

Javascript

Kemudian kita tambahkan kode Javascript di bawah ini


<script type="text/javascript">
baca = document.getElementById('text');
function klik(){
var text='Aku sedang membaca';
baca.innerHTML+= text + '<br>';
}

function hapus(){
baca.innerHTML=''
}
</script>
Sehingga membuahkan hasil akhir seperti di bawah ini. Sekarang dua tombol tersebut sudah berfungsi.



Walhasil kurang lebih seperti itu mengenai html, css, dan Javascript.

# Kembali ke Topik Utama

Nah, untuk membuat seperti itu atau mengedit html, css, dan Javascript, sudah banyak banget aplikasi-aplikasi yang mendukung. 

Tapi yang bagus (menurut saya) hanya beberapa. Dua diantaranya ialah :

1. AnWriterFree

Keunggulan:

1. Textnya highlight. Highlight itu text yang berwarna-warni
2. Support completion. Completion ini alat untuk mempercepat penulisan. Misal kita menulis <ht kemudian completionnya dipencet, maka akan muncul saran penulisan: html, html 4 template, html 5 template
3. Mendukung Preview. Preview ini gunanya buat menampilkan hasil kode yang kita buat
4. Mendukung buka file lebih dari satu
5. Mendukung Undo
6. Ada keyboard bantuan yang mencakup < , </ , > ,⇥ , = , dll
7. Ukurannya kecil ± 2mb
8. Mendukung search, replace, copy, paste, save as, open in browser,FTP, dll
9. File yang dibuat tidak hilang walau sudah keluar dari aplikasi, walau berbulan-bulan, walau belum disave. Jadi kalo lagi buat projek, terus gak sengaja keluar. File tetap aman.
10. Gratis

Kekurangan:

1. Tidak bisa di zoom-in atau zoom-out. Jadi kalo liat kode panjang horizontal, kita harus geser-geser dulu
2. Belum bisa menampung kode yang sangat banyak seperti template. Jika tetap dilakukan, maka aplikasi lag.
3. Ada iklan. Tapi iklannya tidak terlalu sering. Biasanya muncul ketika selesai Preview saja.
4. Gak bisa ganti tema
Untuk mendownloadnya, bisa melalui playstore: AnWriterFree

Adapun bila ingin mendownload versi berbayarnya (pro) dengan tambahan lain seperti redo, autocompletion, tema lain, dll bisa melalui : AnWriter text editor  (Rp. 66.000,-)

2. QuickEdit

Keunggulan:

1. Bisa menampung banyak kode
2. Tampilan terang
3. Text Highlight. Tapi file harus diberi nama dulu dan disave.
3. Mendukung:
+ Search dan Replace
+ Multitasking ( Buka beberapa file bersamaan) 
+ Autosave (Harus disetting dulu di pengaturan)
+ Fullscreen (disetting di pengaturan)
+ Go to line : Pergi ke baris tertentu
+ Syntax
+ Statistik : Penghitung kata dan huruf
+ Mode Hanya Baca
+ Enkode
+ Input Warna
+ paste, copy, undo, redo, select all
4. Gratis
5. Dll

Kekurangan

1. Jika keluar dari aplikasi dan file belum disave serta dalam waktu yang cukup lama. Besar kemungkinannya file tersebut akan hilang terhapus. Solusinya: Gunakan Aufosave di pengaturan.
2. Tidak ada preview. Jadi mau gak mau kode yang temen-temen buat harus dijalankan di aplikasi lain. 
3. Ada iklan, walaupun jarang.

Untuk downloadnya bisa melalui playstore juga: Penyunting Text Quickedit

Sedangkan versi pro : Penyunting Text Quickedit Pro (Rp 45.000,-)


Ya, itu saja. Semoga bermanfaat

Terima kasih telah berkunjung

Disqus Codes
  • Untuk menulis teks tebal , sila gunakan atau
  • Untuk menulis teks miring, sila gunakan atau
  • Untuk menulis teks bergaris bawah , sila gunakan
  • Untuk menulis teks bergaris tengah , sila gunakan
  • Untuk menulis kode HTML, silakan pakai atau
    or

    dan gunakan parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Dapatkan Kabar Terbaru Melalui Email