React

Modul 2.1 – Library vs Framework Pada modul ini, kamu akan belajar: Apa itu library di dunia pemrograman (terutama web). Apa itu framework dan apa bedanya dengan library. Contoh-contoh library dan framework yang sering dipakai web developer. Kenapa penting memahami konsep ini sebelum belajar React dan Next.js. 1. Permasalahan di Pengembangan Web Manual Di modul sebelumnya, kita sudah belajar membuat halaman web dengan: HTML untuk struktur. CSS untuk styling. JavaScript untuk interaktivitas. Semua kita tulis secara manual. Cara ini bagus untuk belajar dasar, tapi saat proyek mulai membesar, akan muncul beberapa masalah: ...

Modul 2.2 – Pengenalan React Pada modul ini, kamu akan belajar: Apa itu React dan kenapa React sangat populer di dunia web development. Konsep dasar komponen (component) dalam membangun UI. Gambaran tentang props dan state secara konsep (tanpa masuk terlalu dalam ke detail teknis). Bagaimana React dipakai di project nyata dan hubungannya dengan Next.js. 1. Kenapa Butuh React? Di modul sebelumnya, kita sudah melihat bahwa: HTML dipakai untuk menyusun struktur halaman. CSS untuk styling. JavaScript untuk menambahkan interaktivitas. Kalau aplikasi web yang kita buat masih kecil dan sederhana, cara ini sudah cukup. ...

Modul 2.3 – Next.js Foundations Pada modul ini, kamu akan belajar: Apa itu Next.js dan bagaimana hubungannya dengan React. Perbedaan React saja vs React + Next.js. Gambaran fitur utama Next.js (routing, struktur folder, rendering). Kenapa Next.js banyak dipakai di project web modern. 1. React Saja vs React + Next.js Di modul sebelumnya, kita sudah mengenal React sebagai library untuk membangun UI berbasis komponen. Kalau kita pakai React saja (tanpa Next.js), biasanya: ...

Modul 2.4 – Tailwind CSS Foundations Pada modul ini, kamu akan belajar: Apa itu Tailwind CSS dan pendekatan utility-first yang dibawanya. Perbedaan mendasar antara CSS biasa vs Tailwind. Cara kerja Tailwind di dalam project Next.js. Kenapa Tailwind sangat populer di ekosistem web modern. 1. Permasalahan Styling CSS Biasa di Project Besar Di Modul 1 kita sudah belajar CSS biasa. Cara ini bekerja dengan baik untuk project kecil, tapi saat project membesar: ...

Perjalanan mengintegrasikan form registrasi situs les Balistung dengan WhatsApp Admin dan backup data otomatis ke Google Spreadsheet.

A comprehensive guide to building modern, production-ready web applications using Next.js 14, TypeScript, and best practices

My journey through Schematic ITS Advanced Bootcamp, building a full-stack to-do list application with React and Golang, and earning recognition as one of the best participants