Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full-Stack JavaScript Developer Next JS: Booking Flight Ticket
Kelas Online
Full-Stack JavaScript Developer Next JS: Booking Flight Ticket
Build a modern website from scratch
Release date March 2024
Last updated October 2024
Member
366 enrolled
Tingkatan
Sertifikat
Konsultasi
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
Belajar memaksimalkan Fitur yang ditawarkan dari Next Js
Belajar menggunakan Tailwind CSS untuk custom Component dari Shadcn/UI
Belajar menggunakan Prisma ORM untuk integrasi dengan database
Belajar membuat Authentication website menggunakan Lucia
Belajar menggunakan Supabase Storage untuk upload file
Belajar men-deploy website ke Vercel
Belajar integrasi payment gateway menggunakan midtrans
Designed For
Anda yang ingin level-up skills
Anda yang ingin menguasai tools-tools berguna namun gratis
Anda yang ingin membangun portofolio yang cakep
Course Lessons
Learn With Expert
Hariyanto
Full-Stack Developer
(1.2K)
Rizqy Dwi Syahputra
Lifetime Learner
Terima kasih kak atas ilmunya. Puas Banget bisa selesai Projectnya. Semoga Berkah read more
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
Syarif Hidayatulloh
Lifetime Learner
Materi yang disampaikan sangat bagus dan mudah dipahami read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 690,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
(697)
.png)
(1,577)
.png)
(1,293)
(163)
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
Full-Stack JavaScript Developer Next JS: Booking Flight Ticket
Build a modern website from scratch
-
1 Intro tech stack yang akan dipakai1 minutes -
2 Intro website customer2 minutes
-
3 Intro dashboard1 minutes
-
1 Setup ERD 15 minutes -
2 Setup ERD 26 minutes
-
3 Setup install project Next js3 minutes
-
4 Setup install library shadcn3 minutes
-
5 Setup database vercel postgres2 minutes
-
6 Setup install prisma 12 minutes
-
7 Setup install prisma 25 minutes
-
8 Setup install prisma 35 minutes
-
9 Setup install prisma 42 minutes
-
10 Setup lucia auth 17 minutes
-
11 Setup lucia auth 21 minutes
-
12 Setup seed database7 minutes
-
13 Setup midtrans1 minutes
-
1 Slicing7 minutes
-
2 Integrate 113 minutes
-
3 Integrate 26 minutes
-
4 Integrate 37 minutes
-
1 Slicing UI Dashboard layout 110 minutes
-
2 Slicing UI Dashboard Layout3 minutes
-
3 Logout8 minutes
-
4 Check auth4 minutes
-
1 Slicing UI datatable7 minutes
-
2 Integrate data airplanes2 minutes
-
3 Slicing UI Form7 minutes
-
4 Integrate Create data airplane 17 minutes
-
5 Integrate Create data airplane 25 minutes
-
6 Integrate Create data airplane 311 minutes
-
7 Fix field table image7 minutes
-
8 Integrate edit data airplane 18 minutes
-
9 Integrate edit data airplane 26 minutes
-
10 Integrate edit data airplane 32 minutes
-
11 Integrate delete data airplane11 minutes
-
1 Slicing UI datatable7 minutes
-
2 Integrate data flights2 minutes
-
3 Slicing UI form 19 minutes
-
4 Slicing UI form 25 minutes
-
5 Slicing UI form 33 minutes
-
6 Create validation form.mp44 minutes
-
7 Integrate create data flight 14 minutes
-
8 Integrate create data flight 25 minutes
-
9 Integrate create data flight 39 minutes
-
10 Perbaikan field table pesawat1 minutes
-
11 Perbaikan field table rute5 minutes
-
12 Perbaikan field table harga 15 minutes
-
13 Perbaikan field table harga 26 minutes
-
14 Integrate edit data flight 17 minutes
-
15 Integrate edit data flight 25 minutes
-
16 Integrate delete data flight3 minutes
-
1 Slicing UI datatable8 minutes
-
2 Integrate data tickets1 minutes
-
1 Slicing UI datatable3 minutes
-
2 Integrate data users1 minutes
-
1 Slicing Sign Up 19 minutes
-
2 Slicing Sign Up 26 minutes
-
3 create validation sign up2 minutes
-
4 Integrate Sign Up 14 minutes
-
5 Integrate Sign Up 27 minutes
-
1 Slicing Sign In2 minutes
-
2 Integrate Sign In14 minutes
-
1 Slicing UI 15 minutes
-
2 Slicing UI 26 minutes
-
3 Slicing UI 35 minutes
-
4 Get filter city8 minutes
-
5 Penyesuaian Navbar3 minutes
-
6 Integrate logout3 minutes
-
1 Slicing UI 14 minutes
-
2 Slicing UI 22 minutes
-
3 Slicing UI 32 minutes
-
4 Penyesuaian filter seat class2 minutes
-
5 Penyesuaian filter airline 13 minutes
-
6 Penyesuaian filter airline 23 minutes
-
7 Integrate list flight 110 minutes
-
8 Integrate list flight 210 minutes
-
9 Integrate list flight 36 minutes
-
10 Integrate list flight 43 minutes
-
11 Integrate filter 113 minutes
-
12 Integrate filter 28 minutes
-
13 Integrate filter 310 minutes
-
14 Integrate filter 43 minutes
-
1 Slicing UI 14 minutes
-
2 Slicing UI 23 minutes
-
3 Slicing UI 32 minutes
-
4 Slicing UI 42 minutes
-
5 Slicing UI 52 minutes
-
6 Integrate 14 minutes
-
7 Integrate 23 minutes
-
8 Integrate 35 minutes
-
9 Integrate 45 minutes
-
10 Integrate 56 minutes
-
11 Integrate 67 minutes
-
1 Slicing UI 13 minutes
-
2 Slicing UI 21 minutes
-
3 Slicing UI 35 minutes
-
4 Integrate data4 minutes
-
5 Integrate payment 16 minutes
-
6 Integrate payment 29 minutes
-
7 Integrate payment 32 minutes
-
8 Integrate payment with midtrans 18 minutes
-
9 Integrate payment with midtrans 27 minutes
-
10 Integrate payment with midtrans 35 minutes
-
11 Integrate payment with midtrans 47 minutes
-
1 Slicing UI5 minutes
-
1 Slicing UI 12 minutes
-
2 Slicing UI 21 minutes
-
3 Slicing UI 34 minutes
-
4 Integrate8 minutes
-
1 Slicing UI6 minutes
-
2 Integrate 17 minutes
-
3 Integrate 25 minutes
-
1 Prepare deploy 14 minutes
-
2 Deploy3 minutes
-
3 Fixing setelah deploy3 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.
Learn With Expert
Key Points
-
Belajar memaksimalkan Fitur yang ditawarkan dari Next Js
-
Belajar menggunakan Tailwind CSS untuk custom Component dari Shadcn/UI
-
Belajar menggunakan Prisma ORM untuk integrasi dengan database
-
Belajar membuat Authentication website menggunakan Lucia
-
Belajar menggunakan Supabase Storage untuk upload file
-
Belajar men-deploy website ke Vercel
-
Belajar integrasi payment gateway menggunakan midtrans
Created For
-
Anda yang ingin level-up skills
-
Anda yang ingin menguasai tools-tools berguna namun gratis
-
Anda yang ingin membangun portofolio yang cakep
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
366
Happy Students
Happy Students
Rizqy Dwi Syahputra
Lifetime Learner
Terima kasih kak atas ilmunya. Puas Banget bisa selesai Projectnya. Semoga Berkah
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 👌😊
Muhammad Abdiel Firjatullah
Full-Stack Developer
bagud
dwi
Lifetime Learner
good class
Syarif Hidayatulloh
Lifetime Learner
Materi yang disampaikan sangat bagus dan mudah dipahami
Kevin
Full-Stack Developer
Mantap
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
