Skip to content

Latest commit

 

History

History
59 lines (30 loc) · 2.56 KB

README.md

File metadata and controls

59 lines (30 loc) · 2.56 KB

ILT FEBE 2024

Repository ini dikhususkan untuk para instruktur ILT. Lakukanlah fork jika ingin melakukan perubahan kode dan memberikannya ke para siswa.

Pengantar

Selamat datang di ILT Hands-on Deck!

Repository ini menyimpan seluruh kebutuhan Hands-on demo dalam sesi ILT. Studi kasus yang diangkat dalam Hands-on demo adalah Calm Headphones. Ia adalah aplikasi yang menyediakan layanan untuk meningkatkan produktivitas dan fokus dalam bermeditasi.

Topik Calm Headphones akan selalu digunakan dari satu ILT ke ILT berikutnya. Oleh karena itu, kami pisahkan kemajuan aplikasi dalam branch terpisah.

Daftar ILT

Berikut adalah daftar topik hands-on yang akan diangkat per ILT.

ILT-1 Buat Website Pertamamu

Pengembangan Calm Headphones Landing Page menggunakan HTML dan CSS. Pengembangan layout-nya yang responsif akan melibatkan Flexible Box Layout atau flexbox.

Berikut gambaran hasil akhirnya.

Anda bisa klik link ini untuk menuju ke branch terkait.

ILT-2 Membuat Websitemu Lebih Interaktif

Dalam tahap ini, aplikasi Calm Headphones menjadi interatif dengan menambahkan JavaScript dan DOM manipulation di dalamnya.

Berikut gambaran hasil akhirnya.

Anda bisa klik link ini untuk menuju ke branch terkait.

ILT-3 Berkomunikasi dengan RESTful API

ILT ini mengangkat topik Asynchronous JavaScript Request atau AJAX. Aplikasi Calm Headphones akan dihubungkan dengan server untuk mendapatkan data dari web server.

Berikut gambaran hasil akhirnya.

Anda bisa klik link ini untuk menuju ke branch terkait.

ILT-4 Selangkah Lebih Maju dengan PWA

Untuk meningkatkan pengalaman pengguna, aplikasi Calm Headphones akan menerapkan Progressive Web App (PWA).

Berikut gambaran hasil akhirnya.

Anda bisa klik link ini untuk menuju ke branch terkait.

ILT-5 Menguji Aplikasi Web

Potensi bug dan error bisa saja terjadi pada aplikasi apa pun. Oleh karena itu, pengujian aplikasi perlu dilaksanakan dalam tahap pengembangannya. Ada beberapa metode pengujian dan Calm Headphones akan menggunakan cara otomatis atau Automated Testing.

Berikut gambaran hasil akhirnya.

Anda bisa klik link ini untuk menuju ke branch terkait.

ILT-6 JavaScript untuk Pengembangan di Sisi Server

......