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
https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/
#async #defer #library #js
web.dev
Load Third-Party JavaScript | Articles | web.dev
Third-party scripts provide a wide range of useful features, making the web more dynamic. Learn how to optimize the loading of third-party scripts to reduce their impact on performance.
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
https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
#async #defer #css
Google for Developers
Optimize CSS Delivery | PageSpeed Insights | Google for Developers
Cara membuat event binding di Angular
http://www.discoversdk.com/blog/event-binding-in-angular
#angular #eventbinding
http://www.discoversdk.com/blog/event-binding-in-angular
#angular #eventbinding
discoversdk
Event Binding in Angular - DiscoverSDK Blog
Membuat tooltip dengan menggunakan library Popper.js
https://matwrites.com/create-beautiful-tooltips-with-popper-js-tooltip-js/
#library #tooltip #popperjs #popper
https://matwrites.com/create-beautiful-tooltips-with-popper-js-tooltip-js/
#library #tooltip #popperjs #popper
matwrites.com
Create beautiful tooltips with Popper.js/Tooltip.js • matwrites.com
Nowadays web development heavily focuses on constantly improving user experience, while websites are being more beautiful and interactive. One of the ways to display additional information or guide user through the browsing journey are tooltips. Most of the…
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
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
Visualstudio
Settings Sync - Visual Studio Marketplace
Extension for Visual Studio Code - Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist.
Membuat custom directive pada Framework Vue JS
https://css-tricks.com/power-custom-directives-vue/
#vue #directive
https://css-tricks.com/power-custom-directives-vue/
#vue #directive
CSS-Tricks
The Power of Custom Directives in Vue
When you’re initially learning a JavaScript framework, it feels a little like being a kid in a candy store. You take in everything available to you, and right off the bat, there are things th…
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
https://medium.com/kode-dan-kodean/membuat-screenshoot-halaman-web-dengan-google-chrome-dev-tools-565bbe5566e8
#chrome #tips #screenshot
Medium
Membuat Screenshot Halaman Web dengan Google Chrome Dev Tools
Ada banyak cara membuat tangkapan layar (screenshot) dari halaman web yang sedang kita buat. Diantaranya ada yang menggunakan plugin atau…
Memahami cara kerja JavaScript Typescript bagian kedua
https://medium.com/@wesharehoodies/typescript-javascript-with-superpowers-part-ii-69a6bd2c6842
Bagian Pertama
https://medium.freecodecamp.org/typescript-javascript-with-super-powers-a333b0fcabc9
#typescript #review #typing
https://medium.com/@wesharehoodies/typescript-javascript-with-superpowers-part-ii-69a6bd2c6842
Bagian Pertama
https://medium.freecodecamp.org/typescript-javascript-with-super-powers-a333b0fcabc9
#typescript #review #typing
Medium
TypeScript — JavaScript with superpowers — Part II
Welcome back, for more articulated experience — read the part I first.
Membuat landing pages untuk halaman utama akun Github sendiri, yang berguna untuk landing pages developer
https://dev.to/flexdinesh/create-your-developer-landing-page-with-github-pages---42jk
#portofolio #landingpages #github #pages
https://dev.to/flexdinesh/create-your-developer-landing-page-with-github-pages---42jk
#portofolio #landingpages #github #pages
DEV Community
Create your developer landing page with GitHub Pages 🎉
Minimal Developer Landing Page in minutes
Vue VS Code Extension Pack
yang berisi paket ekstensi yang membantu programming web dengan #vue .
https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-extensionpack
yang berisi paket ekstensi yang membantu programming web dengan #vue .
https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-extensionpack
Contoh aplikasi Real World Web App kini memiliki tambahan sampel baru yaitu penggunakan serverless Firebase dengan Angular
https://blog.realworldfullstack.io/real-world-app-part-17-cloud-storage-with-firebase-and-angular-d3d2c9f5f27c
#firebase #angular #realworld
https://blog.realworldfullstack.io/real-world-app-part-17-cloud-storage-with-firebase-and-angular-d3d2c9f5f27c
#firebase #angular #realworld
Real World Full Stack
Real World App - Part 17: Cloud storage with Firebase and Angular
Adding features: Bulk upload and User profile settings using firebase cloud storage
Beberapa kesalahaan dalam penggunaan element CSS dan beberapa tips untuk memperbaikinya, yang seringkali kita lupa caranya
https://medium.com/@peedutuisk/lesser-known-css-quirks-oddities-and-advanced-tips-css-is-awesome-8ee3d16295bb
#css #quirks #padding
https://medium.com/@peedutuisk/lesser-known-css-quirks-oddities-and-advanced-tips-css-is-awesome-8ee3d16295bb
#css #quirks #padding
Medium
Lesser known CSS quirks & advanced tips
Lesser known CSS features, weirdest quirks and oddities. Along with advanced CSS tips and tricks for front-end developers.
Membuat filter format angka dan bilangan sesuai format area internasional dengan menggunakan Vue
https://vuejsdevelopers.com/2018/03/12/vue-js-filters-internationalization/
#vue #i18n #internationalization #filter
https://vuejsdevelopers.com/2018/03/12/vue-js-filters-internationalization/
#vue #i18n #internationalization #filter
Build A i18n Filter Using Vue.js & Native Web Specs
Vue.js filters allow developers to easily add data formatting rules to their front end applications. In this article, filters are used to wrap calls to the Intl spec and provide basic internationalization for dates, numbers, and currencies.
Mengenal JavaScript Object , Bracket, dan Algoritma
https://medium.freecodecamp.org/javascript-objects-square-brackets-and-algorithms-e9a2916dc158
#object #bracket
https://medium.freecodecamp.org/javascript-objects-square-brackets-and-algorithms-e9a2916dc158
#object #bracket
freeCodeCamp
JavaScript Objects, Square Brackets and Algorithms
One of the most powerful aspects of JavaScript is being able to dynamically refer to properties of objects.
Review dari seorang developers yang telah mencoba TypeScript dan merasa sangat puas dengan migrasi penuh ke TS
https://codeburst.io/why-i-moved-to-typescript-and-have-no-regrets-6c0d93a9ffbd
#typescript #ts #review
https://codeburst.io/why-i-moved-to-typescript-and-have-no-regrets-6c0d93a9ffbd
#typescript #ts #review
codeburst
Why I moved to TypeScript and have no regrets
It‘s worth being said that it wasn’t my intention to move to TypeScript instead of vanilla JS.
Mengenal fungsi Set dan Map di JavaScript ES6
http://www.discoversdk.com/blog/ecmascript-6-set-and-map
http://www.discoversdk.com/blog/ecmascript-6-set-and-map
discoversdk
ECMAScript 6 - Set and Map - DiscoverSDK Blog
Hari ini telah keluar hasil survey yang diadakan oleh StackOverflow yang dinamakan StackOverflow Developer Survey 2018.
Isinya adalah hasil survey dari para responden yang merupakan para pengunjung dan pengguna aktif StackOverflow.
Silahkan cek hasilnya di :
https://insights.stackoverflow.com/survey/2018/
#survey #stackoverflow
Isinya adalah hasil survey dari para responden yang merupakan para pengunjung dan pengguna aktif StackOverflow.
Silahkan cek hasilnya di :
https://insights.stackoverflow.com/survey/2018/
#survey #stackoverflow
15 Library JavaScript, CSS, dan project open source lainnya yang menjadi pilihan dan menarik selama bulan Maret 2018
https://tutorialzine.com/2018/03/15-interesting-javascript-and-css-libraries-for-march-2018
#library #css #javascript
https://tutorialzine.com/2018/03/15-interesting-javascript-and-css-libraries-for-march-2018
#library #css #javascript
Tutorialzine
15 Interesting JavaScript and CSS Libraries for March 2018
In this article we share with you a collection of some of our most favourite libraries for March.
Membuat efek kotak sisi terpotong / notched box dengan menggunakan CSS
https://css-tricks.com/notched-boxes/
#css #notched #kotak #sisi
https://css-tricks.com/notched-boxes/
#css #notched #kotak #sisi
Latihan bagian pertama membuat aplikasi web Angular dengan backend Python Flask
https://auth0.com/blog/using-python-flask-and-angular-to-build-modern-apps-part-1/
Kode sumber :
https://github.com/auth0-blog/python-flask-angular-1
#angular #flask #webapp
https://auth0.com/blog/using-python-flask-and-angular-to-build-modern-apps-part-1/
Kode sumber :
https://github.com/auth0-blog/python-flask-angular-1
#angular #flask #webapp
Auth0 - Blog
Using Python, Flask, and Angular to Build Modern Web Apps - Part 1
In this series, you will learn how to create modern web applications with Python, Flask, and Angular.
10 artikel VueJS pilihan selama pertengahan bulan Maret 2018
https://medium.mybridge.co/vue-js-top-10-articles-for-the-past-month-v-mar-2018-1d54d9f944fa
#vue #mybridge #article
https://medium.mybridge.co/vue-js-top-10-articles-for-the-past-month-v-mar-2018-1d54d9f944fa
#vue #mybridge #article
Mybridge for Professionals
Vue.js Top 10 Articles for the Past Month (v.Mar 2018)
For the past month, we ranked nearly 1,000 Vue.js articles to pick the Top 10 stories that can help advance your career.