Kembali
PT Bisa Artifisial Indonesia
Kota Depok, Indonesia
Pendidikan
+6282116654087
bisaaimail@gmail.com

BISA AI Academy adalah lembaga pelatihan teknologi yang berfokus pada Kecerdasan Buatan (AI), Data Science, Cyber Security, Full Stack Programming, UI/UX, dan b... Selengkapnya...

0
Posisi Dibuka

Frontend Developer

PT Bisa Artifisial Indonesia 28Pelamar
Penempatan: Depok
2 Orang Dibutuhkan
Durasi Magang : 4 Bulan
Tanggal Mulai Magang : 01 September 2025
Tanggal Selesai Magang : 31 Desember 2025
Tipe Magang : Projek & Umum
Metode Magang : Hybrid
Lowongan Tutup
Diposting pada 11 Juni 2025 WIB• Tutup
Jenjang : Diploma Prodi : Semua Prodi IPK Minimal : 3 Minimal Semester : 5
Tanggal Buka : 11 Juni 2025 WIB Tanggal Tutup : 07 Agustus 2025 WIB

  • Menguasai konsep dasar pengembangan web, framework front-end dan desain UI/UX

  • Memiliki keterampilan dalam pemrograman, menggunakan framework front-end, dan membuat antarmuka pengguna yang responsif

  • Diutamakan mahasiswa D3/D4/S1 dari jurusan Teknik Informatika, Sistem Informasi, Ilmu Komputer, Teknologi Informasi, atau bidang serumpun yang memiliki dasar pengembangan web dan antarmuka pengguna.

  • Menyiapkan tools dan memahami dasar frontend.
  • Membuat tampilan web sederhana.
  • Membuat aplikasi mobile dasar.
  • Menghubungkan frontend ke API dan login.
  • Mengatur halaman dan data di aplikasi.
  • Memperbaiki tampilan dan UX.
  • Menambah fitur keamanan di UI.
  • Merancang proyek frontend.
  • Mengerjakan dan menguji proyek.
  • Menyelesaikan dan mempresentasikan proyek.

Rancangan Aktivitas Selama Magang

Posisi: Frontend Developer 

Minggu/

Bulan/

Tahapan

Aktivitas Utama

Deskripsi Kegiatan

Outcome

Minggu 1-2 (Tahap 1: Orientasi dan Setup)

Onboarding Tools dan Teknologi

  • Setup tools: VS Code, NodeJS, Expo CLI (React Native), Flutter SDK.

  • Review dasar-dasar JavaScript/TypeScript, ReactJS, React Native.

Mahasiswa siap menggunakan environment frontend untuk web dan mobile.

Minggu 3-5 (Tahap 2: Basic Web Development)

Membuat Web Frontend Dasar

  • Membuat aplikasi web sederhana dengan ReactJS.

  • Mempelajari penggunaan ChakraUI/TailwindCSS.

  • Membuat layout dasar halaman (landing page, dashboard).

Mahasiswa menghasilkan web sederhana berbasis ReactJS + styling framework.

Minggu 6-7 (Tahap 3: Basic Mobile Development)

Membuat Aplikasi Mobile Hybrid Sederhana

  • Membuat aplikasi mobile sederhana menggunakan React Native atau Flutter.

  • Memahami struktur navigasi, komponen, dan basic UI/UX mobile.

Mahasiswa menghasilkan aplikasi mobile hybrid sederhana.

Minggu 8-9 (Tahap 4: API Integration (Web & Mobile))

Menghubungkan Frontend ke API

  • Belajar fetch API menggunakan Axios/Fetch.

  • Menampilkan data dinamis dari API ke halaman web dan mobile.

  • Implementasi autentikasi sederhana (login/logout) di frontend.

Web dan mobile apps terhubung ke API dan sudah memiliki login basic.

Minggu 10-11 (Tahap 5: Advance Web Frontend)

State Management dan Routing

  • Implementasi state management (Context API / Redux sederhana).

  • Mengatur routing halaman dengan React Router.

  • Handling error dan loading state.

Aplikasi web lebih kompleks dan modular.

Minggu 12 (Tahap 6: UI/UX Enhancement)

Penyempurnaan Tampilan Web & Mobile

  • Mengoptimalkan tampilan responsif dengan TailwindCSS / ChakraUI.

  • Implementasi animasi sederhana dan UX improvement.

  • Validasi form dan field input.

Web dan mobile apps tampil lebih profesional dan responsif.

Minggu 13-14 (Tahap 7: Advanced API & Auth Handling)

Peningkatan Keamanan dan Akses Data

  • Integrasi token (JWT) di sisi frontend.

  • Implementasi role-based access di UI.

  • Refresh token dan auto-logout saat session habis.

Frontend mampu mengelola sesi autentikasi dengan baik.

Minggu 15 (Tahap 8: Persiapan Proyek Frontend)

Pemahaman dan Perencanaan Proyek

  • Mahasiswa menerima project brief dari mentor berupa aplikasi Web atau Mobile yang akan dikembangkan. Mahasiswa mempelajari wireframe, alur navigasi, dan flow integrasi API yang telah disediakan, serta mendiskusikan teknis implementasi dengan mentor.

Mahasiswa memahami struktur, kebutuhan UI, dan teknis integrasi proyek frontend yang akan dikerjakan.

Minggu 16–18 (Tahap 9: Pelaksanaan Proyek Frontend)

Implementasi Proyek Sesuai Arahan

  • Mahasiswa mengerjakan proyek frontend sesuai dengan desain dan instruksi yang telah ditentukan, termasuk implementasi layout, komponen UI, routing, integrasi API dan autentikasi. Dilakukan testing dan debugging untuk memastikan fungsionalitas berjalan baik.

Mahasiswa menyelesaikan proyek frontend sesuai arahan, siap ditampilkan sebagai portofolio, dan dapat diuji secara end-to-end.

Minggu 18 (Tahap 10: Final Review and Presentation)

Finalisasi dan Presentasi Proyek

  • Final review project bersama mentor.

  • Presentasi aplikasi web/mobile di hadapan tim.

  • Dokumentasi project dan refleksi pembelajaran

Mahasiswa menyelesaikan magang dengan proyek web/mobile fungsional.



  1. Technical Skill Frontend Developer 

Skill

Deskripsi Singkat

Development Environment Setup

Menggunakan VS Code, NodeJS, Expo CLI (React Native) dan Flutter SDK.

HTML/CSS Frameworks

Membuat layout dengan TailwindCSS / ChakraUI untuk web yang responsif.

ReactJS Development

Membangun aplikasi web dengan ReactJS, mengatur routing, dan struktur halaman.

React Native / Flutter

Membuat aplikasi mobile hybrid dengan navigasi dan UI dasar.

API Integration

Menghubungkan frontend dengan backend menggunakan Axios/Fetch.

Authentication Handling

Menerapkan login/logout, token JWT, dan role-based UI access.

State Management

Mengelola data dengan Context API atau Redux sederhana.

UI/UX Enhancement

Mengoptimalkan tampilan, animasi, dan validasi form.

Debugging & Bug Fixing

Menyelesaikan masalah teknis selama development.

Project Implementation

Membangun dan mendokumentasikan project frontend secara lengkap.


  1. Soft Skill Frontend Developer 

Skill

Deskripsi Singkat

Analytical Thinking

Memahami kebutuhan tampilan dan alur pengguna (user flow) dengan logis.

Problem Solving

Menyelesaikan error dalam code dan proses integrasi frontend-backend.

Attention to Detail

Teliti terhadap desain UI, responsivitas, dan fungsionalitas interaktif.

Creativity

Mendesain antarmuka yang menarik dan user-friendly.

Technical Communication

Menjelaskan alur kerja dan kebutuhan API ke tim backend/desainer.

Time Management

Mengatur waktu pengerjaan tugas frontend secara efisien.

Collaboration

Berkolaborasi dengan tim desain, backend, dan mentor.

Adaptability

Mampu belajar framework baru dan beradaptasi dengan perubahan desain.