PUSTAKA MIZTIZ: Web

Showing posts with label Web. Show all posts

Membuat menu navigasi | Garagedoor with jQuery

Cara membuat menu navigasi Garagedoor with jQuery ini sangat simple,n keren klo menurut saya...sobat bisa lihat demo menu navigasi yang saya dapat diSINI

langsung aja,cekidot :

1. Login blogger
2. Rancangan, Edit Html, Cari kode ]]></b:skin>
3. Dan Simpan kode berikut diatasnya :

/* ---------------
Menu navigasi Garagedor with jQuery
---------------------------------- */
.garagedoor a:active, .under_header a:active, .header a:focus, .under_header a:focus {
   outline: none; -moz-outline-style: none;
}

.garagedoor img {
   border: 0px; display: block;
}

.item .mouse {
   height: 80px;
   width: 100px;

   margin:0;padding:0;border:0;display:block;left:0;position:absolute;cursor:pointer;top:0;
}

.item .mouse img {
   height: 80px;
   width: 100px;

   margin:0;padding:0;
}

.item {
   height: 80px;
   width: 100px;
   color: black;

   overflow:hidden;display:block;overflow:hidden;position:relative;margin:0;padding:0;float:left;background-repeat:no-repeat;text-decoration: none;
}

.item .underlay {
   padding: 10px;
   padding-top: 30px;
   color: #000;
   background: #fff;
        height: 80px;
   position:absolute;left:0px;top:0px;
}

.item .overlay {
   height: 80px;
   width: 100px;

   margin:0;padding:0;border:0;left:0;position:absolute;top:0;
}

Selanjutnya simpan script berikut diatas kode </head>:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://kangdadang.googlecode.com/files/garagedoorjQuery.js" type="text/javascript"></script>

dan simpan juga script ini diatas kode </body> :

<script type='text/javascript'>
GarageDoor.scrollY = -55;
GarageDoor.setBindings('garagedoor');
</script>

Cara pemanggilannya pada HTML:

<div class="garagedoor" id="garagedoor">
<div style="text-align: center;">

</div>
<div class="item" style="text-align: center;" title="#">
<div class="underlay">
Read my blog entries</div>
<img alt="" class="overlay" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjEZTleB42NEujMCWZep2kOwKuImtbOTCQ6nfQGFHTYvMn0-ysjZuDzTjGfsRc-aXABc7Xy2GYmaxPMlEQeS8EMJqC9VDXz_4z9tSafpI6eqjQjOv4m3OLJ5PqccwOEbJnwvJ6fhkxzq8/s1600/garage5.jpg" />
<div class="mouse">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzrZOeirWxQHP486Vqhd1ezc130mHkPcJPzJevVzLFvVJjRC0s_RlNUzOG-s2y7qaTKBpR4OWUmTgxzYJQGzBUq0boNHwwSsLRIr-GTpq5WkKoy8iVD8mWv_CucRvwqWMG1WTzfVAn4Pw/s1600/nothing.gif" /></div>
</div>
<div class="item" style="text-align: center;" title="#">

<div class="underlay">
information about me</div>
<img alt="" class="overlay" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDphQibEP0QfN2hSve0pYoRdIiHz9dwplj12XL85025JXscBbacaRJ3KwGzTOX9LaVzw9ywZfn9jhOgcjB81GGoAvVFd2M4lfZaw851FKs4qWAKmEDAra2dx_0DP75ct4wiAFce-eNoxc/s1600/garage2.jpg" />
<div class="mouse">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzrZOeirWxQHP486Vqhd1ezc130mHkPcJPzJevVzLFvVJjRC0s_RlNUzOG-s2y7qaTKBpR4OWUmTgxzYJQGzBUq0boNHwwSsLRIr-GTpq5WkKoy8iVD8mWv_CucRvwqWMG1WTzfVAn4Pw/s1600/nothing.gif" /></div>
</div>
<div class="item" style="text-align: center;" title="#">
<div class="underlay">
People that rock</div>
<img alt="" class="overlay" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRJbRGbk5BWlglP4mLJ_G12pM7bKdykZVToh050NecjJ74YwRR3yXjuCCenaXxqAzQiab3PxczhCkOe25JoFkposdJBrx7FiaCVjPfnV4Adirwd6ciGpWm7pgvFQ1M2dFo-p1N-WQePFQ/s1600/garage3.jpg" />
<div class="mouse">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzrZOeirWxQHP486Vqhd1ezc130mHkPcJPzJevVzLFvVJjRC0s_RlNUzOG-s2y7qaTKBpR4OWUmTgxzYJQGzBUq0boNHwwSsLRIr-GTpq5WkKoy8iVD8mWv_CucRvwqWMG1WTzfVAn4Pw/s1600/nothing.gif" /></div>
</div>
<div class="item" title="#">
<div class="underlay" style="text-align: center;">
Send me a message.</div>
<div style="text-align: center;">
<img alt="" class="overlay" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd0tor3LsPQNNIeaM9Wz6K57OvaBIr4YeTfqsQxfeBnStyMIHq4OxZ4YBysrv1AZhkcx2CeTYqTO3p3TPTeOZLJlT7wT7oF0kFRja48JXncfwo5xjvVG-qdUcD6gje-HCPlpLn_jH1Q-I/s1600/garage4.jpg" /></div>
<div class="mouse" style="text-align: center;">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzrZOeirWxQHP486Vqhd1ezc130mHkPcJPzJevVzLFvVJjRC0s_RlNUzOG-s2y7qaTKBpR4OWUmTgxzYJQGzBUq0boNHwwSsLRIr-GTpq5WkKoy8iVD8mWv_CucRvwqWMG1WTzfVAn4Pw/s1600/nothing.gif" /></div>

</div>
</div>

Belajar Kode HTML Dasar

Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML,bisa baca disini

Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halaman HTML dengan software instant seperti Dreamweaver dll.

Membuat Center,gunakan kode : <p align="center">Belajar</p> hasilnya seperti:

Belajar

Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :

Belajar

Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :

Belajar

Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :

Belajar

Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :

Belajar

Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :

Belajar

Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :

<b><i><u>Belajar</u></i></b> hasilnya seperti :

Belajar

Membuat Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya seperti :

Belajar

Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span> hasilnya seperti :

Belajar

Namanya juga hidden..ya..ga keliatan..

Membuat Huruf Besar semua (uppercase) gunakan kode :

<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :

Belajar

Membuat Huruf Small caps gunakan kode:

<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:

Belajar

Membuat Huruf Subscribe / kecil di bawah gunakan kode:

<p>4<sub>2</sub></p>hasilnya seperti ini:

4₂

Membuat Huruf Superscribe / pangkat gunakan kode:

<p>4<sup>2</sup></p> hasilnya seperti ini:

4²

Membuat Huruf bergaris atas gunakan kode:

<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:

Belajar mengganti huruf

Membuat Huruf bergaris tengah gunakan kode:

<strike>Belajar</strike> hasilnya seperti ini:

~~Belajar~~

Menentukan jenis huruf gunakan kode:

<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:

Belajar

Menentukan ukuran huruf gunakan kode:

<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:

Belajar

Menentukan warna huruf gunakan kode:

<p style="color: green; >Belajar</p> hasilnya seperti ini:

Belajar

Membuat bullet dot bolong gunakan kode:

<ul type="circle">

<li>DOT 1</li>

<li>DOT 2</li>

<li>DOT 3</li>

</ul>

hasilnya seperti ini:

DOT 1
DOT 2
DOT 3

Membuat bullet dot kotak gunakan kode:

<ul type="square">

<li>DOT 1</li>

<li>DOT 2</li>

<li>DOT 3</li>

</ul>

hasilnya seperti ini:

DOT 1
DOT 2
DOT 3

Membuat bullet dot bulat gunakan kode:

<ul>

<li>DOT 1</li>

<li>DOT 2</li>

<li>DOT 3</li>

</ul>

hasilnya seperti ini:

DOT 1
DOT 2
DOT 3

Mengatur posisi bullet gunakan kode:

<blockquote>

<blockquote>

<blockquote>

<ul>

<li>DOT 1</li>

<li>DOT 2</li>

<li>DOT 3</li>

</ul>

</blockquote>

</blockquote>

</blockquote>

hasilnya seperti ini:

DOT 1

DOT 2

DOT 3

Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:

<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>

hasilnya seperti ini:

Belajar

Membuat tabel border solid gunakan kode:

hasilnya seperti :

Text

Membuat tabel border dot gunakan kode:

<table border="1" width="200"

style="border-style: dotted">

<tr>

<td border="2" style="border-style:

dotted">Text</td>

</tr>

</table>

hasilnya seperti ini:

Text

Membuat tabel border dashed gunakan kode:

<table border="1" width="200" style="border-style: dashed">

<tr>

<td style="border-style: dashed">Text</td>

</tr>

</table>

hasilnya seperti ini:

Text

Membuat tabel border groove gunakan kode:

<table border="1" width="200" style="border-style: groove">

<tr>

<td>Text</td>

</tr>

</table>

hasilnya seperti ini:

Text

Membuat tabel border Ridge gunakan kode:

<table border="1" width="200" style="border-style: ridge">

<tr>

<td>Text</td>

</tr>

</table>

hasilnya seperti ini:

Text

Membuat tabel border Insert gunakan kode:

<table border="1" width="200" style="border-style: inset">

<tr>

<td>Text</td>

</tr>

</table>

hasilnya seperti ini:

Text

Membuat tabel border Outset gunakan kode:

<table border="1" width="200" style="border-style: outset">

<tr>

<td>Text</td>

</tr>

</table>

hasilnya seperti ini:

Text

Membuat Tabel Biasa gunakan kode :

<table border="1"width="200"><td>Text</td></table>

hasilnya seperti:

Text

Membuat Tabel berwarna gunakan kode :

<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :

Text

Membuat Tabel berwarna tak berbingkai gunakan kode :

<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:

Text

Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.

**Tabel-tabel diatas,akan terlihat sempurna jika dibuka pada browser IE (Internet Explorer)

Apa itu HTML ?

HTML singkatan dari Hyper Text Markup Language,dalam arti umum,sebuah web adalah sebuah dokumen HTML,yang mana sebuah HTML itu sendiri merupakan bahasa yang menggunakaan tanda-tanda tertentu(Tag)untuk menyatakan kode-kode yang harus diterjemahkan oleh Browser,agar halaman dapat di tampilkan secara benar.

HTML sendiri,sebenarnya hanya dokument biasa,hanya dokumen ini dapat dilakukan untuk pemformatan text,peletakan object,maupun Hypertext yakni text yang berfungsi ganda sebagai penghubung (Link)antara halaman satu dengan yang lain.

Nah!link inilah yang menjadi ciri sekaligus membentuk suatu www (Jaringan global antar text / halaman)

Bagaimana contoh sederhana bentuk sebuah halaman HTML?

Sebagaimana Pengertian Blog pada posting pelajaran-blog.blogspot.com beberapa waktu lalu,bahwa sebuah halaman web yang baik,secara fisik akan terdiri dari sebuah Header,Body,Sidebar dan Footer.

Untuk membentuk sebuah halaman HTML secara sederhana,kita memanfaatkan Notepad pada komputer anda.

Tapi sebelum itu,pergi ke My Document,pilih Folder Option,lalu pilih View,kosongkan check box pada Hide Extentions for Known Filetypes,inihanya untuk memperlihatkan File type dari setiap file di komputer anda.

Setelah itu,buka Notepad dan tuliskan kode di bawah ini :

<html><head>
<title>Belajar HTML</title>
</head>
<body>
<p>Hallo! aku sedang belajar blog di Pelajaran Blog !</p>
</body>
</html>

Setelah itu simpan dengan nama "belajar",yang nantinya di komputer anda akan menjadi "belajar.txt",setelah itu,klik kanan file tersebut pilih Rename rubah menjadi "belajar.htm".

Setelah itu,Open file tersebut,dan anda sudah bisa melihat suatu tampilan halaman HTML yang di maksud.

Apa keterangan dari kode-kode di atas?

Kode HTML,dalam setiap kodenya di awali dengan tanda <> dan di akhiri dengan </>

contoh:

<html>merupakan penandaan bahwa halaman HTML di mulai.

</html>merupakan tanda bahwa halaman html ditutup.

<Head>artinya merupakan awal kepala

</Head>artinya merupakan akhir bagian kepala.

<Title>menujukkan judul yang akan keluar pada Bar atas yang ditutup dengan </title>

<body>isi dari halaman tesebut,seperti contoh HTML diatas,isinya berupa kata "Hallo! aku sedang belajar blog di Pelajaran Blog !"yang ditutup dengan akhir isi halaman,yaitu </body>

Sedangkan tanda <p> yaitu pembentukan alinea baru,seperti halnya anda menekan Enter pada Ms Word untuk membentuk kursor baru pada Alinea baru,yang mana diakhiri pula dengan tanda </p>.

Untuk membentuk alinea baru bisa juga menggunakan kode <br> dan diakhiri dengan </br>

Apa Itu CSS ?

Jika dengan HTML,saya menuliskan sebuah kalimat:

Apa Itu CSS?

Maka saya akan menuliskan kode:

<font-size="12px";font-family="arial"><b>Apa itu CSS?</b></font>

Tapi dengan CSS,kita bisa menghemat penerapan kode,hanya dengan mengatur atribut kalimat yang akan kita tulis,di bagian atas kode <HEAD>,pada halaman HTML sobat.

Contoh,tulisan Apa itu CSS? di atas,akan saya tulis memakai CSS.

Pertama,saya meletakkan kode ini di atas kode <Head> pada halaman HTML saya.

#Contoh

<style type='text/css'>

{color:black; font-size:12px; font-weight: bold; font-family: arial;} </style>

Setelah itu,saya menuliskan kode di bawah ini sesudah kode <Head>

<script type='text/javascript'/>
<div id="contoh">
Apa Itu CSS?
</div>

Hasilnya akan seperti ini :

Apa Itu CSS?

Sama khan ?Nah itu penjelasan dikit tentang CSS.

Kurang Jelas? untuk lebih jelasnya sobat bisa pelajari CSS di Sini

Apa Itu BLOG ?

Blog,kalau menurut saya sih ibarat rumah,bahkan ibarat sebuah pulau,dimana orang akan lebih senang berkunjung jika pada rumah / pulau tersebut menyediakan apa yang mereka inginkan.Dengan Blog pula,kita mempunyai sebuah rumah tempat tinggal dalam dunia maya.dimana kita bebas mengekspresikan maupun memfermak Blog sesuka hati kita.Semakin cantik dan up to date suatu Blog,traffic maupun pengunjung,akan semakin meningkat.

Blog/web yang baik biasanya mempunyai kriteria-kriteria tertentu,seperti adanya Header,body,sidebar,footer.Jadi satu halaman sebuah Blog yang baik terdiri dari kriteria-kriteria di atas.

Sebagai gambaran lihat ilustrasi di bawah ini:

Di ibaratkan ilustrasi di atas,sebuah Blog mempunyai fitur-fitur itu semua.
Skema Blog,anda bisa lihat contoh di bawah ini :

Maksudnya?

Ya,secara fisik sebuah Blog terdiri dari :

Header(kepala),

Body(Isi Blog),

Sidebar(lengan/sisi),

Footer(bawah).

Adapun jika ada fitur-fitur lain,itu hanya sebagai element tambahan.

Bagaimana membuat sebuah Blog?

Blog,bisa kita ciptakan melalui jasa web penyedia blog,seperti;Blogger,Wordpress,Multiply dll.Di pelajaran-blog.blogspot.com memang mempelajari khusus Blog dari Blogger/Blogspot.

Apa yang harus di kuasai untuk bisa mengedit sebuah Blog?

Di blogspot,sudah ada versi WYSWYG yang mana kita tidak perlu capek menuliskan kode untuk sebuah blog.Tapi jika anda menguasai HTML,CSS,PHP maupun Javascript akan lebih baik lagi.Untuk HTML,CSS,PHP maupun Javascript ,kita akan bicarakan nanti.

Jika kita sudah mempunyai Blog?apa yang harus kita lakukan?

Memposting artikel pada Blog? maupun upload foto ataupun Video,ajang narsis,kumpul sesama Blogger menjalin silaturahmi,curhat,dll.Keuntungan lain yaitu,dengan kita mempunyai sebuah Blog,ibarat kita sudah mempunyai sebuah rumah,dan di rumah itu,kita bebas mau mananam apaun itu tanamannya.Maksudnya,kita bisa meletakkan sebuah kode,baik itu kode tukar link,iklan dll.

Banyak penyedia content yang menawarkan kode iklan (AdSense,Text Link-Ads,AdBrite,dll)untuk memasang iklan pada suatu Blog,yang akan membayar kita jika ada pengunjung yang mengklik iklan yang kita tampilkan.

Apa sich keuntungan Materi dari banyaknya pengunjung pada Blog kita?Ya,jelas..dengan bayaknya pengunjung,kemungkinan iklan kita dilihat orang juga akan semakin besar,dan akan semakin besar pula tambahan doku ke kantong kita.

Happy blogging

Belajar Dasar Dasar JavaScript

Selamat pagi,siang,atau malam Rekan rekan kita lanjutkan pemrograman web setelah HTML dan CSS, Selanjutnya yaitu :

JAVASSCRIPT

1 Penulisan Java Script

Kode Java Script dituliskan pada file HTML.Terdapat dua cara untuk menuliskan kode-kode Java Script agar dapat ditampilkan pada halaman HTML, yaitu :

Java script ditulis pada file yang sama

Untuk penulisan dengan cara ini, perintah yang digunakan adalah

<SCRIPT LANGUANGE =”JavaScript” >program java script disini</SCRIPT>. Perintah tersebut biasanya diletakkan diantara Tag <BODY>…</BODY>

<HTML>
<HEAD><TITLE>……….</TITLE>
</HEA>
<BODY>
<SCRIPT LANGUAGE=”Javascript”>
kode javascript disini

</SCRIPT>
kode HTML disini

</BODY>
</HTML>

b) Javascript ditulis pada file terpisah
Kode Javascript bisa juga kita buat dalam file terpisah dengan tujuan agar dokumen HTML isinya tidak terlalu panjang. Atribut yang digunakan adalah

<SCRIPT src=”namafile.js”>…</SCRIPT>

Diantara tag <SCRIPT………> dan <SCRIPT> tidak diperlukan lagi kode Javascriptnya karena sudah dibuat dalam file erpisah. File yang mengandung kode Javascript berekstensi .js

1.4 Program Pertama Javascript

Pada bagian ini kita akan membuat program dengan menggunakan Javascript.

Program ini akan menampilkan teks “ Belajar Pemrograman Javascript”

<HTML>
<BODY>
<SCRIPT language="JavaScript">

</SCRIPT>
</BODY>

</HTML>

Berikut diberikan beberapa contoh program sederhana dengan menggunakan Javascript

<HTML>
<BODY>
<B>Bagian Pertama ini ditulis dengan HTML!</B>
<P>
<SCRIPT language="JavaScript">

</SCRIPT>
<P>
<B>Bagian Terakhir dari dokumen HTML, ditulis setelah Script!</B>
</BODY>
</HTML>

<HTML>
<HEAD><TITLE>BElajar Javascript Yuuuuuu</TITLE>
</HEAD>
<BODY BGCOLOR="gray">
<SCRIPT language="JavaScript">

</SCRIPT>
</BODY>

</HTML>

Objek document mempunyai dua metode untuk menuliskan teks, yaitu write dan writeln. Metode write digunakan untuk menuliskan teks tanpa ganti baris, sedangkan metode writeln digunakan untuk menuliskan teks dengan ganti baris.

Berikut diberikan contoh Program Javascript yang diletakkan di file lain dan dipanggil melalui suatu file HTML

File isi.js

document.writeln("<CENTER>");
document.writeln("<HR WIDTH=600 COLOR=Black>");
document.writeln("<H1>INDONESIA,KALIMANTAN BARAT</H1>");
document.writeln("<H2>PONTIANAK<H2>");
document.writeln("<H3>PURNAMA<H3>");
document.writeln("<HR WIDTH=600 COLOR=Black>");

document.writeln("</CENTER>");

File HTML

<HTML>
<BODY>
<B>Contoh ini menggunakan Javascript yang diambil dari File lain..</B>
<P>
<SCRIPT language="JavaScript" src="isi.js"></SCRIPT>
</BODY>

</HTML>

1.5 Komentar

Sama seperti bahasa pemrograman lain. Javascript juga menyediakan fasilitas untuk menuliskan komentar, komentar ini berguna bila nantinya anda atau orang lain membaca program.

Pemberian komentar dalam Javascript dapat dilakukan dengan dua cara yaitu dengan menuliskan komentar setelah tanda garis miring dua kali, contoh :

//ini komentar

atau

/*ini juga komentar */

AKShell - Belajar Dan Publish Script JavaScript Berbasis Apps online

Jika Anda akan memulai sebuah proyek JavaScript, akan lebih baik untuk menggunakan layanan AkShell web daripada menginstal dari pengembangan web . Ini memberikan sisi server pengembangan dan hosting, dengan IDE online yang dirancang khusus untuk aplikasi berbasis kode JS dan script.

Anda hanya perlu menyediakan kode dan AkShell akan menangani sisanya. Ini menggunakan open source PostgreSQL yang memungkinkan menafsirkan hampir semua konstruksi SQL, sehingga database pengelolaan pekerjaan proyek berbasis Java script Anda akan mudah dan bebas dari konflik database tertentu. Git konsol terintegrasi dalam membuat manajemen kode mudah bagi pengguna. Selain itu, pengguna juga dapat berkolaborasi dengan satu sama lain di GitHub untuk mengambil saran dan modul pertukaran kode untuk mempercepat proses pembangunan.

Seiring dengan memulai sebuah proyek baru, Anda juga dapat mengimpor file kode ke editor AkShell untuk mengubah mereka. Untuk memulai, kunjungi AkShell untuk membuka editor . Editor mengemulasi antarmuka pengguna IDE yang lain, dengan bar navigasi untuk menelusuri file kode dan jendela utama untuk mengedit file yang dibuka. Sisi kiri menawarkan dua bagian untuk melihat dan membuka file di ruang kerja saat ini dan menjelajahi perpustakaan, lingkungan, dan file kode lainnya masing-masing.

Toolbar utama memungkinkan Anda beralih antara modus berbeda. Untuk mengedit file tersebut, pastikan pilihan Edit diaktifkan. Bersamaan Edit, pilihan Eval dan Komit tersedia untuk mengevaluasi dan mengkompilasi kode. Mengklik Git Git terbuka akan konsol untuk menjalankan perintah. Jika Anda ingin membuka file kode dari lokasi setempat, klik File pada menu bar diikuti dengan Upload File untuk menentukan lokasi file.

Setelah dikodekan aplikasi Java Script, Anda dapat mempublikasikan dari menu App. Sebelum penerbitan aplikasi, periksa pratinjau server hidup dari aplikasi yang dikembangkan atau script dengan mengklik Preview pada toolbar utama. AKShell editor online yang berguna untuk kode aplikasi web JavaScript.

Kunjungi AkShell untuk belajar JavaScript

note: Jujur saya sendiri masih dangkal banget dengan yang beginian,tapi ga apa2 lah itung2 sambil belajar n berbagi...