Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Full-Stack JavaScript Developer Next JS: Booking Flight Ticket

Build a modern website from scratch

icon global
Release date March 2024
icon convert
Last updated October 2024
Member

379 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Saat ini, JavaScript bisa diterapkan di beragam platform seperti situs web, perangkat mobile, desktop, dan lainnya. Perusahaan kini lebih cenderung merekrut pengembang JavaScript untuk mengembangkan perangkat lunak mereka dengan memanfaatkan framework seperti React atau Next JS.
 
Pada kelas online Full-Stack Javascript kali ini kita akan belajar membangun sebuah website yang digunakan orang-orang untuk membeli tiket pesawat secara online. Kita akan belajar menggunakan framework populer yaitu adalah Next Js.
 
Alasan utama mengadopsi Next JS adalah kemampuannya dalam server side render (SSR), yang dapat meningkatkan kinerja dan optimasi mesin pencari (SEO) untuk situs web yang akan kita kembangkan. Di samping itu, keberadaan komunitas yang besar memungkinkan kita untuk meminta bantuan dari mentor melalui forum atau grup lain jika mengalami kendala dalam proses belajar.
 
Kita akan memanfaatkan Prisma untuk menangani sisi backend, termasuk penyimpanan data seperti informasi pengguna, jadwal penerbangan, daftar transaksi, dan hal-hal sejenisnya.
 
Okay people with the spirit of learning, silahkan bergabung dan kami akan tunggu di kelas.

Sneak Peek

Key Points

icon_check

Belajar memaksimalkan Fitur yang ditawarkan dari Next Js

icon_check

Belajar menggunakan Tailwind CSS untuk custom Component dari Shadcn/UI

icon_check

Belajar menggunakan Prisma ORM untuk integrasi dengan database

icon_check

Belajar membuat Authentication website menggunakan Lucia

icon_check

Belajar menggunakan Supabase Storage untuk upload file

icon_check

Belajar men-deploy website ke Vercel

icon_check

Belajar integrasi payment gateway menggunakan midtrans

Designed For

icon_check

Anda yang ingin level-up skills

icon_check

Anda yang ingin menguasai tools-tools berguna namun gratis

icon_check

Anda yang ingin membangun portofolio yang cakep

Course Lessons

Learn With Expert

Mentor Hariyanto

Hariyanto

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(1.3K)

Our Happy Students

Review setelah bergabung di kelas Full-Stack JavaScript Developer Next JS: Booking Flight Ticket

All Rating
Rizqy Dwi Syahputra at BuildWithAngga
Rizqy Dwi Syahputra

Lifetime Learner

Terima kasih kak atas ilmunya. Puas Banget bisa selesai Projectnya. Semoga Berkah read more

ic-star ic-star ic-star ic-star ic-star
Briansyah Rizky Pohan at BuildWithAngga
Briansyah Rizky Pohan

Full-Stack Developer

Mantap Kelasnya, Lebih mudah dengan adanya template htmlnya, mungkin untuk kritik suara microfon pengajar kurang jelas, sama mungkin bisa kasih lebih bnyk penjelasan di codingannya dan jika ada error bisa di jelaskan detail, Tapi saya suka dengan kelasnya mung kedepannya lebih di perbiki lgi saja 👌😊 read more

ic-star ic-star ic-star ic-star ic-star
Muhammad Abdiel Firjatullah at BuildWithAngga
Muhammad Abdiel Firjatull

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
dwi at BuildWithAngga
Dwi

Lifetime Learner

good class read more

ic-star ic-star ic-star ic-star ic-star
Syarif Hidayatulloh at BuildWithAngga
Syarif Hidayatulloh

Lifetime Learner

Materi yang disampaikan sangat bagus dan mudah dipahami read more

ic-star ic-star ic-star ic-star ic-star
Kevin at BuildWithAngga
Kevin

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 690,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas Full-Stack JavaScript Developer Next JS: Booking Flight Ticket Foto kelas Full-Stack JavaScript Developer Next JS: Booking Flight Ticket Foto kelas Full-Stack JavaScript Developer Next JS: Booking Flight Ticket Foto kelas Full-Stack JavaScript Developer Next JS: Booking Flight Ticket

Full-Stack JavaScript Developer Next JS: Booking Flight Ticket

Build a modern website from scratch

  • lock
    1 Setup ERD 1
    5 minutes
  • lock
    2 Setup ERD 2
    6 minutes
  • lock
    3 Setup install project Next js
    3 minutes
  • lock
    4 Setup install library shadcn
    3 minutes
  • lock
    5 Setup database vercel postgres
    2 minutes
  • lock
    6 Setup install prisma 1
    2 minutes
  • lock
    7 Setup install prisma 2
    5 minutes
  • lock
    8 Setup install prisma 3
    5 minutes
  • lock
    9 Setup install prisma 4
    2 minutes
  • lock
    10 Setup lucia auth 1
    7 minutes
  • lock
    11 Setup lucia auth 2
    1 minutes
  • lock
    12 Setup seed database
    7 minutes
  • lock
    13 Setup midtrans
    1 minutes

  • lock
    1 Slicing
    7 minutes
  • lock
    2 Integrate 1
    13 minutes
  • lock
    3 Integrate 2
    6 minutes
  • lock
    4 Integrate 3
    7 minutes

  • lock
    1 Slicing UI Dashboard layout 1
    10 minutes
  • lock
    2 Slicing UI Dashboard Layout
    3 minutes
  • lock
    3 Logout
    8 minutes
  • lock
    4 Check auth
    4 minutes

  • lock
    1 Slicing UI datatable
    7 minutes
  • lock
    2 Integrate data airplanes
    2 minutes
  • lock
    3 Slicing UI Form
    7 minutes
  • lock
    4 Integrate Create data airplane 1
    7 minutes
  • lock
    5 Integrate Create data airplane 2
    5 minutes
  • lock
    6 Integrate Create data airplane 3
    11 minutes
  • lock
    7 Fix field table image
    7 minutes
  • lock
    8 Integrate edit data airplane 1
    8 minutes
  • lock
    9 Integrate edit data airplane 2
    6 minutes
  • lock
    10 Integrate edit data airplane 3
    2 minutes
  • lock
    11 Integrate delete data airplane
    11 minutes

  • lock
    1 Slicing UI datatable
    7 minutes
  • lock
    2 Integrate data flights
    2 minutes
  • lock
    3 Slicing UI form 1
    9 minutes
  • lock
    4 Slicing UI form 2
    5 minutes
  • lock
    5 Slicing UI form 3
    3 minutes
  • lock
    6 Create validation form.mp4
    4 minutes
  • lock
    7 Integrate create data flight 1
    4 minutes
  • lock
    8 Integrate create data flight 2
    5 minutes
  • lock
    9 Integrate create data flight 3
    9 minutes
  • lock
    10 Perbaikan field table pesawat
    1 minutes
  • lock
    11 Perbaikan field table rute
    5 minutes
  • lock
    12 Perbaikan field table harga 1
    5 minutes
  • lock
    13 Perbaikan field table harga 2
    6 minutes
  • lock
    14 Integrate edit data flight 1
    7 minutes
  • lock
    15 Integrate edit data flight 2
    5 minutes
  • lock
    16 Integrate delete data flight
    3 minutes

  • lock
    1 Slicing UI datatable
    8 minutes
  • lock
    2 Integrate data tickets
    1 minutes

  • lock
    1 Slicing UI datatable
    3 minutes
  • lock
    2 Integrate data users
    1 minutes

  • lock
    1 Slicing Sign Up 1
    9 minutes
  • lock
    2 Slicing Sign Up 2
    6 minutes
  • lock
    3 create validation sign up
    2 minutes
  • lock
    4 Integrate Sign Up 1
    4 minutes
  • lock
    5 Integrate Sign Up 2
    7 minutes

  • lock
    1 Slicing Sign In
    2 minutes
  • lock
    2 Integrate Sign In
    14 minutes

  • lock
    1 Slicing UI 1
    5 minutes
  • lock
    2 Slicing UI 2
    6 minutes
  • lock
    3 Slicing UI 3
    5 minutes
  • lock
    4 Get filter city
    8 minutes
  • lock
    5 Penyesuaian Navbar
    3 minutes
  • lock
    6 Integrate logout
    3 minutes

  • lock
    1 Slicing UI 1
    4 minutes
  • lock
    2 Slicing UI 2
    2 minutes
  • lock
    3 Slicing UI 3
    2 minutes
  • lock
    4 Penyesuaian filter seat class
    2 minutes
  • lock
    5 Penyesuaian filter airline 1
    3 minutes
  • lock
    6 Penyesuaian filter airline 2
    3 minutes
  • lock
    7 Integrate list flight 1
    10 minutes
  • lock
    8 Integrate list flight 2
    10 minutes
  • lock
    9 Integrate list flight 3
    6 minutes
  • lock
    10 Integrate list flight 4
    3 minutes
  • lock
    11 Integrate filter 1
    13 minutes
  • lock
    12 Integrate filter 2
    8 minutes
  • lock
    13 Integrate filter 3
    10 minutes
  • lock
    14 Integrate filter 4
    3 minutes

  • lock
    1 Slicing UI 1
    4 minutes
  • lock
    2 Slicing UI 2
    3 minutes
  • lock
    3 Slicing UI 3
    2 minutes
  • lock
    4 Slicing UI 4
    2 minutes
  • lock
    5 Slicing UI 5
    2 minutes
  • lock
    6 Integrate 1
    4 minutes
  • lock
    7 Integrate 2
    3 minutes
  • lock
    8 Integrate 3
    5 minutes
  • lock
    9 Integrate 4
    5 minutes
  • lock
    10 Integrate 5
    6 minutes
  • lock
    11 Integrate 6
    7 minutes

  • lock
    1 Slicing UI 1
    3 minutes
  • lock
    2 Slicing UI 2
    1 minutes
  • lock
    3 Slicing UI 3
    5 minutes
  • lock
    4 Integrate data
    4 minutes
  • lock
    5 Integrate payment 1
    6 minutes
  • lock
    6 Integrate payment 2
    9 minutes
  • lock
    7 Integrate payment 3
    2 minutes
  • lock
    8 Integrate payment with midtrans 1
    8 minutes
  • lock
    9 Integrate payment with midtrans 2
    7 minutes
  • lock
    10 Integrate payment with midtrans 3
    5 minutes
  • lock
    11 Integrate payment with midtrans 4
    7 minutes

  • lock
    1 Slicing UI
    5 minutes

  • lock
    1 Slicing UI 1
    2 minutes
  • lock
    2 Slicing UI 2
    1 minutes
  • lock
    3 Slicing UI 3
    4 minutes
  • lock
    4 Integrate
    8 minutes

  • lock
    1 Slicing UI
    6 minutes
  • lock
    2 Integrate 1
    7 minutes
  • lock
    3 Integrate 2
    5 minutes

  • lock
    1 Prepare deploy 1
    4 minutes
  • lock
    2 Deploy
    3 minutes
  • lock
    3 Fixing setelah deploy
    3 minutes
Develop Your Skills

Saat ini, JavaScript bisa diterapkan di beragam platform seperti situs web, perangkat mobile, desktop, dan lainnya. Perusahaan kini lebih cenderung merekrut pengembang JavaScript untuk mengembangkan perangkat lunak mereka dengan memanfaatkan framework seperti React atau Next JS.
 
Pada kelas online Full-Stack Javascript kali ini kita akan belajar membangun sebuah website yang digunakan orang-orang untuk membeli tiket pesawat secara online. Kita akan belajar menggunakan framework populer yaitu adalah Next Js.
 
Alasan utama mengadopsi Next JS adalah kemampuannya dalam server side render (SSR), yang dapat meningkatkan kinerja dan optimasi mesin pencari (SEO) untuk situs web yang akan kita kembangkan. Di samping itu, keberadaan komunitas yang besar memungkinkan kita untuk meminta bantuan dari mentor melalui forum atau grup lain jika mengalami kendala dalam proses belajar.
 
Kita akan memanfaatkan Prisma untuk menangani sisi backend, termasuk penyimpanan data seperti informasi pengguna, jadwal penerbangan, daftar transaksi, dan hal-hal sejenisnya.
 
Okay people with the spirit of learning, silahkan bergabung dan kami akan tunggu di kelas.

read more
Learn With Expert
Key Points
  • check
    Belajar memaksimalkan Fitur yang ditawarkan dari Next Js
  • check
    Belajar menggunakan Tailwind CSS untuk custom Component dari Shadcn/UI
  • check
    Belajar menggunakan Prisma ORM untuk integrasi dengan database
  • check
    Belajar membuat Authentication website menggunakan Lucia
  • check
    Belajar menggunakan Supabase Storage untuk upload file
  • check
    Belajar men-deploy website ke Vercel
  • check
    Belajar integrasi payment gateway menggunakan midtrans
Created For
  • check
    Anda yang ingin level-up skills
  • check
    Anda yang ingin menguasai tools-tools berguna namun gratis
  • check
    Anda yang ingin membangun portofolio yang cakep
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
379
Happy Students
Rizqy Dwi Syahputra at BuildWithAngga
Rizqy Dwi Syahputra

Lifetime Learner

Terima kasih kak atas ilmunya. Puas Banget bisa selesai Projectnya. Semoga Berkah

ic-star ic-star ic-star ic-star ic-star
Briansyah Rizky Pohan at BuildWithAngga
Briansyah Rizky Pohan

Full-Stack Developer

Mantap Kelasnya, Lebih mudah dengan adanya template htmlnya, mungkin untuk kritik suara microfon pengajar kurang jelas, sama mungkin bisa kasih lebih bnyk penjelasan di codingannya dan jika ada error bisa di jelaskan detail, Tapi saya suka dengan kelasnya mung kedepannya lebih di perbiki lgi saja 👌😊

ic-star ic-star ic-star ic-star ic-star
Muhammad Abdiel Firjatullah at BuildWithAngga
Muhammad Abdiel Firjatullah

Full-Stack Developer

bagud

ic-star ic-star ic-star ic-star ic-star
dwi at BuildWithAngga
dwi

Lifetime Learner

good class

ic-star ic-star ic-star ic-star ic-star
Syarif Hidayatulloh at BuildWithAngga
Syarif Hidayatulloh

Lifetime Learner

Materi yang disampaikan sangat bagus dan mudah dipahami

ic-star ic-star ic-star ic-star ic-star
Kevin at BuildWithAngga
Kevin

Full-Stack Developer

Mantap

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 690,000

arrow_upward