Membuat Website Menggunakan HTML dan CSS

Belajar fundamental pembuatan website dimulai dari belajar membuat frontend menggunakan HTML dan CSS

Level

Pemula

Kategori

Programming

Durasi

22 Jam 45 Menit


Rp 110.000
Kelas ini terdiri dari
12 Topik
13 Assesment
52 Modul
Sertifikat

Tujuan pembelajaran kelas ini adalah:

  • Kelas ini bertujuan untuk membantu kamu belajar fundamental web development
  • Kelas ini bertujuan untuk membantu kamu menguasai bahasa HTML dan CSS
  • Kelas ini bertujuan untuk membimbing kamu menjadi web developer handal

Siapa saja yang bisa mengikuti kelas ini?

  • Siapa saja yang ingin mengembangkan web pemula
  • Siapa saja yang ingin menguasai bahasa HTML dan CSS
  • Siapa saja yang ingin menguasai pembuatan web frontend

Specs Hardware / Software:

  • Yang punya PC/Laptop, install Visual Studio Code
  • Spesifikasi PC/Laptop prosesor min. 1,6 GHz dan RAM min. 1 GB

Metode pembelajaran

  • Modul dapat diakses secara lengkap via LMS web ini
  • Silakan untuk mengikuti petunjuk sesuai modul
  • Jika ada pertanyaan, sampaikan di whatsapp group
  • Akan ada quiz di setiap topik dan juga tugas akhir
  • Nilai kelulusan adalah dengan skor minimal 70

Syarat dan Ketentuan

  • Peserta wajib memiliki device sendiri (PC atau Laptop atau Android Tablets)
  • Peserta tidak dapat membatalkan kelas yang sudah dibeli
  • Peserta wajib bergabung dalam whatsapp group yang disediakan

Tujuan pembelajaran kelas ini adalah:

  • Kelas ini bertujuan untuk membantu kamu belajar fundamental web development
  • Kelas ini bertujuan untuk membantu kamu menguasai bahasa HTML dan CSS
  • Kelas ini bertujuan untuk membimbing kamu menjadi web developer handal

Siapa saja yang bisa mengikuti kelas ini?

  • Siapa saja yang ingin mengembangkan web pemula
  • Siapa saja yang ingin menguasai bahasa HTML dan CSS
  • Siapa saja yang ingin menguasai pembuatan web frontend

Specs Hardware / Software:

  • Yang punya PC/Laptop, install Visual Studio Code
  • Spesifikasi PC/Laptop prosesor min. 1,6 GHz dan RAM min. 1 GB

Metode pembelajaran

  • Modul dapat diakses secara lengkap via LMS web ini
  • Silakan untuk mengikuti petunjuk sesuai modul
  • Jika ada pertanyaan, sampaikan di whatsapp group
  • Akan ada quiz di setiap topik dan juga tugas akhir
  • Nilai kelulusan adalah dengan skor minimal 70

Syarat dan Ketentuan

  • Peserta wajib memiliki device sendiri (PC atau Laptop atau Android Tablets)
  • Peserta tidak dapat membatalkan kelas yang sudah dibeli
  • Peserta wajib bergabung dalam whatsapp group yang disediakan
Show more
Show less
Tools yang digunakan

Visual Studio Code

Figma

Postman

Skill yang dibutuhkan
  • Menguasai scripting tags HTML dan CSS
  • Menguasai bahasa pemrograman JavaScript
  • Menguasai jQuery JavaScript Library
  • Menguasai CSS framework seperti Bootstrap atau Foundation
  • Menguasai JS Framework seperti VueJS
  • Menguasai front end developer tools seperti NPM / Yarn, Webpack, dll.
  • Mampu menggunakan code versioning tools seperti Git, Mercurial, ata SVN.
  • Pemahaman yang baik tentang asynchronous request handling, partial page updates, dan AJAX.
  • Berpengalaman dalam menangani Desain Responsif/Seluler, Cross-Browser Development, dan Content Management Systems
  • Memiliki pengalaman dengan Front End Frameworks dan RESTful Services/APIs, Git/Version Control
  • Keterampilan troubleshoot yang baik.
Rentang Gaji
  • Fresh graduate (pemula) : Rp 3.000.000 - Rp 5.000.000
  • Berpengalaman (expert) : Rp 5.000.000 - Rp 20.000.000

Catatan: besaran gaji dipengaruhi oleh lokasi, kemampuan, dan perusahaan

Mau baca lebih lanjut?

Silakan login atau daftar akun baru untuk
membaca informasi lebih lengkapnya ya

Login Sekarang Daftar Sekarang
Silabus Kelas
  • Bab 1 : Pembukaan

-
4 Sub-bab Tersedia
Lihat Detail
  • Bab 1.1 : Persetujuan Hak Cipta

  • Bab 1.2 : Metode Belajar

  • Bab 1.3 : Pre-Test

  • Bab 1.4 : Persiapan

  • Bab 2 : HTML Dasar

190 menit
12 Sub-bab Tersedia
Lihat Detail
  • Bab 2.1 : Documents

15 menit
  • Bab 2.2 : Headings

15 menit
  • Bab 2.3 : Pharagraphs

15 menit
  • Bab 2.4 : Text Formats

15 menit
  • Bab 2.5 : Images

15 menit
  • Bab 2.6 : Quiz

15 menit
  • Bab 2.7 : Button

15 menit
  • Bab 2.8 : Lists

15 menit
  • Bab 2.9 : Links

15 menit
  • Bab 2.10 : Tables

30 menit
  • Bab 2.11 : Blocks

15 menit
  • Bab 2.12 : Comments

10 menit
  • Bab 3 : HTML Forms

135 menit
4 Sub-bab Tersedia
Lihat Detail
  • Bab 3.1 : Form Dasar

45 menit
  • Bab 3.2 : Form Elements

45 menit
  • Bab 3.3 : Quiz

15 menit
  • Bab 3.4 : Forms Input Attributes

30 menit
  • Bab 4 : HTML Media

75 menit
4 Sub-bab Tersedia
Lihat Detail
  • Bab 4.1 : Audio

15 menit
  • Bab 4.2 : Video

15 menit
  • Bab 4.3 : Quiz

15 menit
  • Bab 4.4 : Canvas

30 menit
  • Bab 5 : Evaluasi HTML

60 menit
1 Sub-bab Tersedia
Lihat Detail
  • Bab 5.1 : Quiz HTML

60 menit
  • Bab 6 : CSS Dasar

100 menit
4 Sub-bab Tersedia
Lihat Detail
  • Bab 6.1 : Fundamental

30 menit
  • Bab 6.2 : Selector

45 menit
  • Bab 6.3 : Quiz

15 menit
  • Bab 6.4 : Comments

10 menit
  • Bab 7 : CSS Properties

150 menit
8 Sub-bab Tersedia
Lihat Detail
  • Bab 7.1 : Box

25 menit
  • Bab 7.2 : Border & Outline

15 menit
  • Bab 7.3 : Width & Height

15 menit
  • Bab 7.4 : Colors

15 menit
  • Bab 7.5 : Quiz

15 menit
  • Bab 7.6 : Background

20 menit
  • Bab 7.7 : Text, Font, dan Icons

30 menit
  • Bab 7.8 : Opacity

15 menit
  • Bab 8 : CSS Positioning dan Layout

105 menit
5 Sub-bab Tersedia
Lihat Detail
  • Bab 8.1 : Display

30 menit
  • Bab 8.2 : Position

30 menit
  • Bab 8.3 : Margin

15 menit
  • Bab 8.4 : Quiz

15 menit
  • Bab 8.5 : Padding

15 menit
  • Bab 9 : Evaluasi CSS

45 menit
1 Sub-bab Tersedia
Lihat Detail
  • Bab 9.1 : Quiz CSS

45 menit
  • Bab 10 : JavaScript

110 menit
5 Sub-bab Tersedia
Lihat Detail
  • Bab 10.1 : Fundamental

20 menit
  • Bab 10.2 : JavaScript Web Dasar

25 menit
  • Bab 10.3 : Quiz

15 menit
  • Bab 10.4 : Events

20 menit
  • Bab 10.5 : Output

30 menit
  • Bab 11 : Evaluasi JavaScript

30 menit
1 Sub-bab Tersedia
Lihat Detail
  • Bab 11.1 : Quiz JavaScript

30 menit
  • Bab 12 : Penutupan

365 menit
3 Sub-bab Tersedia
Lihat Detail
  • Bab 12.1 : Post-Test

  • Bab 12.2 : Tugas Akhir Web Frontend : HTML dan CSS

360 menit
  • Bab 12.3 : Dapatkan Sertifikat

5 menit

Mau baca lebih lanjut?

Silakan login atau daftar akun baru untuk
membaca informasi lebih lengkapnya ya

Login Sekarang Daftar Sekarang
538+ Respon Positif dari alumni Gamelab

Inilah kata mereka dari para peserta yang pernah mengikuti program belajar di Gamelab

Gamelab bagusd, bisa menambah wawasan belajar

Azmil Faizin

SMKS MAARIF SUDIMORO

Sangat baik , banyak sekali manfaat dan pelajaran yg di dapat dari gamelab

Nahar Romdoni

SMKS GLOBAL INFORMATIKA

Terima kasih gamelab

Rahmatullah

sangat membantu

Yugo Indrasto

Gamelab sangat membatu sekali dari yang kita tidak tahu menjadi tahu

Anjelina Nani

SMK DON BOSCO

Membantu

Ady Rizky Syahputra

SMKS AL MUHAJIRIN DEPOK

mungkin saya recomended

Ayyub Tri Wijaya

Sangat baik

Muhammad Taufiqur Rahman Hidayatullah

SMKN 1 SUBOH SITUBONDO

Sangat membantu dalam memahami oop

Isidorus Ivan Kalya Wasistha

Universitas Katolik Soegijapranata