Frontend Engineer

Pengenalan lingkungan kerja, budaya engineering, workflow pengembangan software, arsitektur aplikasi frontend, penggunaan Git, proses code review, serta pengenalan tech stack Next.js, React, JavaScript/TypeScript, REST API, JSON, dan library yang digunakan perusahaan.

Peserta terlibat langsung dalam pengembangan dan pemeliharaan fitur frontend pada real project menggunakan Next.js dan React. Aktivitas meliputi pembuatan halaman, reusable component, routing, layout, form, state handling, event handling, conditional rendering, serta implementasi fitur berdasarkan requirement dan desain yang diberikan.

Peserta mengintegrasikan frontend dengan REST API pada real project, termasuk pengiriman request, pengolahan response JSON, rendering data dinamis, form submission, filtering, pagination, loading state, error state, serta penanganan berbagai kondisi response dari backend.

Peserta menggunakan dan mengintegrasikan library JavaScript, React, atau Next.js sesuai kebutuhan real project untuk membangun fitur aplikasi yang lebih interaktif dan efisien. Peserta mempelajari cara memahami dokumentasi library, menentukan cara implementasi yang sesuai, mengintegrasikannya ke dalam codebase, serta melakukan troubleshooting ketika terjadi masalah.

Peserta menangani kebutuhan maintenance dan peningkatan kualitas frontend pada real project, termasuk responsive interface, handling berbagai ukuran layar, debugging, bug fixing, refactoring component, peningkatan usability, handling edge case, serta penyesuaian tampilan berdasarkan hasil review UI/UX dan kebutuhan product.

Peserta diberikan tanggung jawab yang lebih mandiri dalam mengerjakan satu atau beberapa fitur frontend pada real project, mulai dari memahami requirement dan desain, menyusun struktur component, implementasi UI, integrasi API, pengolahan data, testing, debugging, code review, hingga penyelesaian fitur bersama tim.

Peserta mengikuti technical introduction dan onboarding project untuk memahami alur kerja frontend di perusahaan. Materi mencakup pengenalan struktur project frontend, workflow tim engineering, penggunaan Git, standar penulisan kode, Next.js, TypeScript, struktur halaman, component-based development, design system, responsive design, integrasi API, environment configuration, serta kolaborasi dengan tim UI/UX, backend, dan product. Pada tahap ini peserta juga mulai diperkenalkan dengan real project perusahaan, standar slicing dari desain, alur pengerjaan task, proses review, serta cara membaca kebutuhan fitur dan desain sebelum masuk ke tahap implementasi.

Peserta melakukan setup development environment, memahami struktur codebase dan workflow Git, kemudian mulai terlibat langsung dalam real project perusahaan melalui task frontend yang disesuaikan dengan tingkat kemampuan. Aktivitas mencakup implementasi halaman dan komponen, pengolahan data, integrasi API, penggunaan library, responsive UI, debugging, bug fixing, serta perbaikan implementasi berdasarkan code review dan pendampingan mentor.

Peserta mulai terlibat langsung dalam implementasi tampilan frontend pada real project perusahaan dengan pendampingan mentor. Kegiatan mencakup slicing UI dari desain, pembuatan halaman, pengaturan layout, implementasi responsive design, penggunaan komponen UI, penyesuaian spacing, typography, warna, dan konsistensi tampilan berdasarkan design system yang telah ditentukan. Peserta belajar melalui task project yang diberikan secara bertahap agar memahami standar implementasi frontend perusahaan dan mampu menerjemahkan desain UI menjadi tampilan aplikasi web yang rapi, konsisten, dan responsif.

Peserta mempraktikkan pembuatan reusable component menggunakan Next.js dan TypeScript pada real project perusahaan. Kegiatan mencakup pembuatan komponen UI yang reusable, pengelolaan props, penggunaan TypeScript type atau interface, pemisahan komponen, pengelolaan struktur folder, serta penerapan prinsip component-based development agar kode frontend lebih rapi dan mudah digunakan kembali. Pada tahap ini peserta membantu tim frontend dalam membangun komponen seperti form, button, card, table, modal, navigation, layout, dan komponen pendukung lainnya sesuai kebutuhan produk internal perusahaan.

Peserta mempraktikkan integrasi frontend dengan API backend pada real project perusahaan. Kegiatan mencakup pengambilan data dari API, pengiriman data melalui form, handling loading state, empty state, error state, validasi form, pengelolaan response API, serta penyesuaian tampilan berdasarkan data yang diterima dari backend. Peserta juga belajar berkolaborasi dengan tim backend untuk memahami struktur response API, kebutuhan endpoint, validasi data, serta penyesuaian integrasi agar fitur frontend dapat berjalan sesuai kebutuhan produk.

Peserta terlibat dalam pengembangan fitur frontend secara lebih menyeluruh pada real project perusahaan. Kegiatan mencakup analisis kebutuhan tampilan, implementasi halaman atau fitur baru, integrasi dengan API, perbaikan tampilan, penyesuaian responsive layout, validasi form, handling state sederhana, serta proses review dan perbaikan berdasarkan feedback dari mentor, UI/UX, backend, dan product. Pada tahap ini peserta diharapkan mulai mampu mengerjakan task frontend dengan arahan yang lebih terstruktur, memahami hubungan antara kebutuhan produk, desain, API backend, dan pengalaman pengguna, serta menerapkan praktik frontend yang rapi dan maintainable.

Peserta menyelesaikan kontribusi akhir pada real project perusahaan, termasuk penyempurnaan halaman, perbaikan bug tampilan, optimasi komponen, penyesuaian responsive design, validasi akhir integrasi API, dokumentasi teknis sederhana, serta penyusunan laporan atau presentasi hasil pekerjaan kepada mentor dan tim terkait. Pada tahap akhir ini peserta diharapkan mampu menunjukkan pemahaman terhadap proses pengembangan frontend menggunakan Next.js dan TypeScript, kemampuan mengimplementasikan desain menjadi antarmuka yang responsif, kemampuan berintegrasi dengan API backend, serta kemampuan berkolaborasi dalam pengembangan produk digital secara profesional.