Riski Meydiansyah mahasiswa semester 6 Universitas Esa Unggul
Peserta magang batch #2 Front End React Developer
Berikut detail laporan tiap pertemuan/sesi :
| Sesi | Judul | Link | Deskripsi |
|---|---|---|---|
| 1 | Pengenalan HTML | Challenge |
Buat tampilan html untuk portfolio |
| 2 | Pengenalan CSS | Assignment#1 |
Styling portfolio tampilan html sebelumnya |
| 3 | CSS Framework : Bootstrap | Assignment#2 |
Buat Pages blog sesuai dengan UI Design yang telah disediakan |
| 4 | Penggunaan Github repository | Challenge |
Menggunakan Github sebagai media repository sesi 3 |
| 5 | Pengenalan Javascript | Assignment#3 |
Melakukan perubahan data pada section form dimana setelah selesai disubmit akan mengganti semua deskripsi pada section profile. |
| 9 | Pengenalan React | Challenge |
Menerapkan beberapa komponen pada React |
| 10 | Aplikasi React pertama | Challenge |
Menyempurnakan tampilan sebelumnya dengan beberapa aksi seperti increment dan decrement |
| 11 | Aplikasi React pertama | Assignment#5 |
Membuat simulasi antrian dengan memperhatikan konsep atomic design, state, dan hooks |
| 12 | Component Lifecycle pada React | Challenge |
Membuat aplikasi realtime clock |
| 13 | Styling Component pada React | Challenge |
Melakukan styling pada React menggunakan bootstrap |
| 14 | Testing dan Debugging pada React | Challenge |
Melakukan testing dan debugging dasar pada React |
| 15 | React Router | Challenge |
Menerapkan React router pada aplikasi sebelumnya |
| Portfolio app | Assignment#6 |
Membangun aplikasi portfolio menggunakan React dengan menerapkan basic router dan component structure |
|
| 16 | Redux Web | Challenge |
Menerapkan konsep Redux pada aplikasi website sederhana |
| React Redux | Challenge |
Menggunakan Redux pada aplikasi Counter React JS dengan penggunaan Function dan Component Class pada React JS |
|
| Redux Sprint | Assignment#7 |
Membangun aplikasi sprint dengan menggunakan konsep Redux, React Redux, dan Redux Thunk |
|
| 17 | Server Side Rendering Concept using Next JS | Challenge |
Pengenalan konsep React untuk kebutuhan Server Side Rendering - NextJS |
| 18 | Pengenalan React Native | Challenge |
Pengenalan React Native untuk pengembangan mobile apps dan cara instalasi - konfigurasi environment |
| 19 | React Native Fundamental | Challenge |
Menampilkan data API dari https://randomuser.me/api/?results=50 |
| 20 | Styling React Native menggunakan NativeBase |
Challenge |
Melakukan re-design dengan menggunakan NativeBase |
| Simple Wishlist App | Challenge |
Membuat aplikasi wishlist sederhana dengan menggunakan styling NativeBase |
