Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/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
https://github.com/ardywsptr/webclock

bundle-javascript dicoding-academy front-end-development javascipt module-bundler npm package-manager webpack

Last synced: 9 days ago
JSON representation

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

Awesome Lists containing this project

README 

        
# 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](https://www.dicoding.com/academies/163) di Dicoding Academy



![Author](https://img.shields.io/badge/made%20by-Ardywsptr-blue)

![GitHub followers](https://img.shields.io/github/followers/Ardywsptr?style=social)

![GitHub watches](https://img.shields.io/github/stars/Ardywsptr/webClock-3?style=social)

![GitHub last commit](https://img.shields.io/github/last-commit/Ardywsptr/webClock)







## 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](https://github.com/Ardywsptr/webClock/issues/new)

 

Jika dokumentasi ini bermanfaat mari berteman dengan menekan tombol follow pada [profile](https://github.com/Ardywsptr) ini ☺☺☺







Big Thanks for [Dicoding](https://www.dicoding.com/)









  Dicoding