Setelah mempelajari dasar pemrograman, kita akan mulai membuat sebuah aplikasi sederhana berbasis web dimana user bisa membuat dan menyimpan catatan.

Aplikasi ini akan kita beri nama DinoTes, dibuat hanya dengan menggunakan JavaScript, HTML & CSS.

Meskipun aplikasi sederhana namun langkah pembuatannya tidak sesederhana itu 🧩.

Banyak yang akan kita bahas di section BUILD APP ini, mulai dari Front End hingga Deployment.

Final Demo

Arsitektur Aplikasi

Alur pembuatan Aplikasi

Umumnya ada 3 alur pembuatan aplikasi, yaitu:

1. Membuat Front End kemudian Back End
2. Membuat Back End kemudian Front End
3. Berbarengan, membuat Front End sekaligus Back End secara hampir bersamaan

Pada bagian ini kita akan menggunakan alur yang pertama, yaitu membuat Front End terlebih dahulu baru kemudian Back End.

Sedangkan pada bagian Build Scalable App kita akan gunakan alur yang ketiga.

Setiap developer atau team developer punya alasan tersendiri dalam menentukan alur pengerjaan suatu aplikasi. Setiap keputusan diambil berdasarkan mana yang terbaik sesuai situasi dan kondisi, tidak ada salah dan benar.

Bisa jadi dalam sebuah team development yang harus mengerjakan multiple project menerapkan alur yang berbeda-beda untuk masing-masing project.

Daftar Materi

Front End

1. HTML
2. CSS
3. JavaScript
4. React JS
5. Membuat Front End

Back End

1. Node JS
2. Database
3. Memuat Back End DinoTes

Deployment

1. Deploy Aplikasi DinoTes

Debugging

1. Cara debug aplikasi

Menambah Logger

1. Implementasi Logger

State Management Library

1. Implementasi Redux

Update UI

1. Update UI

Authentication

1. Menambah sistem autentikasi