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

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

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