🚀 Bootcamp 2026

Selamat Datang di Bootcamp Web Development AKM × Arka Study

🔥 Persiapkan dirimu dengan materi fundamental yang wajib dikuasai sebelum sesi mentoring. Mari membangun fondasi yang kuat untuk menjadi web developer profesional!

4
Topik Utama
20+
Resource
2
Game Interaktif
Mulai Belajar Latihan Interaktif
HTML & CSS
JavaScript
React & Next.js
Git & GitHub
ready-to-learn.js
const bootcamp = {
  name: "AKM × Arka Study",
  year: 2026,
  ready: true |
};
👋

Halo Teman-teman Peserta Bootcamp AKM x Arka Study 2025!

Sebelum kita mulai sesi mentoring, ada beberapa materi dasar yang wajib kalian pelajari secara mandiri. Ini adalah "tiket masuk" kita, agar saat mentoring nanti kita bisa langsung fokus ke materi yang lebih seru dan menantang seperti React & Next.js.

Mohon pelajari sumber-sumber di bawah ini ya. Pilih mana yang paling cocok dengan gaya belajar kalian (video atau bacaan). Selamat belajar! 🔥

📚 Materi Persiapan Mentoring

Pilih format pembelajaran yang sesuai dengan gaya belajarmu

1

⚡ Mempelajari Fondasi Utama dalam Website: HTML & CSS

Interaktivitas & Logika Programming

Ini adalah pilar dari semua website. Pahami cara menyusun konten dengan HTML dan mempercantiknya dengan CSS.

Tontonan (Video)

Belajar HTML & CSS untuk PEMULA - Full Lengkap

oleh Pemoola

Overview: Penjelasan super ramah untuk pemula, mencakup semua dasar dalam satu video. Cocok untuk mulai dari nol.

Tonton
Tutorial HTML Dasar (Bahasa Indonesia)

oleh Programmer Zaman Now

Overview: Penjelasan sangat terstruktur dan mendalam dari Pak Eko. Fondasi HTML dijamin kokoh.

Tonton
Tutorial CSS Pengenalan

oleh Cara Fajar

Overview: Pengantar yang baik untuk mulai belajar CSS setelah paham HTML.

Tonton

Bacaan (Artikel)

Tutorial HTML untuk Pemula

di Petani Kode

Overview: Materi berbasis teks yang mudah diikuti, lengkap dengan contoh kode.

Baca
Belajar HTML Dasar

di SantriKoding

Overview: Disusun secara sistematis, dari pengenalan hingga topik penting seperti semantic HTML.

Baca
2

⚡ Membuat Website Hidup: JavaScript Dasar

Interaktivitas & Logika Programming

JavaScript adalah otak yang membuat website menjadi interaktif. Pahami konsep dasarnya sebelum kita masuk ke React.

Tontonan (Video)

Belajar Dasar Pemrograman Javascript 1 Jam

oleh Dea Afrizal

Overview: Merangkum semua fundamental JavaScript dalam satu jam. Sangat efisien!

Tonton
Tutorial Javascript bahasa Indonesia

oleh Sekolah Koding

Overview: Pendekatan yang sangat mendasar, cocok untuk yang baru pertama kali menyentuh bahasa pemrograman.

Tonton
Belajar Javascript

oleh Kelas Terbuka

Overview: Membahas setiap konsep dalam video-video pendek yang terpisah, jadi mudah dicerna.

Tonton

Bacaan (Artikel)

Belajar Pemrograman Javascript untuk Pemula

di Petani Kode

Overview: Melengkapi video, seri tutorial ini membahas konsep dasar JavaScript secara tekstual.

Baca
3

🚀 Sintaks Modern: JavaScript ES6+

Persiapan untuk React & Next.js

React & Next.js sangat bergantung pada sintaks JavaScript modern. Memahami ini akan membuat kode React jauh lebih mudah dimengerti.

Tontonan (Video)

Belajar JavaScript ES6 untuk ReactJS

oleh Belajar Coding

Overview: Sangat direkomendasikan! Video ini spesifik membahas fitur ES6+ yang paling sering dipakai di React.

Tonton

Bacaan (Artikel)

Memahami Fungsi di Javascript

di Petani Kode

Overview: Menjelaskan berbagai cara membuat fungsi, termasuk Arrow Function (=>) yang menjadi standar di React.

Baca
Repositori Belajar JavaScript ES6

di GitHub oleh Bellshade

Overview: Kumpulan kode dan penjelasan dalam Bahasa Indonesia yang bisa kalian lihat dan coba langsung.

Buka
4

🔧 Alat Kerja Profesional: Git & GitHub

Kolaborasi & Version Control

Ini adalah cara standar industri untuk bekerja dalam tim. Menguasai ini akan membedakan kalian sebagai developer yang siap berkolaborasi.

Tontonan (Video)

TUTORIAL GIT DASAR (BAHASA INDONESIA)

oleh Programmer Zaman Now

Overview: Penjelasan yang sangat runut dan komprehensif. Wajib ditonton.

Tonton
Tutorial Cara Penggunaan Git dan Github

oleh Naistudio Academy

Overview: Fokus pada praktik penggunaan Git bersama GitHub, menunjukkan alur kerja dari lokal ke online.

Tonton

Bacaan (Artikel)

Tutorial Belajar Git untuk Pemula

di Petani Kode

Overview: Seri artikel yang lengkap, membahas dari instalasi hingga cara menggunakan cabang (branch).

Baca
Tutorial Belajar Git Untuk Pemula

di Malas Ngoding

Overview: Panduan langkah demi langkah yang jelas dan ringkas.

Baca

🎓 Materi Kelas Mentoring

Akses rekaman sesi mentoring, slide presentasi, dan catatan lengkap setiap pertemuan

01
Sesi 1

Fondasi Web Modern & Alur Kerja Profesional

Memahami fondasi pengembangan web modern, tools yang digunakan profesional, dan workflow development yang efisien.

Rekaman Zoom Password: g4+kA!RK
Slide & Notes PDF Materi Sesi 1
02
Sesi 2

Membangun Antar Muka dengan React dan Next.js

Menguasai fundamental React dan Next.js untuk membangun user interface yang modern, interaktif, dan performant.

Rekaman Zoom Password: O*JReX1y
Slide & Notes PDF Materi Sesi 2
03
Sesi 3

Praktik Inisiasi Proyek Next.js dan Sharing Industri

Hands-on praktik memulai proyek Next.js dari nol dan insight berharga tentang praktik terbaik di industri.

Rekaman Zoom Password: m1A%paC^

Catatan Penting

Pastikan untuk menonton semua rekaman sesi dan membaca slide presentasi. Jika ada materi yang kurang jelas, jangan ragu untuk bertanya saat sesi mentoring berikutnya atau melalui grup diskusi.

🎮 Latihan Interaktif (WAJIB COBA!)

Teori saja tidak cukup. Cara terbaik menguasai tata letak CSS adalah dengan praktik langsung!

🐸

Flexbox Froggy

Game seru membantu katak kembali ke daun teratai dengan menulis kode CSS Flexbox. Selesaikan 24 level untuk menguasai Flexbox!

Level 24
Skill Flexbox
Mainkan Sekarang
🥕

Grid Garden

Merawat kebun wortel dengan menulis kode CSS Grid. Melatih pemahaman tata letak dua dimensi dengan 28 level menantang!

Level 28
Skill CSS Grid
Mainkan Sekarang
💡

Tips Belajar Efektif

  • Luangkan minimal 30 menit setiap hari untuk belajar
  • Praktikkan langsung setiap konsep yang dipelajari
  • Jangan ragu bertanya jika ada yang kurang jelas
  • Selesaikan kedua game interaktif untuk memahami layout CSS

📊 Lacak Progress Belajarmu

Centang setiap materi yang sudah kamu selesaikan

0% Selesai

Kenalan dengan Arka Sync

Platform pembelajaran dan kolaborasi untuk developer Indonesia. Bergabunglah dengan ribuan developer lainnya!

Kunjungi Website

Baca Artikel Developer

Tutorial, tips, dan insight menarik seputar web development, programming, dan teknologi terkini.

Baca Blog