Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full-Stack JavaScript Developer: Website Travel
Kelas Online
Full-Stack JavaScript Developer: Website Travel
Released date January 2020
Last updated March 2026
Member
10,577 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
MERN Stack adalah bagian dari Full-Stack Web Developer yang difokuskan kepada JavaScript (Full-Stack JavaScript Developer). M untuk MongoDB, E untuk ExpressJS, R untuk ReactJS, dan N untuk NodeJS. Kalian akan mempelajari semua hal tersebut pada kelas ini. Tapi bukan hanya sekedar ngoding aja namun kalian akan mulai dari bagian UI dan UX sehingga paham betul bagaimana caranya membangun suatu website yang memiliki better experience.
Tools pada kelas ini semuanya gratis dan pengguna OS apa saja dapat mengikutinya. Pertama kalian akan mulai merancang design website dari tahap melakukan riset dan pembuatan information architecture. Lalu setelah itu kita juga akan membuat Wireframe untuk digunakan sebagai gambaran kasar.
Setelah proses Wireframe selesai maka akan dilanjutkan kepada tahap Visual Design dan Web Development. Silakan bergabung untuk mempelajarinya lebih lanjut. Kami akan tunggu kalian di kelas ya.
Sneak Peek
Key Points
Belajar Menggunakan Library Reactjs
Belajar Membuat API dengan Nodejs & Expressjs
Belajar membuat reusable component react from scratch
Belajar mengolah DB non-sequel dengan mongodb
Belajar UI/UX dalam membangun suatu website booking hotel online
Belajar Usability-Testing dengan menganalisa behaviour pengguna website
Designed For
Cocok untuk yang ingin membangun website pencarian tempat berlibur
Diperuntukkan yang ingin mendalami library reactjs menggunakan framework nextjs
Bagi mereka yang ingin belajar UI/UX Design
Course Lessons
Learn With Expert
Angga Risky S
Full-Stack Developer
(464.4K)
Yein Narayana
Full-Stack Developer
(60K)
Elfin Sanjaya
Full-Stack Developer
(38.7K)
Muhammad Kholifah
Full-Stack Developer
materi sangat lengkap, penjelasan dari mentor sangat detail dan mudah dipahami read more
07 Nov 2025
Wiratama
Front-End Developer
Joss mantab banget pokoknya, lanjut terus min hahahahahahahahahahahahahahahahahaha read more
02 Nov 2025
Arvel Fausta
Lifetime Learner
Menjadi Full-Stack JavaScript Developer di proyek travel website sangat menarik karena menggabungkan sisi teknis, desain, dan pemahaman alur bisnis pariwisata. Cocok untuk kamu yang ingin membangun solusi read more
25 Jul 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Visual Studio Code
Software
Bootstrap CSS
Software
InVision App
Software
React JS
Software
Node JS
Software
GitHub
Software
Figma
Software
Express JS
Software
#BeyondPremium
Tampaknya kelas ini sedang menutup pendaftaran baru.
Silahkan menunggu pendaftaran batch selanjutnya.
Silahkan menunggu pendaftaran batch selanjutnya.
Similar Courses
(3,544)
.png)
(2,497)
(1,956)
Full-Stack JavaScript Developer: Website Travel
-
Brief ProjectVideo 5 minutes -
Break HeulaVideo 1 minutes
-
Customer Part 1Video 3 minutes
-
Customer Part 2Video 4 minutes
-
Customer Part 3Video 5 minutes
-
Break Heula AgainVideo 1 minutes
-
Information Architecture Part 1Video 4 minutes
-
Information Architecture Part 2Video 3 minutes
-
Break SebentarVideo 1 minutes
-
UX User Flow Part 1Video 6 minutes
-
UX User Flow Part 2Video 6 minutes -
UX User Flow Part 3Video 5 minutes
-
Share UX ProjectVideo 1 minutes
-
PersiapanVideo 1 minutes
-
Part 1Video 5 minutes
-
Part 2Video 5 minutes
-
Part 3Video 4 minutes
-
Part 4Video 4 minutes
-
Part 5Video 3 minutes
-
Part 6Video 8 minutes
-
PerkenalanVideo 1 minutes
-
New MoodBoardVideo 4 minutes
-
Color SchemeVideo 5 minutes
-
Icon Design InspirationVideo 4 minutes
-
Illustration Empty StatesVideo 2 minutes
-
Pemilihan Font TipografiVideo 7 minutes
-
Perkenalan FigmaVideo 4 minutes
-
Grid SystemVideo 3 minutes
-
Logo & NavigationVideo 5 minutes
-
Coloring LogoVideo 6 minutes
-
Hero Banner TitleVideo 6 minutes
-
UX Above the FoldVideo 7 minutes
-
CTA ButtonVideo 5 minutes
-
Drop ShadowsVideo 4 minutes
-
ComponentsVideo 4 minutes
-
Banner ImageVideo 4 minutes
-
Customize FrameVideo 4 minutes
-
Data Placeholder StatisticVideo 4 minutes
-
Icon TravelerVideo 6 minutes
-
Icon Treasure & CitiesVideo 10 minutes
-
Export & Resize IconsVideo 5 minutes
-
ColumnVideo 4 minutes
-
Linear GradientVideo 7 minutes
-
Tugas DesignVideo 3 minutes
-
Badge HotelVideo 5 minutes
-
Other ItemsVideo 5 minutes
-
New BadgeVideo 3 minutes
-
Add ImageVideo 5 minutes
-
Icon StarVideo 4 minutes
-
UX ContentVideo 6 minutes
-
Design FooterVideo 5 minutes
-
CopyrightVideo 2 minutes
-
DetailsVideo 5 minutes
-
House PhotosVideo 5 minutes
-
Room DescriptionsVideo 3 minutes
-
Features dan IconsVideo 7 minutes
-
Lamp IconVideo 3 minutes
-
Bathroom IconVideo 3 minutes
-
Dining Room IconVideo 5 minutes
-
Wifi IconVideo 2 minutes
-
AC IconVideo 3 minutes
-
Others IconVideo 4 minutes
-
Booking FormVideo 8 minutes
-
Calendar ModuleVideo 4 minutes
-
Icon CalendarVideo 6 minutes
-
CTA ButtonVideo 5 minutes
-
Tweking DesignVideo 3 minutes
-
Treasure SectionVideo 2 minutes
-
Story SectionVideo 2 minutes
-
Item BookingVideo 5 minutes
-
Stepper SectionVideo 5 minutes
-
Form CustomerVideo 3 minutes
-
Design Button CTAVideo 2 minutes
-
UX StepperVideo 4 minutes
-
Payment SectionVideo 6 minutes
-
Final PageVideo 3 minutes
-
Sketching IllustrationVideo 3 minutes
-
Shapes IllustrationVideo 6 minutes
-
New ElementsVideo 6 minutes
-
Export IllustrationVideo 2 minutes
-
UI AnimationVideo 4 minutes
-
UI PrototypeVideo 5 minutes
-
Final PrototypeVideo 4 minutes
-
Persiapan KolaborasiVideo 3 minutes
-
PresentationVideo 9 minutes
-
Feedback DesignVideo 2 minutes
-
Slicing Design AssetVideo 3 minutes
-
Inspect Design ElementVideo 2 minutes
-
Support DeveloperVideo 1 minutes
-
Pengenalan projectVideo 2 minutes
-
Tools requiredVideo 3 minutes
-
Persiapan workspace part 1Video 6 minutes
-
Persiapan workspace part 2Video 5 minutes
-
Mempersiapkan component buttonVideo 4 minutes
-
Mempersiapkan component button part 2Video 7 minutes
-
Mempersiapkan component button part 3Video 4 minutes
-
Testing component buttonVideo 5 minutes
-
Testing component button part 2Video 6 minutes
-
Commit component buttonVideo 2 minutes
-
Update variable colorVideo 5 minutes
-
Create logo as parts componentsVideo 4 minutes
-
Persiapan Slicing headerVideo 3 minutes
-
Mulai slicing header componentVideo 6 minutes
-
Styling navbar headerVideo 5 minutes
-
Troubleshooting ketika mengalami salah penutupan tag + commit gitVideo 6 minutes
-
Export image from figmaVideo 5 minutes
-
Import image to hero jsVideo 5 minutes
-
Menyusun component heroVideo 7 minutes
-
Menyusun component hero part 2Video 7 minutes
-
Menyusun component hero part 3Video 6 minutes
-
Styling Component HeroVideo 6 minutes
-
Styling Component Hero Part 2Video 3 minutes
-
Number Format with internationalization browser APIVideo 3 minutes
-
Penjelasan singkat section mostpickedVideo 2 minutes
-
export image dari figma + contoh menggunakan grid bootstrapVideo 4 minutes
-
display grid + simple grid markupVideo 6 minutes
-
markup mostpicked completeVideo 6 minutes
-
mostpicked styling cssVideo 7 minutes
-
mostpicked styling css part 2Video 6 minutes
-
mostpicked styling css part 3Video 3 minutes
-
double check kerjaan di section mostpickedVideo 4 minutes
-
Penjelasan Section CategoriesVideo 2 minutes
-
Component categoriesVideo 6 minutes
-
Component categories part 2Video 5 minutes
-
Component categories part 3 sampai conclusion component categoriesVideo 3 minutes
-
Penjelasan Section Testimonial + Export assetsVideo 3 minutes
-
Smart component starVideo 7 minutes
-
Smart component star part 2Video 2 minutes
-
Styling component starVideo 6 minutes
-
Styling component star part 2Video 2 minutes
-
Testing component starVideo 6 minutes
-
Component testimonyVideo 6 minutes
-
Component testimony part 2Video 4 minutes
-
Styling component testimonyVideo 4 minutes
-
Penjelasan dan mulai menulis component footerVideo 7 minutes
-
Component footer part 2Video 7 minutes
-
Component footer part 3Video 5 minutes
-
menambahkan react revealVideo 7 minutes
-
Penjelasan singkat item detailsVideo 3 minutes
-
Persiapan untuk slicing item detailsVideo 4 minutes
-
component element input numberVideo 7 minutes
-
component element input number part 2Video 6 minutes
-
styling input numberVideo 3 minutes
-
testing input numberVideo 6 minutes
-
contoh input numberVideo 4 minutes
-
Elements input date dan pengenalan singkat hooks useEffect dan useRefVideo 4 minutes
-
Elements input date part 2Video 13 minutes
-
Elements input date part 3Video 4 minutes
-
Styling input dateVideo 5 minutes
-
Testing input date part 2Video 2 minutes
-
Contoh input dateVideo 3 minutes
-
Testing input date + utils formatDateVideo 6 minutes
-
Element breadcrumbVideo 4 minutes
-
Styling breadcrumbVideo 1 minutes
-
Testing breadcrumbVideo 2 minutes
-
Sample breadcrumbVideo 2 minutes
-
Parts page detail titleVideo 4 minutes
-
Parts page detail title part 2Video 4 minutes
-
detail page featured imageVideo 4 minutes
-
page detail descriptionVideo 6 minutes
-
page detail description bug fixVideo 2 minutes
-
booking formVideo 6 minutes
-
booking form part 2Video 7 minutes
-
styling booking formVideo 5 minutes
-
menyelesaikan details pageVideo 5 minutes
-
Intro checkout pageVideo 3 minutes
-
Improve parts headerVideo 2 minutes
-
Sneak peak component stepperVideo 2 minutes
-
Component StepperVideo 7 minutes
-
Component ControllerVideo 1 minutes
-
Component main contentVideo 1 minutes
-
Component metaVideo 2 minutes
-
Component numberingVideo 3 minutes
-
Styling numberingVideo 10 minutes
-
Component input textVideo 7 minutes
-
Styling input textVideo 2 minutes
-
Component input fileVideo 5 minutes
-
Booking InformationVideo 8 minutes
-
PaymentVideo 8 minutes
-
CompletedVideo 2 minutes
-
Checkout pageVideo 6 minutes
-
Checkout page part 2Video 4 minutes
-
End slicing sessionVideo 4 minutes
-
Roadmap Node JSVideo 1 minutes
-
Intro Node JSVideo 3 minutes
-
ToolsVideo 1 minutes
-
Install Node JS on WindowsVideo 2 minutes
-
How to Use Node with REPL & File JSVideo 5 minutes
-
Module build inVideo 4 minutes
-
Module npmVideo 5 minutes
-
Membuat module sendiriVideo 6 minutes
-
Install Express JS with Node JSVideo 3 minutes
-
Belajar Menangani Routing dan Instalasi Nodemon DevelopmentVideo 6 minutes
-
Instalasi Template Engine EJSVideo 4 minutes
-
Belajar Parsing dataVideo 4 minutes
-
Installing MongoDB on Windows CompassVideo 3 minutes
-
Mengenal Mongoose dan Create DataVideo 10 minutes
-
Membaca data dari database mongodb menggunakan mongooseVideo 4 minutes
-
Validasi data menggunakan mongooseVideo 5 minutes
-
Update dan Delete data menggunakan MongooseVideo 6 minutes
-
Membuat relationship dan memasukkan data menggunakan mongooseVideo 6 minutes
-
Schema Staycation Part 1Video 4 minutes
-
Schema Staycation part 2Video 5 minutes
-
Schema Staycation part 3Video 6 minutes
-
Install Express GeneratorVideo 3 minutes
-
Create Structure folder Express JSVideo 4 minutes
-
Install Mongoose & Create Models Part 1Video 5 minutes
-
Validasi MongooseVideo 1 minutes
-
Install Mongoose & Create Models Part 2Video 6 minutes
-
Install Mongoose & Create Models Part 3Video 6 minutes
-
Install sbadmin2Video 2 minutes
-
Integrasi template sbadmin2Video 7 minutes
-
Pemisahan Template dan ContentVideo 7 minutes
-
View DashboardVideo 6 minutes
-
Setting Sidebar and Navbar Project StaycationVideo 5 minutes
-
Setting url Admin StaycationVideo 2 minutes
-
View CategoryVideo 10 minutes
-
View BankVideo 4 minutes
-
View ItemVideo 6 minutes
-
View BookingVideo 5 minutes
-
Membuat Koneksi DatabaseVideo 2 minutes
-
CRUD Project Staycation Category CreateVideo 7 minutes
-
CRUD Project Staycation Category ReadVideo 5 minutes
-
CRUD Project Staycation Update Part 1Video 7 minutes
-
CRUD Project Staycation Update Part 2Video 6 minutes
-
CRUD Project Staycation DeleteVideo 4 minutes
-
Handle Error with try catch and validasi input requiredVideo 3 minutes
-
Alert Message &Title DinamisVideo 12 minutes
-
CRUD Project Staycation Bank CreateVideo 13 minutes
-
CRUD Project Staycation Bank ReadVideo 3 minutes
-
CRUD Project Staycation Bank UpdateVideo 12 minutes
-
CRUD Project Staycation Bank DeleteVideo 3 minutes
-
Repair Relasi Project StaycationVideo 3 minutes
-
View Item with Nav TabsVideo 7 minutes
-
CRUD Project Staycation Item CreateVideo 18 minutes
-
CRUD Project Staycation Item ReadVideo 5 minutes
-
Show image Project Staycation ItemVideo 11 minutes
-
Show Item Single by idVideo 8 minutes
-
CRUD Projrect Staycation Item UpdateVideo 10 minutes
-
CRUD Project Staycation Item DeleteVideo 6 minutes
-
Detail Item Project Staycation Show Feature & ActivityVideo 14 minutes
-
CRUD Project Staycation Create FeatureVideo 11 minutes
-
CRUD Project Staycation Read FeatureVideo 3 minutes
-
CRUD Project Staycation Update FeatureVideo 8 minutes
-
CRUD Project Staycation Delete FeatureVideo 8 minutes
-
CRUD Project Staycation Create ActivityVideo 5 minutes
-
CRUD Project Staycation Read ActivityVideo 2 minutes
-
CRUD Project Staycation Update ActivityVideo 5 minutes
-
CRUD Project Staycation Delete ActivityVideo 4 minutes
-
Add Schema Users and SeederVideo 14 minutes
-
Login Project StaycationVideo 8 minutes
-
Autentikasi Project StaycationVideo 5 minutes
-
Logout Project StaycationVideo 5 minutes
-
Booking Project StaycationVideo 9 minutes
-
Show Detail BookingVideo 15 minutes
-
Action Confirmation and Reject booking Project StaycationVideo 8 minutes
-
Dashboard Project StaycationVideo 5 minutes
-
API Landing Page Project Staycation Part 1Video 6 minutes
-
API Landing Page Project Staycation Part 2Video 10 minutes
-
API Landing Page Project Staycation Part 3Video 7 minutes
-
API Landing Page Project Staycation Part 4Video 8 minutes
-
API Landing Page Project Staycation Part 5Video 2 minutes
-
API Detail Page Project StaycationVideo 7 minutes
-
API Booking Project Staycation Part 1Video 9 minutes
-
API Booking Project Staycation Part 2Video 10 minutes
-
Documentation API with PostmanVideo 5 minutes
-
Testing API Landing PageVideo 12 minutes
-
Testing API Detail PageVideo 6 minutes
-
Testing API Booking PageVideo 10 minutes
-
Persiapan ToolsVideo 1 minutes
-
Create Akun HerokuVideo 3 minutes
-
Create Repository GithubVideo 3 minutes
-
Create akun mongodb atlasVideo 5 minutes
-
Deploy HerokuVideo 10 minutes
-
Instalasi ReduxVideo 4 minutes
-
Actions, Reducers, Provider, store installedVideo 4 minutes
-
Connect item details to checkout booking pageVideo 6 minutes
-
Try checkout bookingVideo 9 minutes
-
Setup postman to test ready endpointVideo 4 minutes
-
Action fetchPageVideo 5 minutes
-
Action fetchPage part 2Video 5 minutes
-
Tracing error while integration landing pageVideo 6 minutes
-
Tracing error while integration landing page part 2Video 7 minutes
-
Tracing error while integration landing page part 3Video 2 minutes
-
API integration item details pageVideo 6 minutes
-
API integration item details page part 2Video 7 minutes
-
API integration item details page part 3Video 7 minutes
-
API integration item details page part 4Video 4 minutes
-
API integration item details page part 5Video 7 minutes
-
Setup postman method post checkoutVideo 5 minutes
-
Integrasi checkout pageVideo 7 minutes
-
Integrasi checkout page part 2Video 7 minutes
-
Integrasi checkout page part 3Video 6 minutes
-
Axios interceptorVideo 6 minutes
-
Error handler with toasterVideo 2 minutes
-
React Router DOM Part 1Video 12 minutes
-
React Router DOM Part 2Video 15 minutes
-
React Router DOM Part 3Video 14 minutes
-
React Router DOM Part 4Video 15 minutes
-
React Router DOM Part 5Video 12 minutes
-
Responsive Part 1Video 15 minutes
-
Responsive Part 2Video 15 minutes
-
Responsive Part 3Video 15 minutes
-
Responsive Part 4Video 18 minutes
Member
10,577
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
MERN Stack adalah bagian dari Full-Stack Web Developer yang difokuskan kepada JavaScript (Full-Stack JavaScript Developer). M untuk MongoDB, E untuk ExpressJS, R untuk ReactJS, dan N untuk NodeJS. Kalian akan mempelajari semua hal tersebut pada kelas ini. Tapi bukan hanya sekedar ngoding aja namun kalian akan mulai dari bagian UI dan UX sehingga paham betul bagaimana caranya membangun suatu website yang memiliki better experience.
Tools pada kelas ini semuanya gratis dan pengguna OS apa saja dapat mengikutinya. Pertama kalian akan mulai merancang design website dari tahap melakukan riset dan pembuatan information architecture. Lalu setelah itu kita juga akan membuat Wireframe untuk digunakan sebagai gambaran kasar.
Setelah proses Wireframe selesai maka akan dilanjutkan kepada tahap Visual Design dan Web Development. Silakan bergabung untuk mempelajarinya lebih lanjut. Kami akan tunggu kalian di kelas ya.
read more
Learn With Expert
Key Points
-
Belajar Menggunakan Library Reactjs
-
Belajar Membuat API dengan Nodejs & Expressjs
-
Belajar membuat reusable component react from scratch
-
Belajar mengolah DB non-sequel dengan mongodb
-
Belajar UI/UX dalam membangun suatu website booking hotel online
-
Belajar Usability-Testing dengan menganalisa behaviour pengguna website
Created For
-
Cocok untuk yang ingin membangun website pencarian tempat berlibur
-
Diperuntukkan yang ingin mendalami library reactjs menggunakan framework nextjs
-
Bagi mereka yang ingin belajar UI/UX Design
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
10,577
Happy Students
Happy Students
Alfina Balqis
Front-End Developer
materi mudah dipahami
03 Mar 2026
ANDI Muh Mappanganro
Full-Stack Developer
materi mudah dipahami
19 Feb 2026
Waluyo Ade Prasetio
Full-Stack Developer
SUdah oke dan baik sekali
28 Dec 2025
Muhammad Kholifah
Full-Stack Developer
materi sangat lengkap, penjelasan dari mentor sangat detail dan mudah dipahami
07 Nov 2025
wiratama
Front-End Developer
Joss mantab banget pokoknya, lanjut terus min hahahahahahahahahahahahahahahahahaha
02 Nov 2025
Arvel Fausta
Lifetime Learner
Menjadi Full-Stack JavaScript Developer di proyek travel website sangat menarik karena menggabungkan sisi teknis, desain, dan pemahaman alur bisnis pariwisata. Cocok untuk kamu yang ingin membangun solusi
25 Jul 2025
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.
