SlideShare a Scribd company logo
1 of 10
XML (eXtensible Markup Language) merupakan bahasa web
turunan dari SGML (Standart Generalized Markup Language)
yang ada sebelumnya. XML hampir sama dengan HTML,
dimana keduanya sama-sama turunan dari SGML. Teknologi
XML dikembangkan mulai tahun 1966 dan mendapatkan
pengakuan dari Worl Wide Web Consortium (W3C) pada
bulan Februari 1998. Sedangkan SGML sendiri telah
dikembangkan pada awal tahun 1980-an. Pada saat HTML
dikembangkan pada tahun 1990, para penggagas XML
mengadopsi bagian paling penting SGML dan dengan
berpedoman pada pengembangan HTML menghasilkan bahasa
markup yang tidak kalah hebatnya dengan SGML.
 Secara sederhana XML adalah suatu bahasa yang digunakan
untuk mendeskripsikan dan memanipulasi dokumen secara
terstruktur. Secara teknis XML didefinisikan sebagai suatu
bahasa meta-markup yang menyediakan format tertentu untuk
dokumen-dokumen yang mempunyai data terstruktur
 Contohnya: Sebuah contoh dokumen XML seperti pada contoh
dibawah ini dan simpan kedalam filecontoh1.xml :
 <?xml version="1.0"?>
 <product barcode="2394287410">
 <manufacturer>Verbatim</manufacturer>
 <name>DataLife MF 2HD</name>
 <quantity>10</quantity>
 <size>3.5"</size>
 <color>black</color>
 <description>floppy disks</description>
 </product>
 JSON (JavaScript Object Notation) merupakan format yang
ringan untuk memasukan data ke dalam sebuah variabel.
Sangat mudah dimengerti dan diimplementasikan oleh
manusia, dan mudah juga untuk komputer dalam melakukan
parsingnya.
JSON merupakan bagian dari bahasa pemrograman JavaScript
(Standard ECMA-262 3rd Edition – December 1999). JSON
merupakan format teks yang sepenuhnya independen tetapi
menggunakan konvensi yang familiar dengan bahasa
pemrograman dari keluarga-C, termasuk C, C++, C#, Java,
JavaScript, Perl, Python, dan sebagainya. Kelebihan inilah
yang membuat JSON menjadi sebuah bahasa data-interchange
yang ideal.
 JSON dibangun dalam dua
struktur:
1.Beberapa pasangan dari
nama/nilai. Dalam beberapa
bahasa perograman biasa
disebut dengan istilah object,
record, struct, tabel hash, key
list atau associative array.
 2.Nilai-nilai yang terusun
secara ordered list. Biasa
disebut dengan array, vector,
list atau daftar dalam bahasa
pemrograman.
 Contoh:
{"menu": {
"id": "file",
"value": "File",
"popup": {
"menuitem": [
{"value":"New","onclick":"CreateNew
Doc()"},
{"value": "Open", "onclick":
"OpenDoc()"},
{"value": "Close", "onclick":
"CloseDoc()"}
]
}
}}
HTML XML
 HTML dirancang
untuk menampilkan
data, dengan fokus
pada bagaimana data
terlihat.
 HTML adalah tentang
menampilkan
informasi
 XML dirancang
untuk transportasi
dan menyimpan
data, dengan fokus
pada apa data.
 XML adalah
membawa informasi
tentang.
Pengertian JavaScript
JavaScript adalah bahasa pemrograman berbasis prototipe yang
berjalan disisi klien. Jika kita berbicara dalam konteks web,
sederhananya, kita dapat memahami JavaScript sebagai bahasa
pemrograman yang berjalan khusus untuk di browser atau
halaman web agar halaman web menjadi lebih hidup. Kalau
dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java
dan Script. Java adalah Bahasa pemrograman berorientasi
objek, sedangkan Script adalah serangkaian instruksi program.
 Code Sample: JavaScriptBasics/Demo/JavaScript.html:
<html>
<head>
<title>JavaScript Page</title>
<script type="text/javascript"> window.alert("The page is
loading"); </script>
</head>
<body>
<p align="center">
<span onclick="document.bgColor = 'red';">Red</span> |
<span onclick="document.bgColor = 'white';">White</span>
</p>
<script type="text/javascript" src="Script.js"></script>
</body>
</html>
FRON END BACK END
 Front-End Developer 
Programmer yang lebih fokus
pada tampilan luarnya
(layout), jika kalian melihat
web-web yang bagus
layout/tampilanya itu
biasanya dibuat oleh para
front-end web developer untuk
itu mereka harus bisa
memahami beberapa bahasa
programming diantaranya
HTML, CSS, Javascript dan
Jquery
 Back-End Developer 
Programmer yang lebih
fokus pada fungsi-fungsi
dari website tersebut,
misalnya membuat form
registrasi, pembayaran dan
lain sebagainya, karena itu
mereka harus bisa
memahami beberapa bahasa
programming juga
diantaranya php, sql, java
dan lain sebagainya.
FRON END BACK END
 Front-End Developer 
Programmer yang lebih fokus
pada tampilan luarnya
(layout), jika kalian melihat
web-web yang bagus
layout/tampilanya itu
biasanya dibuat oleh para
front-end web developer untuk
itu mereka harus bisa
memahami beberapa bahasa
programming diantaranya
HTML, CSS, Javascript dan
Jquery
 Back-End Developer 
Programmer yang lebih
fokus pada fungsi-fungsi
dari website tersebut,
misalnya membuat form
registrasi, pembayaran dan
lain sebagainya, karena itu
mereka harus bisa
memahami beberapa bahasa
programming juga
diantaranya php, sql, java
dan lain sebagainya.

More Related Content

What's hot

Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2
debbie95
 
1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku
IrfanRifangga
 

What's hot (20)

Tugas 2 rekaya web
Tugas 2 rekaya webTugas 2 rekaya web
Tugas 2 rekaya web
 
Tugas 2 rekweb alvin yosua 1411510454
Tugas 2 rekweb alvin yosua 1411510454Tugas 2 rekweb alvin yosua 1411510454
Tugas 2 rekweb alvin yosua 1411510454
 
Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669
 
Tugas 2 rekayasa web (0916)
Tugas 2   rekayasa web (0916)Tugas 2   rekayasa web (0916)
Tugas 2 rekayasa web (0916)
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Tgs 2 rekweb
Tgs 2 rekwebTgs 2 rekweb
Tgs 2 rekweb
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
Tugas2 rekayasa web
Tugas2 rekayasa webTugas2 rekayasa web
Tugas2 rekayasa web
 
Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2
 
pemograman API
pemograman APIpemograman API
pemograman API
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016
 
T 12 (database internet)
T 12 (database internet)T 12 (database internet)
T 12 (database internet)
 
1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku
 
Tugas 2 rekayasa web
Tugas  2 rekayasa webTugas  2 rekayasa web
Tugas 2 rekayasa web
 
Tugas 3 0317
Tugas 3 0317Tugas 3 0317
Tugas 3 0317
 
Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899
 
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
 
Tugas 2 Rekayasa Web
Tugas 2 Rekayasa WebTugas 2 Rekayasa Web
Tugas 2 Rekayasa Web
 
Tugas2 rekayasaweb
Tugas2 rekayasawebTugas2 rekayasaweb
Tugas2 rekayasaweb
 

Viewers also liked

Utsav Project Presentation
Utsav Project PresentationUtsav Project Presentation
Utsav Project Presentation
Chawda Utsav
 
Presentation de Garandeau et Bratzlawsky
Presentation de Garandeau et BratzlawskyPresentation de Garandeau et Bratzlawsky
Presentation de Garandeau et Bratzlawsky
tsoret1
 
PeopleSoft 9.2 Webinar Series - Part 1 - Upgrade Roadmap and Planning
PeopleSoft 9.2 Webinar Series - Part 1 - Upgrade Roadmap and PlanningPeopleSoft 9.2 Webinar Series - Part 1 - Upgrade Roadmap and Planning
PeopleSoft 9.2 Webinar Series - Part 1 - Upgrade Roadmap and Planning
Arvind Rajan
 

Viewers also liked (16)

Playoff Preview
Playoff PreviewPlayoff Preview
Playoff Preview
 
The benefits of blogs for your business
The benefits of blogs for your businessThe benefits of blogs for your business
The benefits of blogs for your business
 
Survey Data Findings
Survey Data Findings Survey Data Findings
Survey Data Findings
 
Título Grado Educación Infantil
Título Grado Educación InfantilTítulo Grado Educación Infantil
Título Grado Educación Infantil
 
Aceite de jatropha final
Aceite de jatropha   finalAceite de jatropha   final
Aceite de jatropha final
 
Come organizzare uno studio professionale nell'era del Web2.0
Come organizzare uno studio professionale nell'era del Web2.0Come organizzare uno studio professionale nell'era del Web2.0
Come organizzare uno studio professionale nell'era del Web2.0
 
Utsav Project Presentation
Utsav Project PresentationUtsav Project Presentation
Utsav Project Presentation
 
Barefoot Running with Zane Christopher Part 1 - Legendary Strength Podcast
Barefoot Running with Zane Christopher Part 1 - Legendary Strength PodcastBarefoot Running with Zane Christopher Part 1 - Legendary Strength Podcast
Barefoot Running with Zane Christopher Part 1 - Legendary Strength Podcast
 
Ambiente neoassunti 2015/2016
Ambiente neoassunti 2015/2016Ambiente neoassunti 2015/2016
Ambiente neoassunti 2015/2016
 
Presentation de Garandeau et Bratzlawsky
Presentation de Garandeau et BratzlawskyPresentation de Garandeau et Bratzlawsky
Presentation de Garandeau et Bratzlawsky
 
Cuentas por cobrar
Cuentas por cobrarCuentas por cobrar
Cuentas por cobrar
 
PeopleSoft 9.2 Webinar Series - Part 1 - Upgrade Roadmap and Planning
PeopleSoft 9.2 Webinar Series - Part 1 - Upgrade Roadmap and PlanningPeopleSoft 9.2 Webinar Series - Part 1 - Upgrade Roadmap and Planning
PeopleSoft 9.2 Webinar Series - Part 1 - Upgrade Roadmap and Planning
 
Ignite Italia - Gummyfication - @betone
Ignite Italia - Gummyfication - @betoneIgnite Italia - Gummyfication - @betone
Ignite Italia - Gummyfication - @betone
 
Company profile CV. Sivanisa
Company profile CV. SivanisaCompany profile CV. Sivanisa
Company profile CV. Sivanisa
 
TYPO3 CMS 8.0 - Die Neuerungen - pluswerk
TYPO3 CMS 8.0 - Die Neuerungen - pluswerkTYPO3 CMS 8.0 - Die Neuerungen - pluswerk
TYPO3 CMS 8.0 - Die Neuerungen - pluswerk
 
PeopleSoft 9.2 Upgrade Readiness Assessment and Health Check
PeopleSoft 9.2 Upgrade Readiness Assessment and Health Check PeopleSoft 9.2 Upgrade Readiness Assessment and Health Check
PeopleSoft 9.2 Upgrade Readiness Assessment and Health Check
 

Similar to Tugas2andremelky1212511578

Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487
nurul azmi
 

Similar to Tugas2andremelky1212511578 (16)

Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyani
 
Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487
 
Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545
 
Tugas2_Rekayasa Web
Tugas2_Rekayasa WebTugas2_Rekayasa Web
Tugas2_Rekayasa Web
 
Prasta adriansyah
Prasta adriansyahPrasta adriansyah
Prasta adriansyah
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602
 
Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
 
Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Tugas 3
Tugas 3Tugas 3
Tugas 3
 
Tugas individu rekweb2
Tugas individu rekweb2Tugas individu rekweb2
Tugas individu rekweb2
 
Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 

Recently uploaded

konsep pidato Bahaya Merokok bagi kesehatan
konsep pidato Bahaya Merokok bagi kesehatankonsep pidato Bahaya Merokok bagi kesehatan
konsep pidato Bahaya Merokok bagi kesehatan
SuzanDwiPutra
 
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdf
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdfSurat Pribadi dan Surat Dinas 7 SMP ppt.pdf
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdf
EirinELS
 
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...
luqmanhakimkhairudin
 

Recently uploaded (20)

Lokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptxLokakarya tentang Kepemimpinan Sekolah 1.pptx
Lokakarya tentang Kepemimpinan Sekolah 1.pptx
 
Topik 4_Eksplorasi Konsep LK Kelompok_Pendidikan Berkelanjutan
Topik 4_Eksplorasi Konsep LK Kelompok_Pendidikan BerkelanjutanTopik 4_Eksplorasi Konsep LK Kelompok_Pendidikan Berkelanjutan
Topik 4_Eksplorasi Konsep LK Kelompok_Pendidikan Berkelanjutan
 
konsep pidato Bahaya Merokok bagi kesehatan
konsep pidato Bahaya Merokok bagi kesehatankonsep pidato Bahaya Merokok bagi kesehatan
konsep pidato Bahaya Merokok bagi kesehatan
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
 
Sudut-sudut Berelasi Trigonometri - Sudut-sudut Berelasi Trigonometri
Sudut-sudut Berelasi Trigonometri - Sudut-sudut Berelasi TrigonometriSudut-sudut Berelasi Trigonometri - Sudut-sudut Berelasi Trigonometri
Sudut-sudut Berelasi Trigonometri - Sudut-sudut Berelasi Trigonometri
 
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
 
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOM
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOMSISTEM SARAF OTONOM_.SISTEM SARAF OTONOM
SISTEM SARAF OTONOM_.SISTEM SARAF OTONOM
 
Webinar 1_Pendidikan Berjenjang Pendidikan Inklusif.pdf
Webinar 1_Pendidikan Berjenjang Pendidikan Inklusif.pdfWebinar 1_Pendidikan Berjenjang Pendidikan Inklusif.pdf
Webinar 1_Pendidikan Berjenjang Pendidikan Inklusif.pdf
 
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdf
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdfSurat Pribadi dan Surat Dinas 7 SMP ppt.pdf
Surat Pribadi dan Surat Dinas 7 SMP ppt.pdf
 
contoh-kisi-kisi-bahasa-inggris-kelas-9.docx
contoh-kisi-kisi-bahasa-inggris-kelas-9.docxcontoh-kisi-kisi-bahasa-inggris-kelas-9.docx
contoh-kisi-kisi-bahasa-inggris-kelas-9.docx
 
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...
Asimilasi Masyarakat Cina Dengan Orang Melayu di Kelantan (Cina Peranakan Kel...
 
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptxPPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
 
MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
 
Aksi Nyata profil pelajar pancasila.pptx
Aksi Nyata profil pelajar pancasila.pptxAksi Nyata profil pelajar pancasila.pptx
Aksi Nyata profil pelajar pancasila.pptx
 
Penyuluhan DM Tipe II Kegiatan Prolanis.ppt
Penyuluhan DM Tipe II Kegiatan Prolanis.pptPenyuluhan DM Tipe II Kegiatan Prolanis.ppt
Penyuluhan DM Tipe II Kegiatan Prolanis.ppt
 
MODUL AJAR MATEMATIKA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 5 KURIKULUM MERDEKA.pdf
 
AKSI NYATA Numerasi Meningkatkan Kompetensi Murid_compressed (1) (1).pptx
AKSI NYATA  Numerasi  Meningkatkan Kompetensi Murid_compressed (1) (1).pptxAKSI NYATA  Numerasi  Meningkatkan Kompetensi Murid_compressed (1) (1).pptx
AKSI NYATA Numerasi Meningkatkan Kompetensi Murid_compressed (1) (1).pptx
 
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
 
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfProv.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
 
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
 

Tugas2andremelky1212511578

  • 1. XML (eXtensible Markup Language) merupakan bahasa web turunan dari SGML (Standart Generalized Markup Language) yang ada sebelumnya. XML hampir sama dengan HTML, dimana keduanya sama-sama turunan dari SGML. Teknologi XML dikembangkan mulai tahun 1966 dan mendapatkan pengakuan dari Worl Wide Web Consortium (W3C) pada bulan Februari 1998. Sedangkan SGML sendiri telah dikembangkan pada awal tahun 1980-an. Pada saat HTML dikembangkan pada tahun 1990, para penggagas XML mengadopsi bagian paling penting SGML dan dengan berpedoman pada pengembangan HTML menghasilkan bahasa markup yang tidak kalah hebatnya dengan SGML.
  • 2.  Secara sederhana XML adalah suatu bahasa yang digunakan untuk mendeskripsikan dan memanipulasi dokumen secara terstruktur. Secara teknis XML didefinisikan sebagai suatu bahasa meta-markup yang menyediakan format tertentu untuk dokumen-dokumen yang mempunyai data terstruktur  Contohnya: Sebuah contoh dokumen XML seperti pada contoh dibawah ini dan simpan kedalam filecontoh1.xml :  <?xml version="1.0"?>  <product barcode="2394287410">  <manufacturer>Verbatim</manufacturer>  <name>DataLife MF 2HD</name>  <quantity>10</quantity>  <size>3.5"</size>  <color>black</color>  <description>floppy disks</description>  </product>
  • 3.  JSON (JavaScript Object Notation) merupakan format yang ringan untuk memasukan data ke dalam sebuah variabel. Sangat mudah dimengerti dan diimplementasikan oleh manusia, dan mudah juga untuk komputer dalam melakukan parsingnya. JSON merupakan bagian dari bahasa pemrograman JavaScript (Standard ECMA-262 3rd Edition – December 1999). JSON merupakan format teks yang sepenuhnya independen tetapi menggunakan konvensi yang familiar dengan bahasa pemrograman dari keluarga-C, termasuk C, C++, C#, Java, JavaScript, Perl, Python, dan sebagainya. Kelebihan inilah yang membuat JSON menjadi sebuah bahasa data-interchange yang ideal.
  • 4.  JSON dibangun dalam dua struktur: 1.Beberapa pasangan dari nama/nilai. Dalam beberapa bahasa perograman biasa disebut dengan istilah object, record, struct, tabel hash, key list atau associative array.  2.Nilai-nilai yang terusun secara ordered list. Biasa disebut dengan array, vector, list atau daftar dalam bahasa pemrograman.  Contoh: {"menu": { "id": "file", "value": "File", "popup": { "menuitem": [ {"value":"New","onclick":"CreateNew Doc()"}, {"value": "Open", "onclick": "OpenDoc()"}, {"value": "Close", "onclick": "CloseDoc()"} ] } }}
  • 5. HTML XML  HTML dirancang untuk menampilkan data, dengan fokus pada bagaimana data terlihat.  HTML adalah tentang menampilkan informasi  XML dirancang untuk transportasi dan menyimpan data, dengan fokus pada apa data.  XML adalah membawa informasi tentang.
  • 6. Pengertian JavaScript JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. Jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan khusus untuk di browser atau halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.
  • 7.  Code Sample: JavaScriptBasics/Demo/JavaScript.html: <html> <head> <title>JavaScript Page</title> <script type="text/javascript"> window.alert("The page is loading"); </script> </head> <body> <p align="center"> <span onclick="document.bgColor = 'red';">Red</span> | <span onclick="document.bgColor = 'white';">White</span> </p> <script type="text/javascript" src="Script.js"></script> </body> </html>
  • 8.
  • 9. FRON END BACK END  Front-End Developer  Programmer yang lebih fokus pada tampilan luarnya (layout), jika kalian melihat web-web yang bagus layout/tampilanya itu biasanya dibuat oleh para front-end web developer untuk itu mereka harus bisa memahami beberapa bahasa programming diantaranya HTML, CSS, Javascript dan Jquery  Back-End Developer  Programmer yang lebih fokus pada fungsi-fungsi dari website tersebut, misalnya membuat form registrasi, pembayaran dan lain sebagainya, karena itu mereka harus bisa memahami beberapa bahasa programming juga diantaranya php, sql, java dan lain sebagainya.
  • 10. FRON END BACK END  Front-End Developer  Programmer yang lebih fokus pada tampilan luarnya (layout), jika kalian melihat web-web yang bagus layout/tampilanya itu biasanya dibuat oleh para front-end web developer untuk itu mereka harus bisa memahami beberapa bahasa programming diantaranya HTML, CSS, Javascript dan Jquery  Back-End Developer  Programmer yang lebih fokus pada fungsi-fungsi dari website tersebut, misalnya membuat form registrasi, pembayaran dan lain sebagainya, karena itu mereka harus bisa memahami beberapa bahasa programming juga diantaranya php, sql, java dan lain sebagainya.