Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Full-Stack JavaScript Developer: Website Travel

Learn how to build a real project from scratch

icon global
Release date January 2020
icon convert
Last updated November 2023
Member

10,577 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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

icon_check

Belajar Menggunakan Library Reactjs

icon_check

Belajar Membuat API dengan Nodejs & Expressjs

icon_check

Belajar membuat reusable component react from scratch

icon_check

Belajar mengolah DB non-sequel dengan mongodb

icon_check

Belajar UI/UX dalam membangun suatu website booking hotel online

icon_check

Belajar Usability-Testing dengan menganalisa behaviour pengguna website

Designed For

icon_check

Cocok untuk yang ingin membangun website pencarian tempat berlibur

icon_check

Diperuntukkan yang ingin mendalami library reactjs menggunakan framework nextjs

icon_check

Bagi mereka yang ingin belajar UI/UX Design

Course Lessons

Learn With Expert

Mentor Angga Risky

Angga Risky

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(396.4K)

Mentor Yein Narayana

Yein Narayana

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(54.7K)

Mentor Elfin Sanjaya

Elfin Sanjaya

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(36.9K)

Featured Projects

45 Hasil karya terbaik di kelas Full-Stack JavaScript Developer: Website Travel

 member of BuildWithAngga

anggihfordevv

 member of BuildWithAngga

bangadam

 member of BuildWithAngga

est23edi

 member of BuildWithAngga

faeshal

 member of BuildWithAngga

muhammadizzu21

 member of BuildWithAngga

febriwardhana20

 member of BuildWithAngga

ryrdn25

 member of BuildWithAngga

rahulsyaban666

 member of BuildWithAngga

lymantohadibrata

 member of BuildWithAngga

kurniamulyarizqi1006

 member of BuildWithAngga

arirudianaa

 member of BuildWithAngga

26mill

 member of BuildWithAngga

snakeusa8

 member of BuildWithAngga

zeronosvega

 member of BuildWithAngga

kalwabed

 member of BuildWithAngga

enalmarzuki07

 member of BuildWithAngga

akbarmaulana449

 member of BuildWithAngga

ichacnakval

 member of BuildWithAngga

rpangarego

 member of BuildWithAngga

ryanprw

 member of BuildWithAngga

ariefsetiawan8788

 member of BuildWithAngga

supryantowp

 member of BuildWithAngga

ajidwisaputra067

 member of BuildWithAngga

rafityr23

 member of BuildWithAngga

maulanairfanf

 member of BuildWithAngga

agusrukanda64

 member of BuildWithAngga

asepsanusisan

 member of BuildWithAngga

jiepiranha

 member of BuildWithAngga

giesatria5

 member of BuildWithAngga

rizkydipahiyat76

 member of BuildWithAngga

fahrelga30517

 member of BuildWithAngga

radenaryayusuf088

 member of BuildWithAngga

facetutorial25

 member of BuildWithAngga

surya

 member of BuildWithAngga

bryantdp7

 member of BuildWithAngga

ryantadptra

 member of BuildWithAngga

jerryandriantop

 member of BuildWithAngga

zakiul

 member of BuildWithAngga

khoirullohrafi2

 member of BuildWithAngga

sjasminetya

 member of BuildWithAngga

mlfauzi54

 member of BuildWithAngga

auliamarsyatik17

 member of BuildWithAngga

hendriam18

 member of BuildWithAngga

mramirid

 member of BuildWithAngga

cangkreplor

Are You The Next?

Lihat hasil karya member lainnya

View All Portfolio
#BeyondPremium
Tampaknya kelas ini sedang menutup pendaftaran baru.
Silahkan menunggu pendaftaran batch selanjutnya.
Similar Courses
Foto kelas Full-Stack JavaScript Developer: Website Travel Foto kelas Full-Stack JavaScript Developer: Website Travel Foto kelas Full-Stack JavaScript Developer: Website Travel Foto kelas Full-Stack JavaScript Developer: Website Travel

Full-Stack JavaScript Developer: Website Travel

Learn how to build a real project from scratch

  • lock
    Brief Project
    5 minutes
  • lock
    Break Heula
    1 minutes
  • lock
    Customer Part 1
    3 minutes
  • lock
    Customer Part 2
    4 minutes
  • lock
    Customer Part 3
    5 minutes
  • lock
    Break Heula Again
    1 minutes
  • lock
    Information Architecture Part 1
    4 minutes
  • lock
    Information Architecture Part 2
    3 minutes

  • lock
    Break Sebentar
    1 minutes
  • lock
    UX User Flow Part 1
    6 minutes
  • play
  • lock
    UX User Flow Part 3
    5 minutes
  • lock
    Share UX Project
    1 minutes

  • lock
    Persiapan
    1 minutes
  • lock
    Part 1
    5 minutes
  • lock
    Part 2
    5 minutes
  • lock
    Part 3
    4 minutes
  • lock
    Part 4
    4 minutes
  • lock
    Part 5
    3 minutes
  • lock
    Part 6
    8 minutes

  • lock
    Perkenalan
    1 minutes
  • lock
    New MoodBoard
    4 minutes
  • lock
    Color Scheme
    5 minutes
  • lock
    Icon Design Inspiration
    4 minutes
  • lock
    Illustration Empty States
    2 minutes
  • lock
    Pemilihan Font Tipografi
    7 minutes

  • lock
    Perkenalan Figma
    4 minutes
  • lock
    Grid System
    3 minutes
  • lock
    Logo & Navigation
    5 minutes
  • lock
    Coloring Logo
    6 minutes
  • lock
    Hero Banner Title
    6 minutes
  • lock
    UX Above the Fold
    7 minutes
  • lock
    CTA Button
    5 minutes
  • lock
    Drop Shadows
    4 minutes
  • lock
    Components
    4 minutes
  • lock
    Banner Image
    4 minutes
  • lock
    Customize Frame
    4 minutes
  • lock
    Data Placeholder Statistic
    4 minutes
  • lock
    Icon Traveler
    6 minutes
  • lock
    Icon Treasure & Cities
    10 minutes
  • lock
    Export & Resize Icons
    5 minutes

  • lock
    Column
    4 minutes
  • lock
    Linear Gradient
    7 minutes
  • lock
    Tugas Design
    3 minutes
  • lock
    Badge Hotel
    5 minutes
  • lock
    Other Items
    5 minutes
  • lock
    New Badge
    3 minutes

  • lock
    Add Image
    5 minutes
  • lock
    Icon Star
    4 minutes
  • lock
    UX Content
    6 minutes
  • lock
    Design Footer
    5 minutes
  • lock
    Copyright
    2 minutes
  • lock
    Details
    5 minutes
  • lock
    House Photos
    5 minutes
  • lock
    Room Descriptions
    3 minutes
  • lock
    Features dan Icons
    7 minutes
  • lock
    Lamp Icon
    3 minutes
  • lock
    Bathroom Icon
    3 minutes
  • lock
    Dining Room Icon
    5 minutes
  • lock
    Wifi Icon
    2 minutes
  • lock
    AC Icon
    3 minutes
  • lock
    Others Icon
    4 minutes
  • lock
    Booking Form
    8 minutes
  • lock
    Calendar Module
    4 minutes
  • lock
    Icon Calendar
    6 minutes
  • lock
    CTA Button
    5 minutes
  • lock
    Tweking Design
    3 minutes
  • lock
    Treasure Section
    2 minutes
  • lock
    Story Section
    2 minutes

  • lock
    Item Booking
    5 minutes
  • lock
    Stepper Section
    5 minutes
  • lock
    Form Customer
    3 minutes
  • lock
    Design Button CTA
    2 minutes
  • lock
    UX Stepper
    4 minutes
  • lock
    Payment Section
    6 minutes
  • lock
    Final Page
    3 minutes
  • lock
    Sketching Illustration
    3 minutes
  • lock
    Shapes Illustration
    6 minutes
  • lock
    New Elements
    6 minutes
  • lock
    Export Illustration
    2 minutes

  • lock
    UI Animation
    4 minutes
  • lock
    UI Prototype
    5 minutes
  • lock
    Final Prototype
    4 minutes
  • lock
    Persiapan Kolaborasi
    3 minutes
  • lock
    Presentation
    9 minutes
  • lock
    Feedback Design
    2 minutes
  • lock
    Slicing Design Asset
    3 minutes
  • lock
    Inspect Design Element
    2 minutes
  • lock
    Support Developer
    1 minutes

  • lock
    Pengenalan project
    2 minutes
  • lock
    Tools required
    3 minutes
  • lock
    Persiapan workspace part 1
    6 minutes
  • lock
    Persiapan workspace part 2
    5 minutes

  • lock
    Mempersiapkan component button
    4 minutes
  • lock
    Mempersiapkan component button part 2
    7 minutes
  • lock
    Mempersiapkan component button part 3
    4 minutes
  • lock
    Testing component button
    5 minutes
  • lock
    Testing component button part 2
    6 minutes
  • lock
    Commit component button
    2 minutes

  • lock
    Update variable color
    5 minutes
  • lock
    Create logo as parts components
    4 minutes

  • lock
    Persiapan Slicing header
    3 minutes
  • lock
    Mulai slicing header component
    6 minutes
  • play
  • lock
    Troubleshooting ketika mengalami salah penutupan tag + commit git
    6 minutes

  • lock
    Export image from figma
    5 minutes
  • lock
    Import image to hero js
    5 minutes
  • lock
    Menyusun component hero
    7 minutes
  • lock
    Menyusun component hero part 2
    7 minutes
  • lock
    Menyusun component hero part 3
    6 minutes
  • lock
    Styling Component Hero
    6 minutes
  • lock
    Styling Component Hero Part 2
    3 minutes
  • lock
    Number Format with internationalization browser API
    3 minutes

  • lock
    Penjelasan singkat section mostpicked
    2 minutes
  • lock
    export image dari figma + contoh menggunakan grid bootstrap
    4 minutes
  • lock
    display grid + simple grid markup
    6 minutes
  • lock
    markup mostpicked complete
    6 minutes
  • lock
    mostpicked styling css
    7 minutes
  • lock
    mostpicked styling css part 2
    6 minutes
  • lock
    mostpicked styling css part 3
    3 minutes
  • lock
    double check kerjaan di section mostpicked
    4 minutes

  • lock
    Penjelasan Section Categories
    2 minutes
  • lock
    Component categories
    6 minutes
  • lock
    Component categories part 2
    5 minutes
  • lock
    Component categories part 3 sampai conclusion component categories
    3 minutes

  • lock
    Penjelasan Section Testimonial + Export assets
    3 minutes
  • lock
    Smart component star
    7 minutes
  • lock
    Smart component star part 2
    2 minutes
  • lock
    Styling component star
    6 minutes
  • lock
    Styling component star part 2
    2 minutes
  • lock
    Testing component star
    6 minutes
  • lock
    Component testimony
    6 minutes
  • lock
    Component testimony part 2
    4 minutes
  • lock
    Styling component testimony
    4 minutes

  • lock
    Penjelasan dan mulai menulis component footer
    7 minutes
  • lock
    Component footer part 2
    7 minutes
  • lock
    Component footer part 3
    5 minutes
  • lock
    menambahkan react reveal
    7 minutes

  • lock
    Penjelasan singkat item details
    3 minutes
  • lock
    Persiapan untuk slicing item details
    4 minutes

  • lock
    component element input number
    7 minutes
  • lock
    component element input number part 2
    6 minutes
  • lock
    styling input number
    3 minutes
  • lock
    testing input number
    6 minutes
  • lock
    contoh input number
    4 minutes

  • lock
    Elements input date dan pengenalan singkat hooks useEffect dan useRef
    4 minutes
  • lock
    Elements input date part 2
    13 minutes
  • lock
    Elements input date part 3
    4 minutes
  • lock
    Styling input date
    5 minutes
  • lock
    Testing input date part 2
    2 minutes
  • lock
    Contoh input date
    3 minutes
  • lock
    Testing input date + utils formatDate
    6 minutes

  • lock
    Element breadcrumb
    4 minutes
  • lock
    Styling breadcrumb
    1 minutes
  • lock
    Testing breadcrumb
    2 minutes
  • lock
    Sample breadcrumb
    2 minutes

  • lock
    Parts page detail title
    4 minutes
  • lock
    Parts page detail title part 2
    4 minutes
  • lock
    detail page featured image
    4 minutes
  • play
  • lock
    page detail description bug fix
    2 minutes
  • lock
    booking form
    6 minutes
  • lock
    booking form part 2
    7 minutes
  • lock
    styling booking form
    5 minutes
  • lock
    menyelesaikan details page
    5 minutes

  • lock
    Intro checkout page
    3 minutes
  • lock
    Improve parts header
    2 minutes

  • lock
    Sneak peak component stepper
    2 minutes
  • lock
    Component Stepper
    7 minutes
  • lock
    Component Controller
    1 minutes
  • lock
    Component main content
    1 minutes
  • lock
    Component meta
    2 minutes
  • lock
    Component numbering
    3 minutes
  • lock
    Styling numbering
    10 minutes

  • lock
    Component input text
    7 minutes
  • lock
    Styling input text
    2 minutes
  • lock
    Component input file
    5 minutes

  • lock
    Booking Information
    8 minutes
  • lock
    Payment
    8 minutes
  • lock
    Completed
    2 minutes
  • lock
    Checkout page
    6 minutes
  • lock
    Checkout page part 2
    4 minutes
  • lock
    End slicing session
    4 minutes

  • lock
    Roadmap Node JS
    1 minutes
  • lock
    Intro Node JS
    3 minutes
  • lock
    Tools
    1 minutes
  • lock
    Install Node JS on Windows
    2 minutes
  • lock
    How to Use Node with REPL & File JS
    5 minutes
  • lock
    Module build in
    4 minutes
  • lock
    Module npm
    5 minutes
  • lock
    Membuat module sendiri
    6 minutes

  • lock
    Install Express JS with Node JS
    3 minutes
  • lock
    Belajar Menangani Routing dan Instalasi Nodemon Development
    6 minutes
  • lock
    Instalasi Template Engine EJS
    4 minutes
  • lock
    Belajar Parsing data
    4 minutes

  • lock
    Installing MongoDB on Windows Compass
    3 minutes

  • lock
    Mengenal Mongoose dan Create Data
    10 minutes
  • lock
    Membaca data dari database mongodb menggunakan mongoose
    4 minutes
  • lock
    Validasi data menggunakan mongoose
    5 minutes
  • lock
    Update dan Delete data menggunakan Mongoose
    6 minutes
  • lock
    Membuat relationship dan memasukkan data menggunakan mongoose
    6 minutes

  • lock
    Schema Staycation Part 1
    4 minutes
  • lock
    Schema Staycation part 2
    5 minutes
  • lock
    Schema Staycation part 3
    6 minutes

  • lock
    Install Express Generator
    3 minutes
  • lock
    Create Structure folder Express JS
    4 minutes

  • lock
    Install Mongoose & Create Models Part 1
    5 minutes
  • lock
    Validasi Mongoose
    1 minutes
  • lock
    Install Mongoose & Create Models Part 2
    6 minutes
  • lock
    Install Mongoose & Create Models Part 3
    6 minutes

  • lock
    Install sbadmin2
    2 minutes
  • lock
    Integrasi template sbadmin2
    7 minutes

  • play
  • lock
    View Dashboard
    6 minutes
  • lock
    Setting Sidebar and Navbar Project Staycation
    5 minutes
  • lock
    Setting url Admin Staycation
    2 minutes
  • lock
    View Category
    10 minutes
  • lock
    View Bank
    4 minutes
  • lock
    View Item
    6 minutes
  • lock
    View Booking
    5 minutes

  • lock
    Membuat Koneksi Database
    2 minutes

  • lock
    CRUD Project Staycation Category Create
    7 minutes
  • lock
    CRUD Project Staycation Category Read
    5 minutes
  • lock
    CRUD Project Staycation Update Part 1
    7 minutes
  • lock
    CRUD Project Staycation Update Part 2
    6 minutes
  • lock
    CRUD Project Staycation Delete
    4 minutes

  • lock
    Handle Error with try catch and validasi input required
    3 minutes
  • lock
    Alert Message &Title Dinamis
    12 minutes

  • lock
    CRUD Project Staycation Bank Create
    13 minutes
  • lock
    CRUD Project Staycation Bank Read
    3 minutes
  • lock
    CRUD Project Staycation Bank Update
    12 minutes
  • lock
    CRUD Project Staycation Bank Delete
    3 minutes

  • lock
    Repair Relasi Project Staycation
    3 minutes
  • lock
    View Item with Nav Tabs
    7 minutes
  • lock
    CRUD Project Staycation Item Create
    18 minutes
  • lock
    CRUD Project Staycation Item Read
    5 minutes
  • lock
    Show image Project Staycation Item
    11 minutes
  • lock
    Show Item Single by id
    8 minutes
  • lock
    CRUD Projrect Staycation Item Update
    10 minutes
  • lock
    CRUD Project Staycation Item Delete
    6 minutes

  • lock
    Detail Item Project Staycation Show Feature & Activity
    14 minutes
  • lock
    CRUD Project Staycation Create Feature
    11 minutes
  • lock
    CRUD Project Staycation Read Feature
    3 minutes
  • lock
    CRUD Project Staycation Update Feature
    8 minutes
  • lock
    CRUD Project Staycation Delete Feature
    8 minutes

  • lock
    CRUD Project Staycation Create Activity
    5 minutes
  • lock
    CRUD Project Staycation Read Activity
    2 minutes
  • lock
    CRUD Project Staycation Update Activity
    5 minutes
  • lock
    CRUD Project Staycation Delete Activity
    4 minutes

  • lock
    Add Schema Users and Seeder
    14 minutes
  • lock
    Login Project Staycation
    8 minutes
  • lock
    Autentikasi Project Staycation
    5 minutes
  • lock
    Logout Project Staycation
    5 minutes

  • lock
    Booking Project Staycation
    9 minutes
  • lock
    Show Detail Booking
    15 minutes
  • lock
    Action Confirmation and Reject booking Project Staycation
    8 minutes

  • lock
    Dashboard Project Staycation
    5 minutes

  • lock
    API Landing Page Project Staycation Part 1
    6 minutes
  • lock
    API Landing Page Project Staycation Part 2
    10 minutes
  • lock
    API Landing Page Project Staycation Part 3
    7 minutes
  • lock
    API Landing Page Project Staycation Part 4
    8 minutes
  • lock
    API Landing Page Project Staycation Part 5
    2 minutes

  • lock
    API Detail Page Project Staycation
    7 minutes

  • lock
    API Booking Project Staycation Part 1
    9 minutes
  • lock
    API Booking Project Staycation Part 2
    10 minutes

  • lock
    Documentation API with Postman
    5 minutes

  • lock
    Testing API Landing Page
    12 minutes
  • lock
    Testing API Detail Page
    6 minutes
  • lock
    Testing API Booking Page
    10 minutes

  • lock
    Persiapan Tools
    1 minutes
  • lock
    Create Akun Heroku
    3 minutes
  • lock
    Create Repository Github
    3 minutes
  • play
  • lock
    Deploy Heroku
    10 minutes

  • lock
    Instalasi Redux
    4 minutes
  • lock
    Actions, Reducers, Provider, store installed
    4 minutes
  • lock
    Connect item details to checkout booking page
    6 minutes
  • lock
    Try checkout booking
    9 minutes

  • lock
    Setup postman to test ready endpoint
    4 minutes
  • lock
    Action fetchPage
    5 minutes
  • lock
    Action fetchPage part 2
    5 minutes
  • lock
    Tracing error while integration landing page
    6 minutes
  • lock
    Tracing error while integration landing page part 2
    7 minutes
  • lock
    Tracing error while integration landing page part 3
    2 minutes

  • lock
    API integration item details page
    6 minutes
  • lock
    API integration item details page part 2
    7 minutes
  • lock
    API integration item details page part 3
    7 minutes
  • lock
    API integration item details page part 4
    4 minutes
  • lock
    API integration item details page part 5
    7 minutes

  • lock
    Setup postman method post checkout
    5 minutes
  • lock
    Integrasi checkout page
    7 minutes
  • lock
    Integrasi checkout page part 2
    7 minutes
  • lock
    Integrasi checkout page part 3
    6 minutes
  • lock
    Axios interceptor
    6 minutes
  • lock
    Error handler with toaster
    2 minutes

  • lock
    React Router DOM Part 1
    12 minutes
  • lock
    React Router DOM Part 2
    15 minutes
  • lock
    React Router DOM Part 3
    14 minutes
  • lock
    React Router DOM Part 4
    15 minutes
  • lock
    React Router DOM Part 5
    12 minutes
  • lock
    Responsive Part 1
    15 minutes
  • lock
    Responsive Part 2
    15 minutes
  • lock
    Responsive Part 3
    15 minutes
  • lock
    Responsive Part 4
    18 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
Key Points
  • check
    Belajar Menggunakan Library Reactjs
  • check
    Belajar Membuat API dengan Nodejs & Expressjs
  • check
    Belajar membuat reusable component react from scratch
  • check
    Belajar mengolah DB non-sequel dengan mongodb
  • check
    Belajar UI/UX dalam membangun suatu website booking hotel online
  • check
    Belajar Usability-Testing dengan menganalisa behaviour pengguna website
Created For
  • check
    Cocok untuk yang ingin membangun website pencarian tempat berlibur
  • check
    Diperuntukkan yang ingin mendalami library reactjs menggunakan framework nextjs
  • check
    Bagi mereka yang ingin belajar UI/UX Design
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
access
Akses Freemium Courses
Sehingga lebih up to date
10,577
Happy Students
Belum ada review

Silahkan menunggu pendaftaran batch selanjutnya

arrow_upward