Akses kelas selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full-Stack JavaScript Next JS Developer: Build Job Portal Website
Kelas Online
Full-Stack JavaScript Next JS Developer: Build Job Portal Website
Mastering JavaScript and become professional developer
Release date August 2023
Last updated November 2024
Member
683 enrolled
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
JavaScript saat ini dapat digunakan di berbagai platform seperti website, mobile, desktop, dan lainnya. Perusahaan juga saat ini lebih sering merekruit JavaScript developer untuk mengembangkan software mereka menggunakan 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 memposting dan melamar pekerjaan secara online. Kita akan belajar menggunakan framework popular yaitu adalah Next JS.
Alasan utama menggunakan Next JS adalah karena server side render (SSR) sehingga dapat meningkatkan perfomance dan SEO pada website yang akan kita bangun nantinya. Selain itu juga komunitasnya sudah banyak sehingga apabila ada kendala belajar maka kita bisa bertanya kepada mentor melalui forum atau group lainnya.
Kita akan belajar menggunakan Supabase untuk mengatasi dari sisi backend sebagaimana tempat kita menyimpan data seperti pengguna, pekerjaan, pelamar kerja, dan sebagainya. Lalu untuk menghubungkan projek website job portal kita dengan database tersebut maka kita bisa menggunakan Prisma.
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 berintegrasi dengan database
Belajar membuat Authentication website menggunakan NextAuth
Belajar menggunakan Supabase Storage untuk upload file
Belajar men-deploy website ke Vercel
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.3K)
.png)
R. Agus Iman Sudrajat
Front-End Developer
Kursus ini sangat membantu dalam memperluas pemahaman saya tentang konsep-konsep dasar pemrograman. Penjelasan yang disajikan sangat jelas dan mudah dipahami, namun saya berharap ada lebih banyak latihan praktis untuk memperkuat pemahaman konsep-konsep tersebut. read more
Khaerul Falah
Front-End Developer
Berguna bagi yang ingin mempelajari next js lebih mendalam read more
Naza Zulfiqi
Full-Stack Developer
Materi nya bagus, mungkin untuk build component reuseable bisa dibuat dari 0 bareng-bareng. 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 550,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
.jpg)
.png)
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 Next JS Developer: Build Job Portal Website
Mastering JavaScript and become professional developer
-
Intro Mentor + website yang akan dibangun1 minutes -
Intro Tech Stack yang akan digunakan2 minutes
-
-
Intro Instalasi Shadcnui untuk applicant6 minutes
-
Intro Instalasi Shadcnui untuk company5 minutes
-
Intro Setup Repository using Github5 minutes
-
Slicing Setup layout6 minutes
-
Slicing Sidebar Component14 minutes
-
Slicing Header Component4 minutes
-
Slicing Post Job Page 115 minutes
-
Slicing Post Job Page 210 minutes
-
Slicing Post Job Page 39 minutes
-
Slicing Post Job Page 48 minutes
-
Slicing Post Job Page 58 minutes
-
Slicing Post Job Page 62 minutes
-
Slicing Job Listing Page9 minutes
-
Slicing Job Detail 113 minutes
-
Slicing Job Detail 214 minutes
-
Slicing Setting Page4 minutes
-
Slicing Settings Overview Component 17 minutes
-
Slicing Settings Overview Component 28 minutes
-
Slicing Settings Overview Component 39 minutes
-
Slicing Settings Overview Component 47 minutes
-
Slicing Settings Social Links Component9 minutes
-
Slicing Settings Teams Component 19 minutes
-
Slicing Settings Teams Component 24 minutes
-
Slicing Settings Teams Component 35 minutes
-
Slicing Organize Layout for auth page6 minutes
-
Slicing Sign In Page7 minutes
-
Slicing Sign Up Page3 minutes
-
Integration Install Setup Prisma ORM4 minutes
-
Integration Setup Database Railway2 minutes
-
Integration DB Schema using prisma15 minutes
-
Integration Setup prisma client2 minutes
-
Integration Setup Supabase For Storage4 minutes
-
-
Integration Install Next Auth2 minutes
-
Integration Sign Up12 minutes
-
Integration Sign In 110 minutes
-
Integration Sign In 25 minutes
-
Integration Header2 minutes
-
Integration Logout2 minutes
-
Integration Post Job 110 minutes
-
Integration Post Job 28 minutes
-
Integration Job Listing5 minutes
-
Integration Detail Job 19 minutes
-
Integration Detail Job 26 minutes
-
Integration Settings Overview 15 minutes
-
Integration Settings Overview 25 minutes
-
Integration Settings Overview 313 minutes
-
Integration Settings Overview 43 minutes
-
Integration Settings Social Links6 minutes
-
Integration Setting Teams6 minutes
-
Slicing Setup Layout Themes6 minutes
-
Slicing Navbar Component5 minutes
-
Slicing Hero Component 110 minutes
-
Slicing Hero Component 27 minutes
-
Slicing Clients Component4 minutes
-
Slicing Category Component9 minutes
-
Slicing Banner Signup Component4 minutes
-
Slicing Featured Jobs Component9 minutes
-
Slicing Latest Jobs Component10 minutes
-
Slicing Footer Component12 minutes
-
Slicing Setup layout 17 minutes
-
Slicing Setup layout 22 minutes
-
Slicing Reusable Form Search3 minutes
-
Slicing Penyesuaian Form Search 11 minutes
-
Slicing Penyesuaian Form Search 22 minutes
-
Slicing Reusable Form Filter 13 minutes
-
Slicing Reusable Form Filter 213 minutes
-
Slicing Reusable Form Filter 34 minutes
-
Slicing Reusable Form Filter 45 minutes
-
Slicing Job Card 19 minutes
-
Slicing Job Card 22 minutes
-
Slicing Penyesuaian Props pada ExploreDataContainer7 minutes
-
Slicing Setup Form Schema & Page Find Companies6 minutes
-
Slicing Company Card 17 minutes
-
Slicing Company Card 21 minutes
-
Slicing Detail Job 19 minutes
-
Slicing Detail Job 28 minutes
-
Slicing Detail Job 37 minutes
-
Slicing Modal Apply Job Setup Form Schema, Instal Dialog Component5 minutes
-
Slicing Modal Apply Job 18 minutes
-
Slicing Modal Apply Job 25 minutes
-
Slicing Modal Apply Job 310 minutes
-
Slicing Detail Company 19 minutes
-
Slicing Detail Company 29 minutes
-
Slicing Detail Company 35 minutes
-
Slicing Sign In 18 minutes
-
Slicing Sign In 28 minutes
-
Slicing Sign Up5 minutes
-
Integration Preparation Install Setup Prisma ORM8 minutes
-
Integration Preparation Copy Utils Function for upload file using Supabase-Js from existing6 minutes
-
Integration Preparation Install Next Auth2 minutes
-
Integration preparation part tambahan1 minutes
-
Integration Sign Up 17 minutes
-
Integration Sign Up 29 minutes
-
Integration Sign In 110 minutes
-
Integration Sign In 25 minutes
-
Integration Sign In 310 minutes
-
Integration Category 110 minutes
-
Integration Category 22 minutes
-
Integration Featured Job 117 minutes
-
Integration Featured Job 26 minutes
-
Integration custom hooks jobs2 minutes
-
Integration Latest Jobs3 minutes
-
Integration part tambahan3 minutes
-
Integration Find Job 17 minutes
-
Integration Find Job 26 minutes
-
Integration Find Job 311 minutes
-
Integration Find Companies 19 minutes
-
Integration Find Companies 213 minutes
-
Integration Detail Job 111 minutes
-
Integration Detail Job 28 minutes
-
Integration Modal Apply Job 15 minutes
-
Integration Modal Apply Job 212 minutes
-
Integration Fixing Bug12 minutes
-
Integration Detail Company12 minutes
-
Deploy preparing17 minutes
-
Deploy to Vercel3 minutes
-
Intro translation1 minutes
-
Install package translation7 minutes
-
Membuat komponen language switcher5 minutes
-
Memindahkan file translation ke json2 minutes
-
Menyimpan language ke local storage5 minutes
-
Implementasi translation7 minutes
Develop Your Skills
JavaScript saat ini dapat digunakan di berbagai platform seperti website, mobile, desktop, dan lainnya. Perusahaan juga saat ini lebih sering merekruit JavaScript developer untuk mengembangkan software mereka menggunakan 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 memposting dan melamar pekerjaan secara online. Kita akan belajar menggunakan framework popular yaitu adalah Next JS.
Alasan utama menggunakan Next JS adalah karena server side render (SSR) sehingga dapat meningkatkan perfomance dan SEO pada website yang akan kita bangun nantinya. Selain itu juga komunitasnya sudah banyak sehingga apabila ada kendala belajar maka kita bisa bertanya kepada mentor melalui forum atau group lainnya.
Kita akan belajar menggunakan Supabase untuk mengatasi dari sisi backend sebagaimana tempat kita menyimpan data seperti pengguna, pekerjaan, pelamar kerja, dan sebagainya. Lalu untuk menghubungkan projek website job portal kita dengan database tersebut maka kita bisa menggunakan Prisma.
Okay people with the spirit of learning, silahkan bergabung dan kami akan tunggu di kelas.
read more
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 berintegrasi dengan database
-
Belajar membuat Authentication website menggunakan NextAuth
-
Belajar menggunakan Supabase Storage untuk upload file
-
Belajar men-deploy website ke Vercel
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
683
Happy Students
Happy Students
R. Agus Iman Sudrajat
Front-End Developer
Kursus ini sangat membantu dalam memperluas pemahaman saya tentang konsep-konsep dasar pemrograman. Penjelasan yang disajikan sangat jelas dan mudah dipahami, namun saya berharap ada lebih banyak latihan praktis untuk memperkuat pemahaman konsep-konsep tersebut.
Khaerul Falah
Front-End Developer
Berguna bagi yang ingin mempelajari next js lebih mendalam
Naza Zulfiqi
Full-Stack Developer
Materi nya bagus, mungkin untuk build component reuseable bisa dibuat dari 0 bareng-bareng.
Fevint Khrisma Dwinanda
Lifetime Learner
naise
Daffa Ramadhan
Quality Assurance
good
dwi
Lifetime Learner
menambah ilmu thanks a lot
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.
