https://github.com/kochan4php/kanain
📚 Submission Tugas Akhir Membuat Website Dicoding - Kelas Belajar Dasar Pemrograman Web - Dicoding
https://github.com/kochan4php/kanain
css css-flexbox dicoding dicoding-submission font-awesome html javascript landing-page
Last synced: 2 months ago
JSON representation
📚 Submission Tugas Akhir Membuat Website Dicoding - Kelas Belajar Dasar Pemrograman Web - Dicoding
- Host: GitHub
- URL: https://github.com/kochan4php/kanain
- Owner: kochan4php
- License: mit
- Created: 2023-05-30T13:51:50.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-02T12:14:49.000Z (almost 2 years ago)
- Last Synced: 2025-01-17T07:44:25.340Z (4 months ago)
- Topics: css, css-flexbox, dicoding, dicoding-submission, font-awesome, html, javascript, landing-page
- Language: HTML
- Homepage: https://kochan4php.github.io/kanain/
- Size: 13.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Kanain
Submission Tugas Akhir Membuat Website - Kelas Belajar Dasar Pemrograman Web
🗒️ [Sertifikat Kompetensi Kelas Belajar Dasar Pemrograman Web.pdf](https://www.dicoding.com/certificates/MRZMQYRQNPYQ)
## 🚀 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.