Skip to content

Dicoding blog - Repositori ini merupakan latihan dari materi mobile first approach pada kelas Menjadi Front-End Web Developer Expert di Dicoding

Notifications You must be signed in to change notification settings

Ardywsptr/dicoding-blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

dicoding-blog 📚

dicoding blog - Merupakan aplikasi web statis yang dibuat sebagai latihan mobile first approach pada kelas Menjadi Front-End Web Developer Expert di Dicoding Academy

Author GitHub followers GitHub watches GitHub last commit


User Interface ✨


Requirements

Aplikasi ini membutuhkan beberapa kebutuhan sehingga menjadi responsive dari berbagai ukuran layar mulai dari mobile, tablet sampai dengan dekstop. beberapa kebutuhan antara lain :

  • Mengatur Viewport, Penggunaan Relative Unit, Ukuran Elemen.
  • Menggunakan Media Query, Breakpoint, Grid Layout Module, Grid Track, Grid Lines, Gutters, Fraction Unit dan Repeat Notation
  • Menggunakan Optimalisasi Teks dan Off Canvas Menu

Webpack bundle :

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

  • clean-webpack-plugin
  • copy-webpack-plugin
  • css-loader
  • favicons-webpack-plugin
  • file-loader
  • html-webpack-plugin
  • http-server
  • style-loader
  • webpack-cli
  • webpack-dev-server

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/dicoding-blog/.git

    cd dicoding-blog

  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

Dicoding blog - Repositori ini merupakan latihan dari materi mobile first approach pada kelas Menjadi Front-End Web Developer Expert di Dicoding

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published