Ardywsptr / webClock

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

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

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