Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full-Stack JavaScript Developer: Website Travel
Kelas Online
Full-Stack JavaScript Developer: Website Travel
Learn how to build a real project from scratch
Release date January 2020
Last updated November 2023
Member
10,577 enrolled
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
.png)
Angga Risky
Full-Stack Developer
(413K)
.png)
Yein Narayana
Full-Stack Developer
(57K)
Elfin Sanjaya
Full-Stack Developer
(37.6K)
Muhamad Akmal
Lifetime Learner
Terjangkau harganya namun Materi Sangat Berkualitas, sangat mudah menangkap apa yang disampaikan dari sang pemateri! Sukses terus untuk mas Angga, Mas Yein dan Mas Elfin sebagai mentor! Terimakasih Banyak! read more
Kurniawan
Full-Stack Developer
Materinya daging sekali... Kalau saya boleh minta request, diakhir video tolong dibahas responsivenya dong mas.. terimaksih buat mas angga sudah buat platform keren ini. read more
Edi Koswara
Full-Stack Developer
Pelajaranya mudah dipahami, salain fokus pada modul pembelajaran juga diajarkan teknologi pendukung read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
#BeyondPremium
Tampaknya kelas ini sedang menutup pendaftaran baru.
Silahkan menunggu pendaftaran batch selanjutnya.
Silahkan menunggu pendaftaran batch selanjutnya.
Similar Courses
Full-Stack Web Developer
Rp 390,000
(10,938)
(5,753)
.png)
.png)
Full-Stack Web Developer: Toko Online
Rp 550,000
(5,401)
Full-Stack JavaScript Developer: Website Travel
Learn how to build a real project from scratch
-
Brief Project5 minutes -
Break Heula1 minutes
-
Customer Part 13 minutes
-
Customer Part 24 minutes
-
Customer Part 35 minutes
-
Break Heula Again1 minutes
-
Information Architecture Part 14 minutes
-
Information Architecture Part 23 minutes
-
Break Sebentar1 minutes
-
UX User Flow Part 16 minutes
-
UX User Flow Part 26 minutes
-
UX User Flow Part 35 minutes
-
Share UX Project1 minutes
-
Persiapan1 minutes
-
Part 15 minutes
-
Part 25 minutes
-
Part 34 minutes
-
Part 44 minutes
-
Part 53 minutes
-
Part 68 minutes
-
Perkenalan1 minutes
-
New MoodBoard4 minutes
-
Color Scheme5 minutes
-
Icon Design Inspiration4 minutes
-
Illustration Empty States2 minutes
-
Pemilihan Font Tipografi7 minutes
-
Perkenalan Figma4 minutes
-
Grid System3 minutes
-
Logo & Navigation5 minutes
-
Coloring Logo6 minutes
-
Hero Banner Title6 minutes
-
UX Above the Fold7 minutes
-
CTA Button5 minutes
-
Drop Shadows4 minutes
-
Components4 minutes
-
Banner Image4 minutes
-
Customize Frame4 minutes
-
Data Placeholder Statistic4 minutes
-
Icon Traveler6 minutes
-
Icon Treasure & Cities10 minutes
-
Export & Resize Icons5 minutes
-
Column4 minutes
-
Linear Gradient7 minutes
-
Tugas Design3 minutes
-
Badge Hotel5 minutes
-
Other Items5 minutes
-
New Badge3 minutes
-
Add Image5 minutes
-
Icon Star4 minutes
-
UX Content6 minutes
-
Design Footer5 minutes
-
Copyright2 minutes
-
Details5 minutes
-
House Photos5 minutes
-
Room Descriptions3 minutes
-
Features dan Icons7 minutes
-
Lamp Icon3 minutes
-
Bathroom Icon3 minutes
-
Dining Room Icon5 minutes
-
Wifi Icon2 minutes
-
AC Icon3 minutes
-
Others Icon4 minutes
-
Booking Form8 minutes
-
Calendar Module4 minutes
-
Icon Calendar6 minutes
-
CTA Button5 minutes
-
Tweking Design3 minutes
-
Treasure Section2 minutes
-
Story Section2 minutes
-
Item Booking5 minutes
-
Stepper Section5 minutes
-
Form Customer3 minutes
-
Design Button CTA2 minutes
-
UX Stepper4 minutes
-
Payment Section6 minutes
-
Final Page3 minutes
-
Sketching Illustration3 minutes
-
Shapes Illustration6 minutes
-
New Elements6 minutes
-
Export Illustration2 minutes
-
UI Animation4 minutes
-
UI Prototype5 minutes
-
Final Prototype4 minutes
-
Persiapan Kolaborasi3 minutes
-
Presentation9 minutes
-
Feedback Design2 minutes
-
Slicing Design Asset3 minutes
-
Inspect Design Element2 minutes
-
Support Developer1 minutes
-
Pengenalan project2 minutes
-
Tools required3 minutes
-
Persiapan workspace part 16 minutes
-
Persiapan workspace part 25 minutes
-
Mempersiapkan component button4 minutes
-
Mempersiapkan component button part 27 minutes
-
Mempersiapkan component button part 34 minutes
-
Testing component button5 minutes
-
Testing component button part 26 minutes
-
Commit component button2 minutes
-
Update variable color5 minutes
-
Create logo as parts components4 minutes
-
Persiapan Slicing header3 minutes
-
Mulai slicing header component6 minutes
-
Styling navbar header5 minutes
-
Troubleshooting ketika mengalami salah penutupan tag + commit git6 minutes
-
Export image from figma5 minutes
-
Import image to hero js5 minutes
-
Menyusun component hero7 minutes
-
Menyusun component hero part 27 minutes
-
Menyusun component hero part 36 minutes
-
Styling Component Hero6 minutes
-
Styling Component Hero Part 23 minutes
-
Number Format with internationalization browser API3 minutes
-
Penjelasan singkat section mostpicked2 minutes
-
export image dari figma + contoh menggunakan grid bootstrap4 minutes
-
display grid + simple grid markup6 minutes
-
markup mostpicked complete6 minutes
-
mostpicked styling css7 minutes
-
mostpicked styling css part 26 minutes
-
mostpicked styling css part 33 minutes
-
double check kerjaan di section mostpicked4 minutes
-
Penjelasan Section Categories2 minutes
-
Component categories6 minutes
-
Component categories part 25 minutes
-
Component categories part 3 sampai conclusion component categories3 minutes
-
Penjelasan Section Testimonial + Export assets3 minutes
-
Smart component star7 minutes
-
Smart component star part 22 minutes
-
Styling component star6 minutes
-
Styling component star part 22 minutes
-
Testing component star6 minutes
-
Component testimony6 minutes
-
Component testimony part 24 minutes
-
Styling component testimony4 minutes
-
Penjelasan dan mulai menulis component footer7 minutes
-
Component footer part 27 minutes
-
Component footer part 35 minutes
-
menambahkan react reveal7 minutes
-
Penjelasan singkat item details3 minutes
-
Persiapan untuk slicing item details4 minutes
-
component element input number7 minutes
-
component element input number part 26 minutes
-
styling input number3 minutes
-
testing input number6 minutes
-
contoh input number4 minutes
-
Elements input date dan pengenalan singkat hooks useEffect dan useRef4 minutes
-
Elements input date part 213 minutes
-
Elements input date part 34 minutes
-
Styling input date5 minutes
-
Testing input date part 22 minutes
-
Contoh input date3 minutes
-
Testing input date + utils formatDate6 minutes
-
Element breadcrumb4 minutes
-
Styling breadcrumb1 minutes
-
Testing breadcrumb2 minutes
-
Sample breadcrumb2 minutes
-
Parts page detail title4 minutes
-
Parts page detail title part 24 minutes
-
detail page featured image4 minutes
-
page detail description6 minutes
-
page detail description bug fix2 minutes
-
booking form6 minutes
-
booking form part 27 minutes
-
styling booking form5 minutes
-
menyelesaikan details page5 minutes
-
Intro checkout page3 minutes
-
Improve parts header2 minutes
-
Sneak peak component stepper2 minutes
-
Component Stepper7 minutes
-
Component Controller1 minutes
-
Component main content1 minutes
-
Component meta2 minutes
-
Component numbering3 minutes
-
Styling numbering10 minutes
-
Component input text7 minutes
-
Styling input text2 minutes
-
Component input file5 minutes
-
Booking Information8 minutes
-
Payment8 minutes
-
Completed2 minutes
-
Checkout page6 minutes
-
Checkout page part 24 minutes
-
End slicing session4 minutes
-
Roadmap Node JS1 minutes
-
Intro Node JS3 minutes
-
Tools1 minutes
-
Install Node JS on Windows2 minutes
-
How to Use Node with REPL & File JS5 minutes
-
Module build in4 minutes
-
Module npm5 minutes
-
Membuat module sendiri6 minutes
-
Install Express JS with Node JS3 minutes
-
Belajar Menangani Routing dan Instalasi Nodemon Development6 minutes
-
Instalasi Template Engine EJS4 minutes
-
Belajar Parsing data4 minutes
-
Installing MongoDB on Windows Compass3 minutes
-
Mengenal Mongoose dan Create Data10 minutes
-
Membaca data dari database mongodb menggunakan mongoose4 minutes
-
Validasi data menggunakan mongoose5 minutes
-
Update dan Delete data menggunakan Mongoose6 minutes
-
Membuat relationship dan memasukkan data menggunakan mongoose6 minutes
-
Schema Staycation Part 14 minutes
-
Schema Staycation part 25 minutes
-
Schema Staycation part 36 minutes
-
Install Express Generator3 minutes
-
Create Structure folder Express JS4 minutes
-
Install Mongoose & Create Models Part 15 minutes
-
Validasi Mongoose1 minutes
-
Install Mongoose & Create Models Part 26 minutes
-
Install Mongoose & Create Models Part 36 minutes
-
Install sbadmin22 minutes
-
Integrasi template sbadmin27 minutes
-
Pemisahan Template dan Content7 minutes
-
View Dashboard6 minutes
-
Setting Sidebar and Navbar Project Staycation5 minutes
-
Setting url Admin Staycation2 minutes
-
View Category10 minutes
-
View Bank4 minutes
-
View Item6 minutes
-
View Booking5 minutes
-
Membuat Koneksi Database2 minutes
-
CRUD Project Staycation Category Create7 minutes
-
CRUD Project Staycation Category Read5 minutes
-
CRUD Project Staycation Update Part 17 minutes
-
CRUD Project Staycation Update Part 26 minutes
-
CRUD Project Staycation Delete4 minutes
-
Handle Error with try catch and validasi input required3 minutes
-
Alert Message &Title Dinamis12 minutes
-
CRUD Project Staycation Bank Create13 minutes
-
CRUD Project Staycation Bank Read3 minutes
-
CRUD Project Staycation Bank Update12 minutes
-
CRUD Project Staycation Bank Delete3 minutes
-
Repair Relasi Project Staycation3 minutes
-
View Item with Nav Tabs7 minutes
-
CRUD Project Staycation Item Create18 minutes
-
CRUD Project Staycation Item Read5 minutes
-
Show image Project Staycation Item11 minutes
-
Show Item Single by id8 minutes
-
CRUD Projrect Staycation Item Update10 minutes
-
CRUD Project Staycation Item Delete6 minutes
-
Detail Item Project Staycation Show Feature & Activity14 minutes
-
CRUD Project Staycation Create Feature11 minutes
-
CRUD Project Staycation Read Feature3 minutes
-
CRUD Project Staycation Update Feature8 minutes
-
CRUD Project Staycation Delete Feature8 minutes
-
CRUD Project Staycation Create Activity5 minutes
-
CRUD Project Staycation Read Activity2 minutes
-
CRUD Project Staycation Update Activity5 minutes
-
CRUD Project Staycation Delete Activity4 minutes
-
Add Schema Users and Seeder14 minutes
-
Login Project Staycation8 minutes
-
Autentikasi Project Staycation5 minutes
-
Logout Project Staycation5 minutes
-
Booking Project Staycation9 minutes
-
Show Detail Booking15 minutes
-
Action Confirmation and Reject booking Project Staycation8 minutes
-
Dashboard Project Staycation5 minutes
-
API Landing Page Project Staycation Part 16 minutes
-
API Landing Page Project Staycation Part 210 minutes
-
API Landing Page Project Staycation Part 37 minutes
-
API Landing Page Project Staycation Part 48 minutes
-
API Landing Page Project Staycation Part 52 minutes
-
API Detail Page Project Staycation7 minutes
-
API Booking Project Staycation Part 19 minutes
-
API Booking Project Staycation Part 210 minutes
-
Documentation API with Postman5 minutes
-
Testing API Landing Page12 minutes
-
Testing API Detail Page6 minutes
-
Testing API Booking Page10 minutes
-
Persiapan Tools1 minutes
-
Create Akun Heroku3 minutes
-
Create Repository Github3 minutes
-
Create akun mongodb atlas5 minutes
-
Deploy Heroku10 minutes
-
Instalasi Redux4 minutes
-
Actions, Reducers, Provider, store installed4 minutes
-
Connect item details to checkout booking page6 minutes
-
Try checkout booking9 minutes
-
Setup postman to test ready endpoint4 minutes
-
Action fetchPage5 minutes
-
Action fetchPage part 25 minutes
-
Tracing error while integration landing page6 minutes
-
Tracing error while integration landing page part 27 minutes
-
Tracing error while integration landing page part 32 minutes
-
API integration item details page6 minutes
-
API integration item details page part 27 minutes
-
API integration item details page part 37 minutes
-
API integration item details page part 44 minutes
-
API integration item details page part 57 minutes
-
Setup postman method post checkout5 minutes
-
Integrasi checkout page7 minutes
-
Integrasi checkout page part 27 minutes
-
Integrasi checkout page part 36 minutes
-
Axios interceptor6 minutes
-
Error handler with toaster2 minutes
-
React Router DOM Part 112 minutes
-
React Router DOM Part 215 minutes
-
React Router DOM Part 314 minutes
-
React Router DOM Part 415 minutes
-
React Router DOM Part 512 minutes
-
Responsive Part 115 minutes
-
Responsive Part 215 minutes
-
Responsive Part 315 minutes
-
Responsive Part 418 minutes
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
cls joshua
Full-Stack Developer
Mantapp dah sangat bermanfaat
Muhamad Akmal
Lifetime Learner
Terjangkau harganya namun Materi Sangat Berkualitas, sangat mudah menangkap apa yang disampaikan dari sang pemateri! Sukses terus untuk mas Angga, Mas Yein dan Mas Elfin sebagai mentor! Terimakasih Banyak!
Kurniawan
Full-Stack Developer
Materinya daging sekali... Kalau saya boleh minta request, diakhir video tolong dibahas responsivenya dong mas.. terimaksih buat mas angga sudah buat platform keren ini.
Edi Koswara
Full-Stack Developer
Pelajaranya mudah dipahami, salain fokus pada modul pembelajaran juga diajarkan teknologi pendukung
Ryan Hartadi
Back-End Developer
Nice
Rahmat Subandi
Full-Stack Developer
Semoga ada update materi, untuk Responsive website..
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.
