Skip to main content

Kursus Web Gorontalo | Belajar Web Development Dasar untuk Pemula

 


Sesi 1: Pengantar Web Development

  • Apa itu Website?
    • Definisi website
    • Struktur dasar website (frontend, backend, database)
    • Cara kerja website (browser, server, HTTP/HTTPS)
  • Tools untuk Web Development
    • Teks editor (VS Code, Sublime Text)
    • Browser (Google Chrome, Firefox)
    • Pengenalan DevTools di browser

Sesi 2: HTML (HyperText Markup Language)

  • Pengenalan HTML
    • Apa itu HTML?
    • Struktur dasar HTML: <!DOCTYPE html>, <html>, <head>, <body>
  • Tag HTML Dasar
    • Heading (<h1> - <h6>)
    • Paragraf (<p>)
    • Gambar (<img>)
    • Link (<a>)
    • List (ordered: <ol>, unordered: <ul>)
  • Membuat Dokumen HTML Pertama
    • Menyusun halaman web sederhana dengan teks, gambar, dan link

Sesi 3: CSS (Cascading Style Sheets)

  • Pengenalan CSS

    • Apa itu CSS?
    • Cara menambahkan CSS ke HTML (inline, internal, external)

  • Selector dan Properti CSS

    • Pengenalan selector (element, .class, #id)
    • Properti dasar: warna, font, ukuran teks, margin, padding

  • Layout dan Positioning

    • Box model
    • Display (block, inline, inline-block)
    • Positioning (relative, absolute, fixed)

  • Membuat Layout Sederhana dengan CSS

    • Mengatur tata letak elemen pada halaman web

Sesi 4: Responsive Web Design

  • Pengenalan Responsive Design

    • Pentingnya responsivitas di berbagai perangkat (desktop, tablet, mobile)
    • Media queries

  • Framework CSS untuk Responsivitas

    • Pengenalan Bootstrap
    • Membuat layout responsive dengan Bootstrap grid system

Sesi 5: JavaScript Dasar

  • Pengenalan JavaScript

    • Apa itu JavaScript dan perannya di web development
    • Menambahkan JavaScript ke HTML

  • Syntax Dasar JavaScript

    • Variabel, tipe data
    • Operator
    • Fungsi (function)

  • Event Handling

    • Event dasar (click, hover)
    • Manipulasi DOM (Document Object Model)

Sesi 6: Menggunakan Git dan GitHub

  • Pengenalan Git

    • Apa itu Git? Manfaat menggunakan Git dalam web development
    • Perintah dasar Git: git init, git add, git commit, git push

  • Pengenalan GitHub

    • Apa itu GitHub?
    • Cara membuat repository dan mengunggah proyek

Sesi 7: Proyek Akhir

  • Membuat Website Sederhana
    • Membuat halaman profil sederhana yang menggunakan HTML, CSS, dan JavaScript dasar.
    • Website harus responsif dan memiliki fitur interaktif (seperti form atau tombol).

Sesi 8: Publikasi Website

  • Hosting Gratis
    • Menggunakan GitHub Pages untuk hosting
    • Upload dan deploy proyek di GitHub Pages


Comments

Post a Comment

Popular posts from this blog

Menampilkan Gambar dengan Library Picasso dan Retrofit 2 di Android

Pada kesempatan kali ini kita akan membuat Aplikasi android yang dapat menampilkan gambar dari database maria DB ke android dengan studi kasus App Resep Makanan, disini kita akan menggunakan library yang namanya picasso untuk menampilkan gambar, dan retrofit untuk library parsing data dari database maria DB, disini kita memerlukan webservice menggunakan bahasa PHP untuk mendapatkan data json dari data yang ada di database. apa saja yang kita perlukan yaitu webservice, libarary picasso dan retrotif2. semua file modul dan project bisa di download di link post ini pilih tag Tampilkan Gambar di android menggunakan Picasso. semua file modul dan project bisa di download di link post ini pilih tag Tampilkan Gambar di android menggunakan Picasso. semua file modul dan project bisa di download di link post ini pilih tag Tampilkan Gambar di android menggunakan Picasso.   untuk tampilan aplikasinya bisa cek gambar dibawah ini, hanya memiliki 2 activity yaitu activity yang...
Post a Comment
Read more

Aplikasi Crud Menggunakan Android Kotlin, Retrofit 2 dan API Lumen Framework

Hii Kuy'. Kesempatan kali ini saya akan berbagi App Android Crud menggunakan kotlin dengan librarynya menggunakan Retrofit 2 dan Api service menggunakan Framework Lumen. contoh aplikasinya yaitu studi kasus input Nis Siswa dan Nama Siswa. Aplikasi dapat menginput data siswa, menampil data siswa, mengedit data siswa dan menghapus data siswa. Aplikasi ini sebagai bahan latihan untuk teman-teman yang belajar kotlin, yang baru belajar maupun udah lama belajar java android, akan jatuh cinta ke bahasa kotlin, karena apa?
Post a Comment
Read more

Membuat App Android Karyawan Inventory Menggunakan CRUD SQLite Part 1

Hii Kuy, salam sejahtera, semoga sehat selalu dan dalam lindungan Tuhan YME. aplikasi kali ini hanya untuk newbie ya. untuk teman-teman yang baru / mau belajar android /mobile proggramming seperti saya. Pada aplikasi kali ini yaitu membuat aplikasi karyawan inventory, apa itu karyawan inventory? yaitu satu aplikasi yang dapat menginput, menampilkan, mengedit dan
4 comments
Read more