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

Membuat Aplikasi Ramalan Cuaca Menggunakan Kotlin 2017

Hallo Kuy, Masih sehat dengan Codingganya? semoga tetap sehat dan enggak muntah-muntah dalam belajar pemmogramman, pada artikel kali ini saya akan membahas tentang Kotlin, materi ini saya dapatkan waktu mengikuti workshop di kantor Go-jek, materi ini diberikan oleh salah satu Depelover Google Expert Indonesia yaitu Sidiq Permana dan di workshop juga ada Mobile Engginernya Gojek, teman-teman engginer java dan lain lain yang ingin berhijrah ke kotlin, kenapa sih kotlin? iya, Google kedepan akan menjadikan bahasa kotlin itu menjadi bahasa utama untuk android, itu nanti ya. motivasi belajar proggraming Pada artikel yang akan saya share yaitu bukan project buatan saya, akan tetapi projectnya Sidiq permana, yang mana dalam projectnya mengimplementasikan konsep MVP pada projectnya. Apa itu MVP ?  baca disini  lebih lengkap. untuk anda yang pemula atau yang ingin hijrah ke kotlin bisa belajar di link bawah ini dasar kotlin android untuk membuat perhitungan luas segitiga...
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

Contact Person

Hello Semua, bagi yang ingin menanyakan persoalan isi content yang saya telah post bisa menghubungi saya di daftar kontak saya dibawah ini : Whatsap  0853-9803-8073 Email       Basriumar12@gmail.com Group Belajar Android LINK GROUP WHATSAP   http://bit.ly/2x3H0oT  full kuota LINK GORUP TELEGRAM  http://bit.ly/2knZ5gu
Post a Comment
Read more