prakerja

Membuat Web Sederhana yang Praktis Menggunakan HTML, CSS, dan Bootstrap Untuk Menjadi Pengembang Website Sistem

Tentang Kursus

PERHATIAN!

  1. Kursus yang dibeli dengan menggunakan Kartu Prakerja tidak dapat dipindahtangankan dan hanya bisa diambil oleh pemegang Kartu Prakerja yang bersangkutan. Kursus yang dipindahtangankan dapat berakibat tidak dikeluarkannya sertifikat penyelesaian dan/atau tidak dibayarkannya insentif oleh Pemerintah.
  2. Jika kamu pengguna Kartu Prakerja, harap gunakan nama, alamat email, dan nomor HP yang sama dengan yang kamu gunakan ketika mendaftar Kartu Prakerja.
  3. Syarat Kelulusan: Mengakses semua materi belajar, menyelesaikan kuis di setiap perpindahan dari satu sesi/modul ke sesi/modul lainnya (minimum passing grade 80%) dan menyelesaikan tes akhir (minimum passing grade 60%).

 

Deskripsi:

Di tengah maraknya penggunaan website sebagai platform baik untuk penjualan maupun untuk meningkatkan kredibilitas sebuah perusahaan, pengembangan website kini semakin dicari bahkan dikenal sebagai profesi yang paling menjanjikan pada dekade ini. Pelatihan yang memberikan pengetahuan cara membuat website sederhana mulai dari nol menggunakan HTML, CSS, dan Bootstrap. Pelatihan ini akan memberikan pengetahuan dasar mengenai HTML, komponen-komponen dasar yang perlu digunakan dan cara membuatnya serta memperkenalkan Bootstrap yang memudahkan pengembangan website

 

Tujuan Umum:

Peserta dapat memahami dan terampil dalam membuat website dasar menggunakan HTML, CSS, dan Bootstrap untuk pengembangan website sebagai modal utama sebagai programmer.

 

Tujuan Khusus:

  • Memahami apa itu Text Editor
  • Memahami dasar HTML dan tag dasarnya
  • Memahami komponen yang dapat digunakan di HTML (head, body, div, p, img, dll)
  • Memahami pengertian CSS dan sintaks dasar serta fungsinya
  • Memahami hubungan CSS dan HTML
  • Memahami komponen CSS yang dapat digunakan seperti font, selector, color, dll
  • Memahami bagaimana cara menyesuaikan tampilan website sehingga responsif terhadap berbagai gawai
  • Memahami dasar bootstrap dan cara penggunaannya
  • Memahami cara penggunaan komponen bootstrap
  • Memberikan sikap kreatif dan adaptif dalam penggunaan fitur dan aturan-aturan yang tersedia di HTML, CSS, dan Bootstrap sesuai kebutuhan

 

Aspek Kompetensi:

Pengetahuan (Knowledge):

  1. Mengetahui cara mempersiapkan perlengkapan sebelum menggunakan HTML seperti pada BAB 1 section 1-3
  2. Mengetahui komponen dasar dalam penggunaan HTML seperti pada BAB 1 section 4-11
  3. Mengetahui tag apa saja yang bisa dipakai untuk HTML seperti pada bahan bacaan BAB 1
  4. Mengetahui elemen penting dalam CSS seperti pada BAB 2
  5. Mengetahui bagaimana cara kerja bootstrap seperti pada BAB 4

 

Keterampilan (Skill):

  1. Memahami perbedaan antara HTML, CSS, dan Bootstrap dan penggunaannya pada kepentingan pembuatan web seperti pada Bab 1, 2 dan 4
  2. Memahami langkah yang dapat dilakukan dalam pembuatan web dasar menggunakan HTML&CSS seperti pada BAB 3
  3. Memahami bagaimana menggunakan elemen serta layout dari CSS untuk membuat tampilan web menjadi lebih baik seperti pada BAB 2
  4. Memahami bagaimana penggunaan bootstrap yang mempermudah pekerjaan dan penggunaan HTML dan CSS untuk pembuatan web seperti pada BAB 4

Sikap (Attitude):

  1.  Memiliki sikap kreatif dalam menggunakan semua fitur yang tersedia pada HTML dan CSS seperti pada Bab 1-3
  2.  Memiliki sikap terus berkembang dengan penggunaan fitur-fitur lain untuk kepentingan pembuatan web seperti pada Bab 3
  3.  Memiliki sikap terbuka terhadap masukan saat pembuatan web sehingga sesuai dengan keinginan client seperti pada Bab 3

 

Materi Pelatihan:

 1. Apa Itu HTML, Komponennya, dan Penggunaannya 122:04

 - Introduction : pengenalan diri 1:46 (Video)

 - Persiapan sebelum terjun ke HTML 3:54(Video)

 - Memahami konsep dan struktur dasar HTML 8:22(Video)

 - Belajar elemen HTML - part Heading 2:40(Video)

 - Belajar elemen HTML - part Paragraf 2:51(Video)

 - Belajar elemen HTML - part List 3:36(Video)

 - Belajar elemen HTML - part Link 2:39(Video)

 - Belajar elemen HTML - part Image 2:49(Video)

 - Belajar elemen HTML - part Table 2:31(Video)

 - Belajar elemen HTML - part Div 4:16(Video)

 - Belajar elemen HTML - part Form 5:40(Video)

 - Materi Bacaan 67:30

 2. Memahami apa itu CSS dan komponennya 124:40

 - Pengertian dari CSS 1:02(Video)

 - Cara Dasar Penulisan pada CSS 7:21(Video)

 - Selector pada CSS 7:17(Video)

 - Materi Bacaan 82:30

 3. Studi kasus pembuatan web sederhana dari awal 39:34

 - Pengaturan dan Persiapan pembuatan web 3:46(Video)

 - Pengaturan tampilan awal web 5:19(Video)

 - Simulasi membuat komponen box 7:40(Video)

 - Simulasi membuat komponen form 5:26(Video)

 - Cara mengatur font 3:25(Video)

 - Mengatur tampilan yang sesuai dengan gawai pengguna part 1 8:00(Video)

 - Mengatur tampilan yang sesuai dengan gawai pengguna part 2 5:58(Video)

 4. Bootstrap dan Bagaimana dia mempermudahmu 27:35

 - Pengenalan Bootstrap 5:35(Video)

 - Konsep dasar Bootstrap 2:20(Video)

 - Praktik membuat website dengan bootstrap - Card 1:53(Video)

 - Praktik membuat website dengan bootstrap - Layout 3:07(Video)

 - Praktik membuat website dengan bootstrap - Margin 0:57(Video)

 - Praktik membuat website dengan bootstrap - Komponen Form & content 3:59 (Video)

 - Praktik membuat website dengan bootstrap - Styling 6:50(Video)

 - Semantic HTML 2:05(Video)

 - Bahan Bacaan 147:30

 - Kesimpulan 0:49(Video)

 5. Bahan Bacaan Tambahan 44:00

 

Target Peserta:

  1.  Web Developer Pemula
  2.  Tim IT
  3.  Sesuai/Cocok untuk peserta dengan minimal pendidikan SMA dan sederajat

 

Fitur yang akan kamu dapatkan?

  • Sertifikat penyelesaian: Peserta yang telah menyelesaikan semua kegiatan pembelajaran yang dipersyaratkan dalam kursus online akan menerima Sertifikat Penyelesaian (Certificate of Completion).
  • Offline meet-up: tidak tersedia

 

Durasi Online:

Topik Durasi
 Apa Itu HTML, Komponennya, dan Penggunaannya  122 menit
 Memahami apa itu CSS dan komponennya  124 menit
 Studi kasus pembuatan web sederhana dari awal  40 menit
 Bootstrap dan Bagaimana dia mempermudahmu  28 menit
 Bahan Bacaan Tambahan  44 menit
Total Durasi 421 menit

 

Metode Pelatihan:  

Self Paced Learning.

 

Jadwal Sesi Konsultasi:

Sabtu, 10.00 WIB, Via Zoom.

Apa Yang Perlu Kamu Persiapkan?

Kamu hanya perlu mempersiapkan laptop/notebooktablet, atau smartphone dengan koneksi Internet.

 

Fitur 

  • Digital content material: Peserta bisa mengakses material belajar digital
  • Sertifikat penyelesaian: Peserta yang telah menyelesaikan semua kegiatan pembelajaran yang dipersyaratkan dalam kursus online akan menerima Sertifikat Penyelesaian (Certificate of Completion).
  • Test akhir: tersedia
  • Forum diskusi: tidak tersedia
  • Online session: tersedia
  • Offline meet-up: tidak tersedia 

 

Level:

Basic

 

Cara Redeem Voucher:

  1. Setelah melakukan pembelian di Platform pilihan anda (Pintaria), selanjutnya anda akan menerima kode kursus yang akan ditukarkan di pijarmahir.id
  2. Buka website Pijar Mahir (https://pijarmahir.id/) melalui laptop (recommended) atau melalui handphone.
  3. Klik Masuk untuk login ke akun.
  4. Jika kamu belum memiliki akun Pijar Mahir, maka klik Daftar dan isi data yang diperlukan.
  5. Kamu akan melihat tampilan Home pada website Pijar Mahir.
  6. Kemudian pilih menu Redeem E-Voucher.
  7. Kemudian isi boks yang tersedia dengan Kode Voucher yang kamu miliki, setelah itu klik Redeem Kode.
  8. Akan muncul pop up box dengan info Kode Kursus Berhasil Ditukar. Klik button biru Lihat Kursus Saya.
  9. Pada halaman Kursus Saya, akan muncul pelatihan yang telah kamu pilih, klik Mulai Kursus.
  10. Selamat! Kamu sudah bisa mengikuti pelatihan yang kamu pilih.

Penyelenggara Kursus

Pijar Mahir

Pijar Mahir merupakan digital learning platform yang berfokus pada pelatihan bersertifikasi untuk meningkatkan kompetensi dan pengetahuan masyarakat.

Pijar Mahir menyediakan konten pelatihan yang menarik dan beragam dengan cakupan kategori yang luas, mulai dari pengembangan diri hingga kompetensi tekonologi dan digital.


Para Instruktur

Membuat Web Sederhana yang Praktis Menggunakan HTML, CSS, dan Bootstrap Untuk Menjadi Pengembang Website Sistem

oleh Pijar Mahir,
KATEGORI Arts & design
KLASIFIKASI Training
METODE E-learning
DURASI - hours

HARGA

Rp650.000


Ulasan

/5

0 Ulasan

  • 5
  • 4
  • 3
  • 2
  • 1