PWeb - 0 Pengantar Web Programming

Pemrograman web adalah  cara membuat aplikasi yang berjalan di dalam platform web dengan menggunakan bahasa pemrograman yang dapat berjalan di server. Bahasa pemrograman yang mendukung pemrograman web ini antara lain PHP, JSP, ASP dan lain-lain. 

Pada pemrograman web terdapat 2 sisi programming. Yang pertama itu Client side programming, client side programming itu proses dilakukan pada sisi client (browser), script programnya dapat dilihat hanya dengan menggunakan view source. Script tergantung pada browser, bila browser tidak mendukung script, maka hasil tidak akan terlihat. Trus yang kedua itu Server side programming  yaitu proses dilakukan pada sisi server, tidak tergantung pada browser, script programnya tidak dapat terlihat sehingga lebih aman dan dapat melakukan konektifitas dengan database, dapat juga memanipulasi.

FrontEnd

BackEnd

Tools

Materi 

1. Outline Kuliah
2. Pengantar Web
3. Tools Pengembang Web
4. Mengenal HTML
5. HTML Membuat CV
6. HTML - Tabel
7. Form Registrasi
8. HTML 5
9. Dokumentasi di Blogspot
10. CSS
11. Studi Kasus Front End html Css
12. Javascript
13. Bootstrap
14. Ajax
15. Latihan Proyek Web
16. Dokumentasi ETS
17. Quiz 1
18. JQuery
19. Mengenal CMS
20. Theme dan Plugin CMS
21. Membuat Struktur Organisasi
22. ETS Front End Developer
23. PHP
24. Database MySql
25. Latihan CRUD Pendaftaran Siswa Baru
26. Latihan Silaturahmi Online
27. Query
28. Latihan Membuat Upload Foto
29. Latihan Aplikasi E-Learning Virtual Tutor System
30. Latihan Struktur Tabel VTS
31. Manajemen User
32. Membuat Laporan PDF
33. Final Project 
34. Video Laporan dengan PHP
35. Mengenal Framework
36. Evaluasi Studi Kasus
37. Latihan Studi kasus

Latihan

Latihan JavaScript

Latihan Bootstrap

Soal

Quiz 1 kelas A

Quiz 1 kelas B

Quiz 1 kelas C

Kriteria Penilaian:

Aspek	Bobot
Struktur HTML & semantic	20%
Desain UI/UX responsif	20%
Validasi dan interaksi JavaScript	30%
Navigasi dan layout antar halaman	15%
Kerapian kode & dokumentasi	15%

Pengumpulan Tugas

Form Monitoring Tugas

Hasil Monitoring

Referensi:

https://www.freecodecamp.org/news/how-to-learn-web-dev-in-2021-roadmap/

https://www.w3schools.com/whatis/default.asp

Materi Lain

Roadmap Web Programming

Desain Web

Hosting dan Domain

Hosting adalah penyewaan komputer tempat untuk menampung data-data yang dipakai oleh sebuah website berupa file, gambar, email, script, aplikasi, dan database.

Sedangkan Domain adalah alamat komputer atau nama dari website tempat website yang bisa diakses oleh pengguna melalui internet. Setiap komputer memiliki nomor atau alamat yang berbeda, yang disebut dengan alamat IP.

Contoh alamat IP adalah 202.125.200.102

Akan tetapi pengguna internet kesulitan mengingat alamat IP yang terdiri dari kombinasi angka seperti itu, sehingga dibuatlah nama domain yang akan lebih mudah diingat. Contoh : www.indie-school.com

Jadi ketika Anda ingin mengakses website, Anda hanya perlu mengingat nama domainnya. Nama domain terdiri dari kombinasi angka dan huruf dengan berbagai ekstensi berbeda seperti .com, .co.id, .net. 

Setiap website memiliki nama domain yang berbeda dan setiap domain harus didaftarkan terlebih dahulu supaya website dapat diakses. 

Ref : Hosting

Daftar Pustaka :

1. Membuat website pribadi
2. Membuat Blog dengan Mudah
3. Cara Membuat Website
4. Video Tutorial
5. Contoh Website Terbaik Indonesia
6. Contoh Website Platform Wordpress
7. Contoh Company Profile dengan Wordpress

Kelas B Agt - 2025

Link 

https://us02web.zoom.us/j/84866518748?pwd=OMJRlbKdWl82emgkhZv7KSLUUptVFb.1

Video Kuliah

https://youtu.be/f_JNmh1aRGc

Author : Fajar Baskoro

Share this

Related Posts