Dokumen tersebut membahas beberapa topik tentang bahasa markup dan bahasa skrip yang digunakan dalam pengembangan website, termasuk XML, JSON, HTML, JavaScript, perbedaan antara front-end dan back-end development.
2. APAKAHYANG ANDA KETAHUI
TENTANG XML?BERIKAN CONTOH!
-XML (eXtensible Markup Language)
-Bahasa markup yang didesain untuk pertukaran & penyimpanan data
antar system
-contoh :
<?xmlversion="1.0"?>
<note>
<to>Pandu</to>
<from>Fayruz</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>
3. JSON (dibaca: “Jason”), singkatan dari JavaScript Object Notation adalah suatu
format ringkas pertukaran data komputer. Formatnya berbasis teks dan
terbaca-manusia serta digunakan untuk merepresentasikan struktur data
sederhana dan larik asosiatif (disebut objek).
Contoh JSON
{"menu": {
"id": "file",
"value": "File",
"popup": {
"menuitem": [
{"value": "New", "onclick": "CreateNewDoc()"},
{"value": "Open", "onclick": "OpenDoc()"},
{"value": "Close", "onclick": "CloseDoc()"}
]
}
}}
4. BERIKAN BEBERAPA PERBEDAAN
MENDASAR ANTARA HTML DAN XML?
Perbedaan XML dengan HTML
- XML dan HTML di desain untuk tujuan yang berbeda
- XML tidak menggantikan HTML
- XML didesain untuk menampilkan data dan di fokuskan pada apa sebenarnya data itu,
sedang HTML didesain untuk menampilkan data dan bagaimana agar data
tersebut bisa di lihat
- XML bertujuan untuk mendiskripsikan informasi, sedang HTML untuk menampilkan
informasi
Jadi pada intinya XML dan HTML merupakan script yang saling berkaitan, namun
mempunyai tujuan dan fungsi yang berbeda-beda.
5. Menurut wikipedia, JavaScript adalah bahasa skrip yang populer di internet dan dapat
bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla
Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web
menggunakan tag SCRIPT.
Contoh :
<html>
<head>
<title></title>
</head><script>
alert("Belajar JAVASCRIPT");
</script>
<body>
<p id="coba">Saya belajar javascript! Semoga berhasil</p>
<button type="button"
onclick="document.getElementById('coba').innerHTML = 'Horeee Berhasil!'">
Klik Saya!</button></body></html>
Jelaskan yang anda ketahui mengenai
javascript?berikan contoh!
6. JELASKAN DAN BERIKAN ILUSTRASI ISTILAH FRONT END DAN BACK
END PADA SOFTWARE DEVELOPMENT !
• “Frontend” mengacu pada setiap aspek dari proses desain yang muncul dalam atau berhubungan langsung dengan
browser yang berkaitan dengan desain antarmuka website
• Desain grafis dan pembuatan gambar
• Desain antarmuka
• Desain Informasi seperti berkaitan dengan pengalaman pengguna dari situsnya
• Dokumen HTML dan pengembangan style sheet dengan CSS
• JavaScript dan jQuery
• Backend”mengacu pada program dan skrip yang bekerja pada server di balik layar untuk membuat halaman web
yang dinamis dan interaktif. Secara umum, pengembangan backend web berada di tangan programmer
berpengalaman, tapi itu baik untuk semua desainer web agar terbiasa dengan fungsi backend.
• Desain informasi seperti berkaitan bagaimana informasi diatur di server
• Pemrosesan form
• Pemograman database
• Content management systems
• Aplikasi berbasis web server lain menggunakan PHP, JSP, Ruby, ASP.NET, Java, dan bahasa pemograman lainnya