AboutU.ID

AboutU.ID - Dibuat untuk memenuhi syarat kelulusan kelas Belajar Dasar Pemrograman Web di Dicoding Academy

User Interface :

🚀 Deskripsi Kelas

Belajar Dasar Pemrograman Web
Disusun oleh: Dicoding Indonesia
Level: Dasar - Pemula

Kelas ini membahas tuntas dasar HTML dan CSS sebagai tiga fondasi pembuatan website. Fondasi tersebut diperlukan untuk Anda yang ingin mengembangkan kemampuan pengembangan website ke tahap yang lebih lanjut. Disusun dan diverifikasi oleh tim expert Dicoding, materi yang disajikan terstruktur dan komprehensif.

Materi yang dipelajari:

• Pendahuluan : Pengenalan mengenai website, server dan client, anatomi website, dan tools yang diperlukan dalam pengembangan halaman website. (40 menit)
• Pengenalan HTML : Mempelajari alat yang digunakan dalam membangun struktur halaman website. Modul ini membahas tentang HTML, struktur dasar dokumen HTML, dsb. (1 jam 10 menit)
• Pendalaman HTML : Mendalami penerapan HTML dalam membangun struktur halaman web secara lebih lanjut. Di antaranya seperti beragam elemen HTML, teknik mengorganisir konten website dengan elemen semantik, mengenal attribute pada elemen, generic element, table, dsb. Selain itu, modul ini membahas tentang perbedaan antara elemen yang bersifat inline dan block. (6 jam 45 menit)
• Pengenalan CSS : Mempelajari alat yang digunakan untuk memperindah tampilan halaman website. Modul ini membahas mengenai peranan CSS, cara kerjanya, cara menuliskan kodenya, anatomi dari CSS rule, dsb. (1 jam 50 menit)
• Pendalaman CSS : Mendalami penerapan CSS dalam mempercantik tampilan halaman website secara lebih lanjut. Di antaranya seperti variatif selector, styling untuk font dan text, memahami tentang foreground color dan background color, box model, shadow, positioning, layouting menggunakan float, dan media query. (15 jam 20 menit)
• Layout Responsif dengan Flexbox : Mempelajari teknik layouting menggunakan Flexbox dalam membangun konten halaman website. Fitur ini merupakan teknik baru di CSS dalam menyusun layout yang responsif dan dapat dikombinasikan dengan media query sehingga tampilan pada perangkat mobile lebih optimal. (4 jam 5 menit)
• Penutup : Implementasi teknik yang telah dipelajari dalam pembuatan dan improvisasi pada sebuah proyek website sederhana. (10 jam 15 menit)

Evaluasi pembelajaran:

• Ujian Akhir
• Submission: tugas akhir membuat halaman website menggunakan teknik semantic HTML dan layouting

Total jam yang dibutuhkan untuk menyelesaikan kelas ini, mulai dari persiapan kelas sampai evaluasi belajar, adalah 41 jam.

Kriteria Submission :

Berikut kriteria submission yang harus Anda penuhi:

• Terdapat elemen header, footer, main, article, dan aside di berkas HTML.
• Masing-masing elemen wajib berisi konten yang peruntukkannya sesuai dengan elemen tersebut (menerapkan konsep semantic HTML dalam menyusun struktur website).
• Contohnya, elemen header berisi judul dan navigation, sedangkan konten artikel tidak boleh berada pada elemen header.
• Wajib menampilkan identitas diri (biodata diri) yang minimal harus berisi foto asli diri dan nama sesuai profil Dicoding. Identitas diri wajib ditampilkan dalam elemen .
• Menyusun layout dengan menggunakan float atau flexbox.
• Tema yang ditampilkan bebas, kecuali tema Bandung.
• Semakin detail dan lengkap website Anda maka nilai submission bisa lebih tinggi.

Getting Started

Untuk memulai, ikuti langkah-langkah dibawah ini :

1. Clone this repository

   git clone https://github.com/Ardywsptr/AboutU.ID_Submission-Belajar-Dasar-Pemrograman-Web/.git

   cd AboutU.ID_Submission-Belajar-Dasar-Pemrograman-Web

2. Hapus cache pada browser

3. jalankan file index.html

📃 Keterangan

Repositori ini adalah submission dari Dicoding untuk kelas Belajar Dasar Pemrograman Web. Kelas ini memiliki submission yang harus diselesaikan untuk mendapatkan sertifikat. Isi dari repositori ini merupakan bagian final yang mencakup kriteria yang dibutuhkan.

PERINGATAN: Jadikan repo ini sebagai rujukan/referensi.

• Sesuai dengan terms of use di Dicoding, submission kelas Dicoding Academy haruslah hasil karya Anda sendiri.

• Kode yang didapatkan dari sumber lain (website, buku, forum, GitHub, dan lain-lain) hanya digunakan sebagai referensi. Tingkat kesamaannya tidak boleh lebih dari 70%.

Jika ada pertanyaan atau issue, kunjungi new issue

Jika dokumentasi ini bermanfaat mari berteman dengan menekan tombol follow pada profile ini ☺☺☺

Big Thanks for Dicoding