Pemrograman Web 1

Kupas Tuntas Kuliah Jurusan Sistem Informasi

 Web 1

Update Maret 2023

Materi Web 1 lebih diprioritaskan pada front-end. Namun bila melibatkan database, cukup menggunakan native PHP saja, bukan Framework.

Menonaktifkan script HTML Tanpa Dihapus

Update 2022

Web 1-1: Video Tutorial 1, title, body, cetak tebal, cetak miring, garis bawah, heading dan garis

 Web 1-2: Link, gambar, list, nomor

Youtube: 

HTML: Link dan Gambar 2-1

HTML: Link dan Gambar 2-2

HTML: Link dan Gambar 2-3

HTML: List dan Nomor 2-4

Web 1-3: Mengirimkan tugas 

Web 1-4: Paragraf dan Tabel

Youtube: Paragraf, Tabel

 

Web 1-5: Form

Youtube

 

Web 1-6: Menu Utama Dropdown

 Web 1-7

Web 1-8: UTS

Web 1-9: Latihan Memodifikasi Template HTML

Cari contoh web menggunakan HTML, CSS, dan Java Script, misalnya github.com.
Kapasitasnya jangan terlalu besar. Bagusnya kurang 1 MB. Lebih sedikit, boleh. 


Pasang di lab1.katabah.com
Kirim link index-nya di komentar ini.
insyaallah akan saya pilih untuk belajar modifikasi minggu depan.

 

Web 1-10: Belajar CSS Pemula

Web 1-11: Presentasi Hasil Modif Halaman Web masing-masing via Meet.

Web 1-12 s.d. 15: Presentasi

Web 1-16: UAS

Update 2021

A. HTML

Video Mulai belajar HTML menggunakan Notepad bawaan Windows (Tak perlu install lagi). Notepad bisa digunakan tanpa koneksi internet.

1. Belajar HTML pertama kali (title, body, cetak tebal, cetak miring, garis bawah, heading dan garis)

Youtube:

Menyimpan File di Hosting

HTML 1-1: Title, Body, Cetak Tebal Miring

HTML 1-2: Headings dan Garis

2. Link, gambar, list, nomor

Youtube: 

HTML: Link dan Gambar 2-1

HTML: Link dan Gambar 2-2

HTML: Link dan Gambar 2-3

HTML: List dan Nomor 2-4

3. Paragraf dan Tabel

Youtube: Paragraf, Tabel

 

4. Form

Youtube

 

5. Semantik

6. Video

7. Audio

8. Project

9. Validasi Input

10. Batas Input 

 

Sumber: petanikode.com

B. PHP
Jika belum ada Xampp di komputer, Download Xampp Terbaru
4. Menggunakan "echo" dan perhitungan sederhana
 
C. PHP dan MySQL (MySQLi)
5. Menampilkan Tabel
6. Tambah
7. Edit dan Hapus
UTS

8. Cari (disederhanakan dari relasi)
9. Login
10. Sekilas CSS
11. Sekilas Javascript
12. Review
13. Test 1
14. Test 2
UAS

"Boleh Konsultasi Masuk Jurusan Sistem Informasi via IG atau Tiktok."

Tips Skripsi Program Studi Sistem Informasi