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

Belajar Android Dari Titik Nol

Hallo Sobat semua, Yang sudah tergabung di Group Belajar Dari 0. List materi : Hari 1 : belajar layout materi belajar ini  http://bit.ly/2y4IAuZ download Modul download Project link github Hari 2 : belajar intent dan multiple screen materi belajar ini  http://bit.ly/2fN8Qj1 download Modul   download project link github Hari 3 : belajar custom listview dan Spinner materi belajar ini  http://bit.ly/2hRgmOh download Modul donwload project link github Hari 4: multimedia app materi belajar ini http://bit.ly/2xkbJ0R download modul   download projek link github Hari 5 : crud sqlite download modul materi belajar dan link projek Hari  6 : web service dan crud menggunakan php dan db mysql.  materi belajar ini http://bit.ly/2z8Bxzj download modul   download projek link github Tampilkan Gambar di android menggunakan Picasso Download materi Tampilkan gambar menggunakan Picasso Donwload project di github Hari 7 :...
8 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

Belajar listview dan Spinner

ListView  adalah tampilan beberapa item dalam bentuk list yang dapat di  scroll  secara vertikal. Setiap item akan otomatis dimasukkan kedalam  list  menggunakan  Adapter  yang datanya di ambil dari array/database/json/dsb.  ListView  sering digunakan dalam aplikasi Android, seperti kontak, email, twitter, dsb. Spinner View adalah list dari item pada saat tertentu dan membolehkan user untuk memilihnya. Secara sederhana Spinner View akan menyediakan cara cepat untuk memilih salah satu dari nilai set. Dalam keadaan default, Spinner menunjukkan nilai yang sedang dipilih. Ketika user menyentuh spinner view maka aplikasi akan menampilkan menu dengan semua nilai-nilai lain yang tersedia, sehingga user dapat memilih item yang baru. Adapter  adalah jembatan antara dan  AdapterView  (contohnya ListView) dengan data. Adapter inilah yang menyediakan akses ke item data dan juga bertanggung jawab untuk membuat sebuah View pad...
Post a Comment
Read more