pengenalan mekanisme pembelajaran
0 min red
Januari 01, 0001
navigasi pertemuan
berlangsung | pertemuan 1
pertemuan 1
pengenalan mekanisme pembelajaran
Module ini membahas mekanisme pembelajaran yang digunakan dalam setiap pertemuan
mengenal media pembelajaran
Modul ini membahas lingkungan belajar yang digunakan dalam setiap sesi pertemuan.
pemasangan penyuntingan teks
Modul ini membahas langkah persiapan alat yang dibutuhkan dalam proses belajar.
mepersiapkan sistem versi dan repositori
Modul ini membahas langkah persiapan untuk tempat penyimpanan dokumen latihan atau penugasan.
integrasi repositori pembelajaran
Dalam modul ini kita akan mempersiapkan lingkungan pedukung dan langkah otomasi pembelajaran.
pertemuan 2
Dasar Pemrograman Web, Konsep, dan Peran di Era Digital
Memahami dasar pemrograman web untuk membangun solusi digital masa kini.
Memahami Mekanisme Kerja Internet di Balik Layar
Menjelajahi mekanisme internet, memahami cara kerja jaringan global modern.
Website Adalah Fondasi Dunia Digital
Memahami fondasi website sebagai pintu utama menuju dunia digital.
Webserver sebagai fondasi akses digital
Menjelaskan peran webserver sebagai fondasi utama akses digital modern
Website sebagai Medium Perubahan Sosial, Ekonomi, Politik, dan Budaya
Website sebagai medium transformasi sosial, ekonomi, politik, serta budaya global.
pertemuan 3
Sejarah HTML dari awal perkembangan hingga modern
Menelusuri sejarah HTML sebagai fondasi utama pembangunan halaman web.
Pengantar HTML dasar membangun struktur halaman web
Memahami posisi HTML sebagai bahasa dasar pembangunan struktur halaman web.
Mengenal elemen HTML sebagai dasar struktur halaman
Mengenal elemen HTML sebagai komponen dasar penyusun struktur halaman.
Mengenal atribut HTML untuk pengaturan elemen halaman
Memahami atribut HTML sebagai penentu perilaku dan karakteristik elemen.
Struktur dasar HTML untuk membangun kerangka halaman
Menjelaskan struktur dasar HTML sebagai kerangka utama halaman web.
pertemuan 4
Elemen paragraf HTML untuk menyusun teks halaman
Mempelajari elemen paragraf HTML untuk menyusun teks dalam halaman web.
Heading HTML penting untuk memperjelas struktur konten halaman
Menguasai tag heading HTML untuk struktur konten, praktik, dan standar.
List HTML untuk menyajikan informasi secara terstruktur
Memahami tag list HTML untuk membuat daftar terstruktur dalam website.
Text formatting HTML untuk menekankan dan memperindah tampilan teks
Menggunakan list untuk menyajikan informasi terstruktur, rapi, dan mudah dipahami.
Quotation HTML untuk menampilkan kutipan profesional dalam halaman
Mempelajari quotation dalam penyajian kutipan profesional dalam halaman web.
pertemuan 5
Meggunakan image dalam menyisipkan dan menampilkan media visual
Mendalami tag img untuk menampilkan ilustrasi dalam media gambar.
Code block HTML untuk menampilkan potongan kode terformat
Menampikan potongan source code dengan menggunakan code block.
Video HTML untuk menyisipkan dan memutar media video
Memutar beranekaragam jenis dan format video dalam laman website.
Panduan Lengkap Tag Audio HTML untuk Pemula
Menggunakan tag audio untuk layanan suara pada website.
Menampilkan File di HTML Praktik dan Contoh
Menampilkan file serta cara implementasi, kompatibilitas, dan praktik terbaik.
pertemuan 6
Kenali Link untuk Menyambungkan Halaman dan Sumber Daya
Mempelajari tag link untuk menghubungkan halaman dan sumber daya.
Iframe HTML untuk menampilkan konten eksternal dalam halaman
Memahami tag iframe untuk menampilkan konten eksternal dalam halaman.
Embed HTML untuk menyisipkan konten multimedia interaktif
Mempelajari tag embed untuk menyisipkan konten multimedia interaktif.
Style HTML untuk mengatur tampilan visual halaman
Memahami tag style untuk mengatur tampilan visual halaman web.
Tambah interaktivitas pada HTML dengan script
Mempelajari tag script untuk menambahkan interaktivitas dan fungsionalitas web.
pertemuan 7
Membuat data terstruktur pada HTML dengan table
Memahami tag table untuk menyajikan data terstruktur bagu laman web.
Atur penyajian data pada HTML dengan struktur tabel
Mempelajari struktur tabel dalam menyusun data rapi dan terorganisir.
Gabungkan sel tabel pada HTML dengan spanning cell
Memahami teknik spanning cell untuk menggabungkan sel secara fleksibel.
Buat elemen formulir interaktif pada HTML dengan input
Mempelajari tag input untuk membuat elemen formulir interaktif pengguna.
Kelola data pengguna pada HTML dengan form
Memahami tag form untuk mengelola input dan interaksi pengguna.
pertemuan 8
Tambahkan informasi tambahan halaman web pada HTML dengan meta
Mempelajari tag meta untuk menyediakan informasi tambahan tentang halaman.
Kelola deskripsi bawaan halaman web pada HTML dengan metadata native
Memahami metadata native untuk mendeskripsikan informasi bawaan halaman web.
Optimalkan pratinjau konten web pada HTML dengan OpenGraph
Mempelajari Open Graph untuk optimalkan pratinjau konten halaman pada media sosial.
Panduan Lengkap Metadata MODS untuk Koleksi Digital
Kenli MODS untuk deskripsi metadata terstandar dalam pengelolaan dokumen.
Representasikan arsip digital terstruktur pada HTML dengan metadata EAD
Metadata EAD untuk representasi arsip digital secara terstruktur dan standar
pertemuan 9
Perjelas makna konten halaman web pada HTML dengan semantik
Memahami semantik HTML untuk struktur konten yang lebih bermakna.
Tandai bagian atas konten halaman web pada HTML dengan header
Mempelajari elemen header HTML untuk menandai bagian atas konten halaman.
Lengkapi informasi bagian bawah halaman web pada HTML dengan footer
Memahami elemen footer untuk menutup dan melengkapi informasi halaman.
Main sebagai tempat konten utama web pada html
Mempelajari elemen main untuk menandai konten utama halaman.
Tingkatkan struktur konten pada HTML dengan semantik
Menerapkan elemen semantik untuk struktur, aksesibilitas, dan optimasi.
pertemuan 10
Telusuri perkembangan desain web modern pada HTML dengan sejarah CSS
Menelusuri sejarah perkembangan css dari awal hingga modern.
Mulai atur tampilan visual halaman web pada HTML dengan CSS
Memahami pengantar css untuk mengatur tampilan visual halaman website.
Pahami aturan penulisan gaya halaman web pada HTML dengan sintaks CSS
Mempelajari sintaks css untuk mengatur gaya dan tampilan elemen.
Definisikan struktur dan gaya halaman web pada HTML dengan markup CSS
Memahami markup css untuk mendefinisikan gaya visual elemen halaman.
Terapkan gaya visual halaman web secara konsisten pada HTML dengan penggunaan CSS
Mempelajari penggunaan css untuk mempercantik dan menata tampilan halaman.
pertemuan 11
Pahami dasar pemikiran desain halaman web modern pada HTML dengan konsep CSS
Memahami prinsip dasar css untuk mengatur desain visual halaman web.
Beri gaya khusus pada elemen halaman web pada HTML dengan class CSS
Mempelajari class css untuk memberikan gaya khusus pada elemen tertentu.
Targetkan elemen spesifik halaman web pada HTML dengan identifier CSS
Memahami identifier css untuk menargetkan elemen spesifik dalam halaman web.
Seleksi elemen berdasarkan atribut tertentu pada HTML dengan attribute CSS
Mempelajari selector attribute css untuk menargetkan elemen dengan atribut khusus.
Terapkan gaya ke semua elemen halaman web pada HTML dengan universal selector CSS
Memahami selector universal css untuk menerapkan gaya pada semua elemen.
pertemuan 12
Targetkan elemen tepat setelah sibling sejenis pada HTML dengan adjacent sibling CSS
Mempelajari selector adjacent sibling css untuk menargetkan elemen dalam sebuah group.
Seleksi elemen sibling sejenis setelahnya pada HTML dengan general sibling CSS
Memahami selector general sibling css untuk menargetkan elemen group sejenis.
Atur gaya khusus elemen turunan langsung pada HTML dengan child selector CSS
Menguasai selector child css untuk presisi menata hierarki struktur DOM.
Terapkan gaya pada elemen turunan dalam hierarki HTML dengan descendant selector CSS
Mempelajari selector descendant css untuk menargetkan elemen turunan dalam hierarki.
Tambah efek dinamis pada elemen halaman web pada HTML dengan pseudo CSS
Memahami pseudo-class dan pseudo-element css untuk gaya dinamis serta fleksibel.
pertemuan 13
Tentukan jenis huruf teks halaman web pada HTML dengan font family CSS
Mempelajari properti font-family css untuk menentukan jenis huruf pada teks.
Atur ukuran teks halaman web secara proporsional pada HTML dengan font size CSS
Memahami properti font-size css untuk mengatur ukuran teks halaman web.
Kendalikan ketebalan teks halaman web pada HTML dengan font weight CSS
Mempelajari properti font-weight css untuk mengatur ketebalan teks halaman.
Ubah gaya kemiringan teks halaman web pada HTML dengan font style CSS
Memahami properti font-style css untuk mengatur gaya kemiringan teks.
Atur tampilan gaya khusus teks halaman web pada HTML dengan font variant CSS
Mempelajari properti font-variant css untuk mengatur tampilan gaya teks.
Sederhanakan penulisan beberapa properti gaya halaman web pada HTML dengan shorthand CSS
Memahami shorthand css untuk menyingkat penulisan beberapa properti gaya sekaligus.
pertemuan 14
Tentukan palet dan nuansa desain halaman web pada HTML dengan warna CSS
Mempelajari aspek konseptual css untuk memahami prinsip desain dan styling.
Atur warna teks halaman web secara fleksibel pada HTML dengan text color CSS
Memahami properti teks css untuk mengatur tampilan dan estetika tulisan.
Kustomisasi tampilan elemen halaman web pada HTML dengan background CSS
Mempelajari properti background css untuk mengatur latar belakang elemen halaman.
Jaga konsistensi desain visual halaman web pada HTML dengan color guideline CSS
Memahami color guideline css untuk konsistensi dan harmoni tampilan desain web.
Kendalikan tampil atau tersembunyinya elemen halaman web pada HTML dengan visibility CSS
Mempelajari properti visibility css untuk mengatur tampil atau tersembunyi elemen.
pertemuan 15
Atur perhitungan dimensi elemen halaman web secara tepat pada HTML dengan box-sizing CSS
Memahami konsep box-sizing css untuk mengatur perhitungan dimensi elemen.
Tentukan ukuran lebar dan tinggi elemen halaman web pada HTML dengan box dimensions CSS
Mempelajari properti box dimensions css untuk mengatur ukuran elemen halaman.
Buat dan kendalikan batas elemen halaman web pada HTML dengan border CSS
Memahami properti border css untuk membuat dan mengatur garis elemen.
Atur jarak dalam konten elemen halaman web pada HTML dengan padding CSS
Mempelajari properti padding css untuk mengatur jarak dalam elemen.
Kendalikan jarak luar antar elemen halaman web pada HTML dengan margin CSS
Memahami properti margin css untuk mengatur jarak luar antar elemen.
Tambahkan efek bayangan estetis pada elemen halaman web pada HTML dengan box-shadow CSS
Mempelajari properti box-shadow css untuk menambahkan efek bayangan pada elemen.
rounded
Memahami properti border-radius css untuk membuat sudut elemen lebih membulat.
Tentukan perilaku tampilan elemen halaman web pada HTML dengan display CSS
Mempelajari properti display css untuk menentukan peran dan perilaku elemen.
pertemuan 16
Atur penempatan elemen halaman web secara fleksibel pada HTML dengan position CSS
Memahami properti position css untuk mengatur penempatan elemen dalam layout.
Tetapkan posisi default elemen halaman web pada HTML dengan position static CSS
Mempelajari position static css sebagai posisi normal default elemen pada halaman.
Geser elemen dari posisi normalnya pada HTML dengan position relative CSS
Memahami position relative css untuk mengatur pergeseran elemen dari posisi normal.
Tempatkan elemen relatif terhadap kontainer terdekat pada HTML dengan position absolute CSS
Mempelajari position absolute css untuk menempatkan elemen relatif terhadap kontainer.
Buat elemen menempel saat digulir halaman web pada HTML dengan position sticky CSS
Memahami position sticky css untuk elemen yang menempel saat digulir halaman.
Tetapkan elemen selalu terlihat saat menggulir halaman web pada HTML dengan position fixed CSS
Mempelajari position fixed css untuk elemen tetap terlihat saat menggulir.
Atur posisi konten pada HTML dengan float CSS
Memahami properti float css untuk mengatur posisi elemen secara melayang.
Atur setelah float pada HTML dengan clear CSS
Mempelajari properti clear css untuk mengatur perilaku elemen setelah float.
mulai diskusi
peraturan
Login menggunakan akun telegram untuk memulai diskusi.
Gunakan bahasa yang sopan, baik dan benar
Dilarang menggunakan perkataan yang mengandung unsur pelecehan, cacian dan merendahkan aggota forum lain.
Dilarang memulai pembicaraan yang keluar dari topik pembahasan.
pegaduan
panduan
Login menggunakan akun Github untuk mengajukan report.
Gunakan kalimat deskriptif yang jelas terkait kendala yang dihadapi dalam pengajuan report
Upload gambar screenshoot terkait report untuk membantu kami dalam penanganan report
Progress penanganan report dapat di monitoring pada halaman github course.
latihan
berikut ini adalah aktivitas latihan untuk modul pengenalan mekanisme pembelajaran
penugasan
aktivitas penugasan dan penilaian untuk modul pengenalan mekanisme pembelajaran
Example - Assigment Default
Quiz untuk evaluasi pembelajaran session pengatar aja.
Example - Format Assigment Gitbase
Quiz untuk evaluasi pembelajaran session pengatar aja.
Example - Format Assigment Quiz
Quiz untuk evaluasi pembelajaran session pengatar aja.
Example - Format Assigment Quiz
Quiz untuk evaluasi pembelajaran session pengatar aja.