Membuat aplikasi Shopping Cart belanja dengan menggunakan MEVN Stack

Part 1
https://medium.com/@jaouad_45834/full-stack-shopping-cart-with-mevn-stack-part-1-89dae1f35378

Part 2
https://medium.com/@jaouad_45834/full-stack-shopping-cart-with-mevn-stack-part2-2e5465359887

#vue #nodejs #express #mevn #shopping #cart #tutorial

Menggunakan state management dengan menggunakan Vuex

https://codeburst.io/state-management-with-vuex-6a3d83b0a799

#vue #vuex

30 seconds of CSS. A curated collection of useful CSS snippets.

#resources #tutorial #css


https://kutt.it/sd7s2r

30 seconds of CSS. A curated collection of useful CSS snippets.

#resources #tutorial #css
@thedevs

https://kutt.it/sd7s2r

Mengenal apa itu JSON Web Token atau JWT , dan bagaimana cara membuatnya di JavaScript

https://dev.to/siwalik/what-the-heck-is-jwt-anyway--47hg

#nodejs #jwt #json #token

Beberapa hal baru di dunia desain web atau web design untuk Minggu ini , seperti tren desain, CSS, dan tips

https://speckyboy.com/weekly-news-for-designers-426/

#css #web #design

Membuat dialog modal di Angular dengan menggunakan element ref dan dom service


https://itnext.io/angular-create-your-own-modal-boxes-20bb663084a1

#angular #modal #dialog #dom

Pada NPM versi 5.7.1 ini, ada tambahan perintah command line yaitu "npm ci" , fungsinya sama dengan npm install pada project-project yang membutuhkan node dependency, tapi ini lebih cepat, karena si "npm ci" hanya membaca dependency dan versi yang ada di package-lock.json aja.

Cocok untuk dijalankan pada Continous Integration (CI) builds, misalnya pada Gitlab CI atau Travis CI .

Selengkapnya
http://blog.npmjs.org/post/171556855892/introducing-npm-ci-for-faster-more-reliable

Dokumentasi :
https://docs.npmjs.com/cli/ci

Ada yang sudah mencoba rupanya :
https://medium.com/@tomastrajan/how-to-speed-up-continuous-integration-build-with-new-npm-ci-and-package-lock-json-7647f91751a

#npm #ci #tips

Artikel infografik tentang pengukuran performa web dari Google Web Fundamentals dan bagaimanan optimasi dan pemakaiannya : https://developers.google.com/web/fundamentals/performance/speed-tools/

#web

Latihan tentang membuat CSS Grid langkah demi langkah

http://www.developerdrive.com/2018/02/how-to-create-a-css-grid-step-by-step/

#css #cssgrid #grid #tutorial

Cara melakukan Class dan Style Binding ke HTML di dalam Angular

http://www.discoversdk.com/blog/class-and-style-binding-in-angular

#angular #css #style #class #binding

Cara membuat halaman login yang bersifat responsif di layar browser

https://codeburst.io/responsive-windows-login-page-ui-tutorial-part-1-98a70b4fcc75

#tutorial #login #window

Membuat konversi string dan tanggal sesuai format kode area internasional dan format waktu dengan menggunakan ES6+


http://www.discoversdk.com/blog/ecmascript-6-text-strings-and-dates

#es6 #date #string #format #l10n #internationalization

Teknik CSS untuk membuat teks transparan atau knock out Text dengan latar belakang gambar

https://css-tricks.com/css-techniques-and-effects-for-knockout-text/

#css #text #font #knockout

Dokumentasi baru di situs Google Developers tentang teknik memuat file/library JavaScript pihak ketiga dari CDN atau server lain

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/

#async #defer #library #js

Cara untuk memuat library CSS pihak ketiga secara asinkronus dan tidak memblok parsing dokumen html

https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

#async #defer #css

Cara membuat event binding di Angular

http://www.discoversdk.com/blog/event-binding-in-angular

#angular #eventbinding

Membuat tooltip dengan menggunakan library Popper.js

https://matwrites.com/create-beautiful-tooltips-with-popper-js-tooltip-js/

#library #tooltip #popperjs #popper

Ini ada ekstensi yang bagus namanya Settings Sync untuk Visual Studio Code,

Petunjuk pemakaian Settings Sync bisa dilihat disini
https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

Berguna untuk melakukan backup setelan, ekstensi, plugin dari Visual Studio Code ke Github Gist. Sehingga klo kita pindah komputer/install ulang OS, cukup pasang ekstensi Settings Sync, dan download setelan dari Gist yang telah di backup sebelumnya, kemudian restart VS Code untuk menampilkan setelan yang sama yang telah dibackup.

#vscode #visualstudiocode #sync #settings #settingssync

Membuat custom directive pada Framework Vue JS

https://css-tricks.com/power-custom-directives-vue/

#vue #directive

Cara membuat screenshot atau tangkapan layar dengan menggunakan Chrome Developer Tools, tanpa perlu plugin/ekstensi tambahan

https://medium.com/kode-dan-kodean/membuat-screenshoot-halaman-web-dengan-google-chrome-dev-tools-565bbe5566e8

#chrome #tips #screenshot