Menggunakan ProgressBar.js, sebuah library untuk membuat progressbar secara mudah

https://code.tutsplus.com/tutorials/creating-stylish-and-responsive-progress-bars-using-progressbarjs--cms-30652

#progressbar

Membuat progress bar pada aplikasi CLI berbasis Node JS

https://blog.bitsrc.io/build-a-command-line-progress-bar-in-node-js-5702a3525a49

#nodejs #cli #progressbar

Memantau isi router params dan router query params di Vue JS dengan Composition API

https://medium.com/js-dojo/watch-vue-route-params-query-with-composition-api-97b3c8c402e

---

Beberapa teknik komunikasi antar komponen di Vue JS

https://levelup.gitconnected.com/vue-component-communication-4356e532b45b

---

Beberapa library loading animation untuk progress bar di Vue JS

https://learnvue.co/2020/02/6-vue-loader-animation-libraries-to-reduce-your-bounce-rate


#vue #router #composition #loader #progressbar #componentCommunication

Membuat custom Data binding two way di Angular

https://itnext.io/angular-custom-two-way-data-binding-a-complicated-story-5b74291a138

---

Beberapa parameter dan operator RxJS yang perlu diketahui dan sering dipakai di Angular
https://levelup.gitconnected.com/rxjs-terms-you-must-know-in-angular-8265309c8f94

---

Latihan membuat Progress Bar sederhana yang menyerupai Angular Material

https://medium.com/front-end-weekly/easy-custom-progress-bar-in-angular-cb2670bb2d02

---

Menambahkan Single Sign On dengan Facebook Login dan Amazon Cognito di Angular
https://medium.com/front-end-weekly/single-sign-on-sso-with-facebook-on-aws-cognito-angular-4a914ebfb1d8

---

#angular #databinding #progressbar #rxjs #sso

Latihan membuat Progress Bar di halaman dengan PACE JS

https://medium.com/front-end-weekly/dead-simple-loading-progress-bars-with-pace-js-65ca59314b07

---

Membuat header halaman yang overlap ke tengah halaman dengan CSS Grid

https://css-tricks.com/overlapping-header-with-css-grid/

#css #progressbar #pacejs #loading

Latihan menggunakan SVG Icons dan Sprites di Angular

https://dev.to/itnext/material-design-icons-font-vs-svg-and-how-to-use-svg-sprites-in-angular-4pch

---

Lazy Loading router di Angular untuk performa aplikasi yang lebih baik

https://dev.to/salimchemes/optimising-angular-performance-with-lazy-loading-and-quicklink-3j66

---

Sampel cara deploy aplikasi MEAN stack ke Amazon Web Service dengan Docker

https://dev.to/tgotwig/simple-mean-stack-deployment-by-aws-cloudformation-docker-nkp

---

Membuat Chart JS dengan data real-time di Angular

https://dev.to/bartoszgajda55/using-angular-and-chart-js-to-build-real-time-charts-1078

---

Library untuk membuat Progress Bar di Angular

https://dev.to/kken94/a-complete-angular-progress-bar-33ml

#angular #svg #icons #mean #lazyloading #progressBar

Membuat aplikasi mobile dengan Ionic Capacitor dan Vue JS

https://blog.logrocket.com/building-cross-platform-apps-with-capacitator-and-vue-js/

---

Latihan panjang membuat aplikasi Vue JS dengan contoh kasus aplikasi web sederhana

https://dev.to/mishmanners/learning-vue-js-and-building-a-website-in-less-than-3-hours-4kb4

---

Latihan membuat plugin kalender di Vue JS dengan Date Fns library dan Tailwind CSS

https://dev.to/derekjhopper/build-a-simple-vue-calendar-without-webpack-561a

---

Membuat component overlay yang menampilkan Progress Bar , ketika aplikasi memuat data atau mengirim data di Vue JS

https://blog.logrocket.com/using-the-vue-loading-overlay-plugin-in-your-vue-apps/

---

Panduan menggunakan Vuex dalam hal mapping state , Getter, dan Actions

https://blog.logrocket.com/a-complete-guide-to-mapping-in-vuex/

---

#vue #ionic #capacitor #vuex #date #calendar #progress #progressbar #loading

Membuat desain aplikasi web dan CSS dengan tingkat Accessibility dan UI/UX yang baik

https://www.matuzo.at/blog/writing-even-more-css-with-accessibility-in-mind-user-preferences/

---

Membuat Progress Bar berbentuk tahapan proses dengan CSS dan bersifat dinamis

https://www.freecodecamp.org/news/how-to-build-a-responsive-and-dynamic-progress-bar/

#progressbar #step #css #accessibility

Latihan dari Online Tutorials tentang membuat form validation untuk alamat email

https://youtu.be/pEvISNLoYAk

---

Daftar latihan CSS dari Online Tutorials yang menarik dicoba

https://youtu.be/yt-M55F88QU

---

Latihan dari Junior Developer Central tentang membuat landing page dengan HTML dan CSS

https://youtu.be/Zj-FxttyCfo

---

Latihan dari Dcode tentang membuat animasi Progress Bar dengan HTML CSS dan JavaScript

https://youtu.be/kjhsS4lNZ9o

---

Membuat efek animasi ketika tombol di tekan dan berganti warna setelah di tekan

https://blog.bitsrc.io/pure-css-to-make-a-button-shine-and-gently-change-colors-over-time-5b685d9c6a7e

#css #form #input #email #validation #landingpage #progressbar #button

Memahami penggunaan Flexbox CSS untuk mengatur posisi dan tampilan halaman web

https://medium.com/weekly-webtips/how-to-master-using-flexbox-in-css-cee4eacfba45

—-

Membuat animasi Progress Bar dengan CSS dan HTML

https://medium.com/weekly-webtips/how-to-make-an-animated-loading-bar-in-css-635b1256ad0e

#flexbox #layout #progressbar #loading #bar

Latihan dari Dcode tentang membuat Progress Bar pada elemen Button dengan menggunakan JavaScript, HTML, dan CSS

https://www.youtube.com/watch?v=DUFOobIt3zI

#dcode #progressbar #button #css