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