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

Pertemuan 1 Aplikasi Fasyankes

Capain Pembelajaran : Setelah mempelajari mata kuliah ini, mahasiswa mampu : a) Memahami berbagai macam bentuk aplikasi perangkat lunak pada fasilitas Yankes b) Mengoperasikan aplikasi perangkat lunak yang dipakai di fasilitas Yankes c) Menyajikan informasi berdasarkan hasil pengolahan dari aplikasi perangkat lunak di fasilitas Yankes   I. Pendahuluan Pengenalan tentang pentingnya aplikasi perangkat lunak dalam fasilitas kesehatan (Yankes). Tujuan dari materi ini adalah untuk memperkenalkan berbagai macam bentuk aplikasi perangkat lunak yang digunakan dalam konteks fasilitas kesehatan. II. Pengertian Aplikasi Perangkat Lunak dalam Konteks Fasilitas Kesehatan Definisi aplikasi perangkat lunak dalam dunia kesehatan. Peran dan manfaat aplikasi perangkat lunak dalam memperbaiki efisiensi dan efektivitas layanan kesehatan. III. Klasifikasi Aplikasi Perangkat Lunak pada Fasilitas Kesehatan Administrasi dan Manajemen : Aplikasi untuk manajemen data pasien, jadwal dokte
Post a Comment
Read more

Basis Data Pertemuan 1

Capaian :  Mahasiswa mampu dalam perkembangan Basis Data  Mahasiswa mampu dalam pengetahuan desain dan arsitektur database  Mahasiswa mampu dalam konsep basis data relasional    Data : Fakta-fakta yang dapat disimpan dan mempunyai arti tertentu.  Contoh: Fakta mengenai obyek, orang, dll. Dinyatakan dengan nilai (angka, deretan karakter, atau symbol). Data terdiri dari : Elemen data : satuan data terkecil yang tidak dapat dipecah lagi menjadi unit lain yang bermakna Rekaman (Record) : gabungan sejumlah elemen data yang saling berhubungan. Berkas (file) : kumpulan dari record-record yang bertipe sama.  Contoh : data mahasiswa, dosen, dll Data dan n   Data 1.      Fakta yang diperoleh di lapangan 2.      Diperlukan suatu proses agar   data bisa digunakan n   Informasi 1.      Hasil dari pengolahan data 2.      Sebagai acuan dalam pengambilan keputusan   BASIS DATA v Himpunan kelompok data (arsip) yang saling berhubungan yang dio
Post a Comment
Read more

Jaringan Komputer Pertemuan 1

 Capaian : Mahasiswa mampu menganalisis Konsep Dasar jaringan computer Mahasiswa mampu menganalisis pemanfaatan jaringan computer Mahasiswa mampu menganalisis Jenis- jenis   jaringan komputer 1 ( LAN, MAN, WAN) Mahasiswa mampu menganalisis Topologi jaringan computer Mahasiswa mampu menganalisis   Perangkat pada jaringan computer Mahasiswa mampu menganalisis   Model-model pada jaringan komputer (TCP/IP)   I. Pendahuluan Pengenalan tentang pentingnya memahami konsep dasar jaringan komputer dalam era digital saat ini. Tujuan dari materi ini adalah untuk memberikan pemahaman yang komprehensif tentang konsep dasar jaringan komputer serta kemampuan untuk menganalisis dan menerapkannya. II. Definisi dan Konsep Dasar Jaringan Komputer Pengertian jaringan komputer dan perannya dalam menghubungkan perangkat elektronik. Konsep dasar seperti node, media transmisi, protokol komunikasi, dan topologi jaringan. III. Klasifikasi Jaringan Komputer Jaringan berdasarkan ukuran
Post a Comment
Read more