icon video
Kami peduli pemahaman murid.

Metode pengajaran dengan animasi interaktif.

Kami mengerti bahwa penyampaian materi itu penting. Penyampaian materi di Web Programming Hack menggunakan animasi yang membuat murid lebih cepat mengerti.

Tonton video untuk melihat bagaimana pengajaran dilakukan dan lihat apakah ada bootcamp lain yang melakukan cara seperti kami.

icon customer service

Bimbingan Langsung

Kode kalian error atau mengalami kesulitan saat implementasi?
Kita mempunyai mentor yang siap membantu kalian. Baik itu melalui chat ataupun zoom, kita siap membantu kalian.

Penilaian

Penilaian yang Transparan, Hasil yang Jelas

Dapatkan insight mendalam tentang performa belajar Anda di kelas Coding & English. Lihat grafik pertumbuhan, capai target skill, dan kumpulkan penghargaan atas kerja keras kamu

image assessment
Webinar

Akses Jadwal Belajar Via Dashboard

Dapatkan akses langsung ke jadwal webinar dengan para mentor terbaik. Ikuti semua sesi yang untuk perjalanan karir kamu dan terus berkembang.

image meet with member

Akses Ke Career Launchpad

  • Job Strategies Workshop
  • Portofolio Development Workshop
  • Interview Preparation Workshop (With Native)
  • Mock Up Entity Test
  • Job Application Support
icon calendar

Jadwal Belajar yang Terstruktur

Lihat jadwal kelas dan workshop langsung dari dashboard kamu. Jangan lewatkan kesempatan untuk belajar dari mentor terbaik dan upgrade skillmu!

Backend, Frontend Developer
DEC
19
December 2024Dec 1, 2024 - Dec 31, 2024
Bootcamp Day 1 - Introduction
19.00 WIB - 20.00 WIB
Workshop - Job Search Strategies
21.00 WIB - 22.00 WIB
Course

Belajar Interaktif, Lebih Mudah & Menyenangkan

Dapatkan akses ke video pembelajaran berkualitas tinggi, materi lengkap yang mudah dipahami, dan panduan langkah demi langkah dari mentor ahli. Dirancang khusus untuk membantu kamu menguasai skill baru

image course overview
Code Review

Code Review

Ga usah bingung kehilangan arah karena disini kode kalian akan di review langsung oleh mentor. Proses pembelajaran ini memastikan pemahaman kalian dan memangkas waktu belajar.

Simak bagaimana proses praktek dan pemeriksaan berlangsung.

css/style.css
1.flex-container {
2 display: flex;
3 justify-content: space-between;
4 align-items: center;
5}
CN
Web Programmer HackOn Des 10
Owner

Hilangkan justify-content: center. Kenapa perlu center kalau di design dia menghabiskan space dari jung kiri ke ujung kanan? (itemnya akan selalu grow)

CN
Rafael StruickOn Des 10
Collaborator

baik pak saya hilangkan ya. Tanpa justify center dia otomatis sudah rapi kiri kanannya ya pak? tidak miring2?

CN
Web Programmer HackOn Des 10
Owner

Tidak mungkin miring karena childrennya kita berikan flex-grow, pasti tempatnya habis terpakai.

icon-github

PR Comment

Kita highlight problem di kode kalian

Kalian betulkan. Kalau sudah resolve, kita tandai sebagai resolved.

Kalau mash belum betul kita akan request for changes

Kalian betulkan kembali, lalu kita cek kembali.

icon-comment

Conversation terjadi di repository, dimana anda akan dipandu langsung oleh para mentor.

Sistem PR review ini adalah sistem yang dipakai pada real project, sehingga anda mendapatkan pengalaman sama seperti saat bekerja di perusahaan. Anda akan langsung menggunakan github langsung dari pertemuan pertama.

app/about/hero.tsx
43 Comment
10const flexContainerStyle: React.CSSProperties = {
11 display: 'flex',
12 justifyContent: 'space-between',
13 alignItems: 'center',
14};
CN
Web Programmer HackOn Des 10
Owner

Jangan menggunakan display: flex; dan flex-direction: column untuk sesuatu yang tidak perlu. Coba lihat itemnya (ananya), bukankah anakya semua memiliki display: block secara default? Element dengan display: block sudah menumpuk dari atas ke bawah (utara ke selatan), untuk apa memberikan flex dan flex-direction.

CN
Rafael StruickOn Des 10
Collaborator

oke pak, tidak perlu kode yang tidak berguna ya. Untuk flex di card-header saya buang saja ya. Yang dipertahankan flex di bagian badge kan pak ya, yg ada bulet bulet hiasan itu ya

CN
Rafael StruickOn Des 10
Collaborator
portfolio-1
Code Quality

Code Quality

The ability to make a beautiful code is a necessary part to work abroad.

Disini kalian akan diajarkan cara membuat kode yang memiliki standar internasional. Berbeda dengan di bootcamp lain, disini fokusnya adalah memantapkan skill kalian untuk bekerja remote ke luar negeri.

Pada typescript di bootcamp lain kalian diperbolehkan menggunakan any data type, di bootcamp kita tidak diperbolehkan.

Lihat bagaimana kita membuat react query dan menggabungkan nya dengan axios lalu mengimplementasikannya menjadi sebuah custom hook.

Typescript
1.234

Disini kalian akan diajarkan cara membuat kode yang memiliki standar internasional. Berbeda dengan di bootcamp lain, disini fokusnya adalah memantapkan skill kalian untuk bekerja remote ke luar negeri.

Pada typescript di bootcamp lain kalian diperbolehkan menggunakan any data type, di bootcamp kita tidak diperbolehkan.

Lihat bagaimana kita membuat react query dan menggabungkan nya dengan axios lalu mengimplementasikannya menjadi sebuah custom hook.

Typescript React
1.234
usa flag

English Class

Kita sadar kalau mempunyai skill pemograman saja tidak cukup. Karena itu kita menyediakan kelas bahasa inggris untuk mempersiapkan karir internasional kamu.

International Career Launchpad Workshop

International Career Launchpad Workshop

Di WebProgrammingHack, kalian tidak hanya diajarkan coding, tapi juga kelas karir super komplit yang membuat kamu siap meluncur ke dunia kerja international.

features art

Portofolio Development Workshop

Kalian akan dibantu untuk membuat portofolio yang super keren yang pastinya akan membuat kalian dilirik oleh perusahaan luar.

Landing Page
Landing Page
Landing Page
Landing Page
Landing Page
Landing Page
Landing Page
Landing Page
features briefcase

Job Search Strategies Workshop

Disini kalian akan mendapatkan cara lebih lengkap terkait strategi mencari pekerjaan di luar negeri.

icon-1.png
icon-2.png
icon-3.png
icon-4.png
flag-1.png
flag-2.png
flag-3.png
flag-4.png
flag-more.png
Globe
features documents

Resume Building Workshop

Membuat resume (CV) yang bagus merupakan skill yang wajib untuk kalian miliki.

mock profile
mock study
features paper

Mockup Entry Test

Mockup entry test adalah sesuatu yang wajib untuk dikerjakan sebelum anda diperbolehkan untuk apply kerja. Dengan berlatih menggunakan mockup entry test, kalian mendapatkan pengalaman dan inspirasi bagaimana cara mengerjakan entry test saat masuk ke perusahaan.

vscode
features interview

Interview Preparation Workshop

Dimana kalian akan berlatih bersama native speaker untuk persiapan interview kalian.

Job Application Support

Job Application Support

Kita menyediakan bantuan kerja gratis dimana anda akan mendapatkan sebuah dashboard dimana anda bisa melakukan tracking pada progress pencarian kerja dan melakukan proses pendaftaran kerja di perusahaan yang telah kita sediakan.

image job-application