Praktik Mandiri 11: Web Development

Dasar Web Development

Tujuan: Memahami komponen web (frontend + backend) dan protokol HTTP.

1. Materi:
   • HTML & CSS: Struktur halaman, form, styling.
   • JavaScript dasar: DOM manipulation, event handling.
   • Protokol HTTP: GET vs POST, status code, headers.
2. Praktik:
   • Buat halaman web statis (portofolio pribadi atau landing page).
   • Pelajari tools: Chrome DevTools untuk inspeksi elemen dan network monitoring.
3. Sumber Belajar:
   • MDN Web Docs
   • Kursus: The Web Developer Bootcamp (Udemy).

Java Web Technologies (Backend)

Tujuan: Membangun aplikasi web dinamis dengan Java.

1. Materi:
   • Servlets & JSP: Lifecycle servlet, session management, JSP tags.
   • Java Database Connectivity (JDBC): Koneksi database, CRUD operations.
   • Maven/Gradle: Manajemen dependensi dan build automation.
2. Praktik:
   • Buat aplikasi CRUD sederhana (misal: manajemen tugas) dengan Servlet, JSP, dan MySQL.
   • Contoh alur:

// Contoh Servlet
@WebServlet("/tasks")
public class TaskServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) {
        // Handle form submission
    }
}

3. Sumber Belajar:

Dokumentasi: Oracle Java EE Tutorial.

Buku: “Java Servlets and JSP” oleh Murach.

Framework Spring Boot

Tujuan: Menguasai framework modern untuk pengembangan cepat.

1. Materi:
   • Spring Boot: Dependency Injection, Spring MVC, Spring Data JPA.
   • RESTful API: Anotasi @RestController, @GetMapping, @PostMapping.
   • Spring Security: Autentikasi dan autorisasi.
2. Praktik:
   • Bangun REST API untuk manajemen produk (GET, POST, PUT, DELETE).
   • Integrasikan dengan database menggunakan Spring Data JPA.
   • Contoh kode:

@RestController
@RequestMapping("/api/products")
public class ProductController {
    @Autowired
    private ProductRepository productRepo;

    @GetMapping
    public List<Product> getAllProducts() {
        return productRepo.findAll();
    }
}

3. Sumber Belajar:

Spring Boot Documentation

Kursus: Spring Boot Master Class (Udemy).

---

Database & ORM

Tujuan: Mengintegrasikan aplikasi dengan database relasional.

1. Materi:
   • SQL dasar: Query, join, indexing.
   • JPA/Hibernate: Entity mapping, HQL, relationship (OneToMany, ManyToMany).
2. Praktik:
   • Buat aplikasi blog dengan entitas User, Post, dan Comment.
   • Gunakan Hibernate untuk operasi database.
3. Sumber Belajar:
   • Buku: “Java Persistence with Hibernate” oleh Christian Bauer.

---

Frontend Integration

Tujuan: Membangun antarmuka interaktif dengan template engine atau JavaScript framework.

1. Materi:
   • Thymeleaf: Integrasi dengan Spring Boot.
   • React/Angular: Konsumsi REST API dari backend Java.
2. Praktik:
   • Buat aplikasi full-stack (misal: toko online) dengan Spring Boot di backend dan React di frontend.

---

Deployment & DevOps Dasar

Tujuan: Mendeploy aplikasi ke server cloud.

1. Materi:
   • Docker: Containerisasi aplikasi.
   • Cloud: AWS EC2, Heroku, atau Google Cloud.
2. Praktik:
   • Deploy aplikasi Spring Boot ke Heroku atau AWS.
   • Contoh alur:bashRun

# Build JAR
mvn clean package
# Deploy ke Heroku
heroku container:push web -a nama-aplikasi

Proyek Akhir

1. Aplikasi E-Commerce:
   • Fitur: Autentikasi user, manajemen produk, keranjang belanja, checkout.
   • Teknologi: Spring Boot (backend), React (frontend), MySQL, Spring Security.
2. Blog Platform:
   • Fitur: CRUD post, komentar, tagging, pencarian.

---

Jadwal Belajar Contoh (12 Minggu)

Minggu	Topik	Target
1-2	Java & OOP	Program CLI dengan OOP
3-4	Servlet & JSP	Aplikasi CRUD dengan MySQL
5-6	Spring Boot & REST API	REST API untuk manajemen tugas
7-8	Spring Security & JPA	Aplikasi blog dengan autentikasi
9-10	Frontend Integration	Aplikasi full-stack dengan React
11-12	Deployment & Proyek Akhir	Deploy ke cloud

---

Tips Belajar Efektif

1. Konsisten: Luangkan 2-3 jam/hari untuk belajar dan praktik.
2. Buat Catatan: Dokumentasikan error dan solusi (misal di GitHub Gist).
3. Gunakan Git: Kelola kode dengan Git dan GitHub untuk melatih kolaborasi.
4. Bergabung dengan Komunitas: Stack Overflow, Reddit (r/javahelp), atau grup Telegram.

---

Dengan disiplin dan konsistensi, Anda bisa menjadi Java web developer yang kompeten. Selamat belajar! 🚀