Dalam pembelajaran pemrograman web, pengguna berinteraksi dengan materi, kode, latihan, dan hasil tampilan pada peramban. Pada web pembelajaran, aktivitas tersebut dapat direkam sebagai data progres, percobaan, durasi belajar, hasil kuis, hasil evaluasi, dan status ketuntasan. Agar data tersebut dapat digunakan untuk pemantauan pembelajaran, diperlukan penerapan learning analytics yang mengolah dan menyajikannya sebagai informasi bagi pengguna dan pendidik. Penelitian ini bertujuan menerapkan learning analytics pada web pembelajaran interaktif framework CSS Tailwind dasar dengan model tutorial serta mengetahui validitas materi dan media yang dikembangkan. Penelitian menggunakan metode Research and Development dengan model DDD-E yang meliputi Decide, Design, Develop, dan Evaluate. Data dikumpulkan melalui angket validasi yang melibatkan dua ahli materi dan dua ahli media. Web dikembangkan menggunakan HTML, CSS, Tailwind CSS, JavaScript, PHP, Laravel, MySQL, Ace Editor, Monaco Editor, Chart.js, dan SweetAlert2. Fitur utama mencakup materi bertahap, contoh kode, simulasi, latihan, praktik berbasis tugas, code editor, live preview, kuis, evaluasi, umpan balik, pengulangan, pengaturan akses, dan dashboard learning analytics. Dashboard menyajikan progres, penyelesaian praktik, jumlah percobaan, durasi belajar, skor, aktivitas terakhir, dan ketuntasan. Hasil validasi ahli materi mencapai 74,84% dengan kriteria tinggi, sedangkan validasi ahli media mencapai 81,48% dengan kriteria sangat tinggi. Hasil tersebut menunjukkan bahwa web memenuhi kriteria valid dan dapat menjadi alternatif pembelajaran mandiri serta sarana pemantauan aktivitas belajar. Penelitian ini terbatas pada validasi ahli dan belum mengukur kepraktisan serta efektivitas pada pengguna sasaran.