Belajar CSS Framework Bootstrap 5

Panduan menggunakan Bootstrap Framework sebagai tools untuk membangun tampilan halaman website

BEGINNER943 penilaian939 peserta

Tentang Kelas

Dalam kelas online ini kamu akan mengenal dan belajar menggunakan Framework Bootstrap untuk membangun sebuah tampilan web.

Tujuan Umum dan Khusus Pelatihan

  • Di akhir pelatihan, peserta dapat membuat sebuah website perusahaan sederhana menggunakan Mobirise
  • Dapat mengetahui dasar-dasar Bootstrap
  • Dapat menginstal software yang dibutuhkan
  • Dapat menjelaskan fitur-fitur yang terdapat di Bootstrap
  • Dapat membuat website perusahaan menggunakan Bootstrap

Silabus Topik 1: CSS Framework: Bootstrap Topik 2: Galeri Museum Arkeolog Project dengan Bootstrap

Jenis pekerjaan Kelas ditujukan bagi siapa saja yang ingin berkarir menjadi seorang programmer atau bagi orang yang baru mau membuat sebuah kantor/perusahaan

Metode Ajar

  • Online Self-paced Learning
  • Siswa dapat menentukan sendiri waktu belajarnya
  • Fasilitas Pengajaran
  • Materi disediakan berupa video
  • Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan
  • Grup telegram: Berisi member CodePolitan
  • Evaluasi pembelajaran: Ujian di akhir modul dan ujian di akhir kelas
  • Sertifikat kelulusan

Peralatan Belajar Siswa

  • Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
  • Spesifikasi minimal komputer milik siswa: Sistem operasi : Windows, Linux, atau MacOS. Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas). RAM : 1GB (Rekomendasi 2GB). Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080) Software:
  • Browser (tidak ada preferensi khusus)
  • Teks Editor (tidk ada preferensi khusus)

Daftar Materi

Mengenal Bootstrap07:15
Cara Pakai Bootstrap dan Memahami Containers09:01
Component Button11:02
Typography dan Kebutuhan lainnya yg bisa dimanfaatkan10:07
Componen lencana, alert dan menggabungkan Button dengan bootstrap09:43
Mengenal Sistem Grid Bootstrap dan Manfaatnya09:25
Responsive design dengan Bootstrap09:26
Fungsi yang bermanfaat pada Grid08:01
Mendesain Form dengan Bootstrap12:30
Membuat Navbars dengan Bootstrap12:44
Fungsi lain yang dimiliki Bootstrap07:09
Kita campurkan fungsi-fungsi yang ada di dalam Boostrap pada Halaman07:46

Studi Kasus Museum Arkeologi 106:24
Studi Kasus Museum Arkeologi 210:07
Studi Kasus Museum Arkeologi 311:00
Studi Kasus Museum Arkeologi 411:59
Studi Kasus Museum Arkeologi 508:18
Penyusun Materi

Prev
Next
Ahmad Hakim
Ahmad Hakim

Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL

Testimoni Oleh Siswa

4.6

(943 reviews)

5 Bintang
77%
4 Bintang
16%
3 Bintang
3%
2 Bintang
1%
1 Bintang
1%
Josef Christian
Josef Christian
It's a good material, i can learn basic skill of bootstrap. I also enjoy the course well. He is a good teacher
MOKHAMAD ARIFIN ILHAM
MOKHAMAD ARIFIN ILHAM
djrjgbpdbhjopgjgjgbopebjrigjwpjdogpjrwporjbopfjbnopfwqjfopwrgjrpgjwrgjefpewjdfvbjfbjrgpwdjpwdofcjepogjrop test keyboayd
Andri
Andri
mantap penjelasan nya mudah di mengerti................................................................................
Novan Purba Wasesa
Novan Purba Wasesa
Sudah sangat jelas dan namun jujur kadang terlalu cepat saat penjelasan tapi masih oke untuk diikuti
Fauzi Dwika Aditya Putra
Fauzi Dwika Aditya Putra
lumayan mudah untuk dimengerti dan dipelajari untuk saya yang sama sekali blm paham apa itu CSS.. Terima Kasih!
Saepul Bahri
Saepul Bahri
Materi yang diberikan dalam pembelajaran ini sangat informatif dan membantu dalam memahami konsep yang dibahas. Penyampaian oleh guru sangat jelas, sistematis, dan menarik, sehingga mudah dipahami oleh siswa.
Gyon
Gyon
Bagus Kelasnya, Materinya mudah di pahami dan di praktekkan, terima kasih untuk kakak mentornya, jadi tambah semangat belajar Coding^^
I Wayan Purwa Ardinata
I Wayan Purwa Ardinata
mentornya memberikan penjelasan yang sangat mudah dimengerti saran saya tolong ditampilkan wajah pengajar agar bisa mengenal siapa mentornya
Ariyanto Wibisana Arrasyid
Ariyanto Wibisana Arrasyid
CSS adalah bahasa desain utama untuk mempercantik tampilan situs web. Tanpa CSS, halaman HTML akan terlihat polos dan membosankan. CSS memisahkan konten dari tampilan, membuat struktur kode lebih bersih. Dengan CSS, kamu bisa mengubah warna, font, dan layout situs web dengan mudah. CSS sangat penting dalam pengembangan front-end modern. Media queries di CSS memudahkan desain responsif. CSS memungkinkan situs web tampil menarik di berbagai perangkat. Flexbox adalah fitur powerful dalam CSS untuk membuat layout fleksibel. Grid layout di CSS memberikan kontrol penuh terhadap struktur halaman. Belajar CSS bisa membingungkan di awal, tetapi sangat bermanfaat. CSS punya kurva belajar yang landai tapi panjang. Banyak developer yang meremehkan kekuatan CSS. Animasi di CSS sangat halus dan ringan dibanding JavaScript. Transisi CSS mempermudah efek hover yang elegan. CSS mendukung desain dark mode hanya dengan beberapa baris kode.
Tyta Syahrullah
Tyta Syahrullah
sangat membantu. banyak pengetahuan yang belum saya ketahui, dari sini saya mendapatkan materinya.
;
...
Lihat Rekaman
Rp. 149,000
Beli sekali akses selamanya
Rp. 49,000
Sewa kelas dan akses selama 1 bulan
Yang akan kamu dapatkan :
17 Modul
2 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next