Lewat SkilPath kalian bisa mengambil Sertifikasi (SkilBadge).

Di SkilPath Web Development Pemula ini, kalian akan diberikan sebuah tugas untuk membuat website sederhana menggunakan HTML, CSS, dan JavaScript dasar.

Syarat untuk memulai SkilPath ini adalah kalian harus terlebih dahulu mendaftar dan menyelesaikan kelas HTML, CSS, dan JavaScript dasar (lihat status kelas kalian di bawah ini).

Setelah menyelesaikan SkilPath ini, kalian akan mendapatkan SkilBadge sesuai dengan nilai dari hasil tugas akhir kalian.

Membuat Landing Page Sederhana

Bagaimana perasaan kalian setelah mempelajari modul HTML, CSS, dan JavaScript Dasar?

Bingung? Capek? Atau malah bosan karena mengerjakan itu-itu aja?

Nah kali ini kalian memiliki misi untuk membuat sebuah landing page.

Apa itu landing page?

Kalian mungkin sudah tahu tentang homepage (atau halaman beranda) dari sebuah website. Homepage bisa berisi informasi mengenai visi dan misi perusahaan, link ke halaman lainnya, dan daftar kontak.

Sedangkan landing page merupakan halaman yang mempunyai satu, dan hanya satu, tujuan khusus. Bisa itu mengajak pengguna untuk mendaftar sebuah kursus, ikut berlangganan newsletter, atau dalam proyek kalian kali ini, membuat pengguna untuk mengisi sebuah formulir; lebih spesifiknya formulir untuk sebuah petisi untuk konservasi hutan hujan.

Waduh saya masih belum ada bayangan nih, halamannya seperti apa ya?🙁

Halaman yang sudah jadinya di kurang lebih seperti bawah ini

Keren kan? Kalian juga pasti bisa membuat seperti itu. Semua yang kalian perlukan telah diajari dalam modul-modul sebelumnya.

Kriteria Penilaian

Dalam pembuatan landing page itu, kalian perlu mengikuti beberapa ketentuan khusus agar hasilnya bisa seperti yang di atas. Kalian akan menerapkan sebagian dari hasil belajar kalian. Maka dari itu, landing page kalian perlu memenuhi kriteria-kriteria berikut:

Dari segi HTML

• ada tag <link> dan <script> untuk mengimpor file CSS dan JavaScript.
• ada tag <header> yang berisi video sebagai background dan overlay text.
• penggunaan tautan (link) gambar dan video yang benar.
• bagian utama dari halaman terdiri dari dua kolom: artikel dan formulir.
• artikel berisi 4 paragraf dengan panjang tertentu.
• formulir berisi 4 buah kotak input teks, 1 checkbox, dan 1 tombol.

Dari segi CSS

• pemberian warna yang akurat: sesuai dengan ketentuan yang diberikan.
• penggunaan gaya huruf (font) yang pas.
• attribute position dari semua element yang rapi dan sesuai.

Dari segi JavaScript

• ada fungsi yang mengambil dan memproses data dalam formulir dengan benar.
• ada fungsi yang memvalidasi hasil input dari pengguna.
• ada fungsi untuk membersihkan field input setelah tombol submit ditekan.
• fungsi yang dibuat menerima argumen dan mengembalikan nilai yang sesuai dengan ketentuan.

Nah itu adalah gambaran umum tentang fungsionalitas dari landing page kalian. Mereka ada bukan untuk membatasi kreativitas kalian; justru agar kalian bisa tahu persis apa yang dinilai dalam tugas akhir ini, jadi kalian tidak akan bingung "Harus bikin ini tidak ya?" atau "Ini harus warna apa ya?"

Selamat mengerjakan! 😄

• Gunakan komputer atau laptop dengan koneksi internet yang stabil.
• Install browser (disarankan menggunakan Chrome).
• Mendaftar dan menyelesaikan kelas HTML, CSS dan JavaScript Dasar.