Kelas Online
Full-Stack JavaScript Developer Next JS: Booking Flight Ticket
Build a modern website from scratch
Release date March 2024
Last updated April 2024
Member
11 enrolled
Tingkatan
Sertifikat
Konsultasi
115 lessons (9.63 hours)
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.
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
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Featured Projects
0 Hasil karya terbaik di kelas Full-Stack JavaScript Developer Next JS: Booking Flight Ticket
Belum ada hasil karya
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 690,000
Rp 350,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Free akses kelas Freemium
Lowongan magang dan kerja
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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
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.
Happy Students
Rp 350,000
Rp 690,000