Skip to content

Web Clock - Repositori ini merupakan latihan dari materi package manager menggunakan NPM dan bundle javascript dengan module bundler menggunakan webpack pada kelas Belajar Fundamental Front-End Web Development di Dicoding

Notifications You must be signed in to change notification settings

Ardywsptr/webClock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

web-clock

web-clock - Merupakan aplikasi yang menunjukan waktu dan tanggal terkini menggunakan package moment.js yang ditujukan sebagai latihan package manager dan module blunder javacript pada kelas Belajar Fundamental Front-End Web Development di Dicoding Academy

Author GitHub followers GitHub watches GitHub last commit


Requirements

Aplikasi ini membutuhkan beberapa kebutuhan sehingga menampilkan waktu dan tanggal yang terkini. beberapa kebutuhan antara lain :

  • Membuat Proyek JavaScript menggunakan NPM
  • Menggunakan module/library jQuery dan Moment.js
  • Menggunakan Loader style dan css
  • Memasang dan menggunakan webpack
  • Menggunakan plugin HtmlWebpackPlugin

Webpack bundle :

Web app ini dibuat dengan menggunakan JavaScript bundler Webpack dengan berbagai teknologi yang di pakai, antara lain :

  • @babel/core
  • @babel/preset-env
  • css-loader
  • babel-loader
  • style-loader
  • html-webpack-plugin
  • jquery
  • webpack-merge
  • webpack-cli
  • webpack-dev-server
  • moment

Getting Started

Untuk memulai, Install npm lalu jalankan beberapa perintah di bawah ini untuk memulainya, folder dist akan dibuat setelah itu.

  1. Clone repositori

    git clone https://github.com/Ardywsptr/webClock/.git

    cd webClock

  2. Install NPM

    npm install

    Pastikan koneksi internet anda stabil sehingga tidak ada resiko gagal install.

  3. Build untuk distribusi production

    npm run build

  4. Starting development server

    npm run start-dev

    Untuk memastikan development berjalan dengan baik pastikan cache pada browser anda sudah dibersihkan.

  5. Starting production server

    npm run serve

    Sebelum memulai server production sebaiknya dilakukan build dan testing terlebih dahulu.








Jika ada pertanyaan atau issue, kunjungi new issue

Jika dokumentasi ini bermanfaat mari berteman dengan menekan tombol follow pada profile ini ☺☺☺


Big Thanks for Dicoding


Dicoding

About

Web Clock - Repositori ini merupakan latihan dari materi package manager menggunakan NPM dan bundle javascript dengan module bundler menggunakan webpack pada kelas Belajar Fundamental Front-End Web Development di Dicoding

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published