Membuat game mencocokkan kartu untuk memahami konsep Reactive Programming di Angular dan RxJS
https://www.smashingmagazine.com/2020/01/card-matching-game-angular-rxjs/
#angular #rxjs #cards #game
https://www.smashingmagazine.com/2020/01/card-matching-game-angular-rxjs/
#angular #rxjs #cards #game
Smashing Magazine
How To Create A Card Matching Game Using Angular And RxJS — Smashing Magazine
This article is dedicated to Angular developers, who want to harness the concept of reactive programming. This is a programming style that — simply put — deals with the processing of asynchronous data streams.
Panduan lengkap contekan Cheatsheet penggunaan CSS Selector
https://dev.to/iggredible/css-selectors-cheatsheet-24bh
#cheatsheet #selector #css
https://dev.to/iggredible/css-selectors-cheatsheet-24bh
#cheatsheet #selector #css
DEV Community
CSS Selectors Cheat Sheet
CSS Selectors Cheatsheet
Perbedaan Arrow Function dengan Function biasa di JavaScript
https://medium.com/better-programming/arrow-function-vs-function-in-js-81f7a70b1295
#arrow #function
https://medium.com/better-programming/arrow-function-vs-function-in-js-81f7a70b1295
#arrow #function
Medium
Arrow Function vs Function in JS
One of the most popular features introduced in ES6 is arrow function (also known as fat arrow function). It’s a concise way of defining…
Beberapa referensi penting untuk belajar pengembangan JavaScript
https://www.freecodecamp.org/news/best-javascript-tutorial/
#javascript #tutorial #course
https://www.freecodecamp.org/news/best-javascript-tutorial/
#javascript #tutorial #course
freeCodeCamp.org
The Best JavaScript Tutorials
JavaScript is the most widely used scripting language on Earth. And it has the largest library ecosystem of any programming language. JavaScript is the core language of the web, and the only programming language that can run in all major web browsers. Notably…
Latihan dasar menggunakan GraphQL Apollo Client di Angular dengan memakai REST API dari SpaceX Open Data API
https://itnext.io/dive-into-graphql-w-apollo-client-by-building-a-spacex-app-in-angular-8-20e703c93f0a
#spacex #angular #graphql #apollo
https://itnext.io/dive-into-graphql-w-apollo-client-by-building-a-spacex-app-in-angular-8-20e703c93f0a
#spacex #angular #graphql #apollo
Medium
Dive into GraphQL with Apollo Client by Building a SpaceX 🚀 App in Angular 9
I know that this sounds odder than it is, but using GraphQL in an Angular 9 application with Apollo Client feels like flying a SpaceX…
Catatan teknik tentang penggunaan TypeScript oleh tim pengembangnya, di dalam Gatsby JS untuk halaman dokumentasi Gatsby JS
https://www.gatsbyjs.org/blog/2020-01-23-why-typescript-chose-gatsby/
#gatsby #typescript
https://www.gatsbyjs.org/blog/2020-01-23-why-typescript-chose-gatsby/
#gatsby #typescript
Gatsby
Why the TypeScript team is using Gatsby for its new website
Discover why the TypeScript team uses Gatsby, and what constraints they use to make it work for their team
Latihan dasar pengenalan JavaScript modern ES2015 dan beberapa fitur di dalamnya.
https://medium.com/javascript-in-plain-english/javascript-es6-tutorial-a-complete-crash-course-on-modern-js-a09294bffdb7
#es2015 #course #modern
https://medium.com/javascript-in-plain-english/javascript-es6-tutorial-a-complete-crash-course-on-modern-js-a09294bffdb7
#es2015 #course #modern
Medium
JavaScript ES6 Tutorial: A Complete Crash Course on Modern JS
Every important update since 2015
Cara mengakses Permission API untuk menampilkan ijin akses fitur browser tertentu kepada pengguna. Misalnya ijin akses meminta lokasi GPS pengguna.
https://levelup.gitconnected.com/getting-browser-user-permission-with-the-permissions-api-eafbc9c7f4d7
#permission #api
https://levelup.gitconnected.com/getting-browser-user-permission-with-the-permissions-api-eafbc9c7f4d7
#permission #api
Medium
Getting Browser User Permission with the Permissions API
We look at the experimental Permissions API.
Latihan menggunakan CSS Property Positition dan Z Index
https://www.freecodecamp.org/news/how-to-use-the-position-property-in-css-to-align-elements-d8f49c403a26/
#css #display #position #property #zIndex
https://www.freecodecamp.org/news/how-to-use-the-position-property-in-css-to-align-elements-d8f49c403a26/
#css #display #position #property #zIndex
freeCodeCamp.org
How to use the position property in CSS to align elements
Positioning elements with CSS in web development isn’t as easy as it seems. Things can get quickly complicated as your project gets bigger and without having a good understanding of how CSS deals with aligning HTML elements, you won't be able to fix your…
Membuat peta dengan pewarnaan grafik chart D3 JS , dan bisa dikombinasikan dengan GeoJSON
https://blog.soshace.com/mapping-the-world-creating-beautiful-maps-and-populating-them-with-data-using-d3-js/
#d3 #chart #maps #geojson
https://blog.soshace.com/mapping-the-world-creating-beautiful-maps-and-populating-them-with-data-using-d3-js/
#d3 #chart #maps #geojson
Soshace
Mapping the World: Creating Beautiful Maps and Populating them with Data using D3.js
A lot of developers consider data visualization with libraries like D3 a complicated topic and avoid it completely. In truth, D3 is a brilliantly-written and documented library that's great to use!
Latihan dasar baru dari Mozilla Web Docs untuk belajar dasar JavaScript Modern.
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics
#mozilla #mdn #basic
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics
#mozilla #mdn #basic
MDN Web Docs
JavaScript basics - Learn web development | MDN
JavaScript is a programming language that adds interactivity to your website. This happens in games, in the behavior of responses when buttons are pressed or with data entry on forms; with dynamic styling; with animation, etc.
This article helps you get…
This article helps you get…
Memasang Swagger untuk dokumentasi API Express JS
https://levelup.gitconnected.com/swagger-time-to-document-that-express-api-you-built-9b8faaeae563
#swagger #rest #documentation
https://levelup.gitconnected.com/swagger-time-to-document-that-express-api-you-built-9b8faaeae563
#swagger #rest #documentation
Contoh sederhana menggunakan Async Function dan Async Await Keyword untuk meringkas dalam menjalankan Promise , contoh Error handling, dan Return Async Await Function .
------
Referensi
WPU
https://www.youtube.com/watch?v=PN42pd5fEs8
MDN
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Async_await
JS Info
https://javascript.info/async-await
#es2015 #es2017 #async #await #promise #modern
------
Referensi
WPU
https://www.youtube.com/watch?v=PN42pd5fEs8
MDN
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Async_await
JS Info
https://javascript.info/async-await
#es2015 #es2017 #async #await #promise #modern
Cara menghentikan proses web Service aplikasi backend Node JS di server dengan cara yang benar
https://yvonnickfrin.dev/shutdown-correctly-nodejs-apps
#nodejs #shutdown #stop #process
https://yvonnickfrin.dev/shutdown-correctly-nodejs-apps
#nodejs #shutdown #stop #process
yvonnickfrin.dev
Shutdown correctly Node.js apps
It is important to shutdown correctly your apps to handle well processing requests and prevent it to accept new ones. I'll take a web server as example. const…
Memantau status koneksi internet aktif atau tidak dengan Network Information API di JavaScript.
https://levelup.gitconnected.com/checking-network-status-with-the-network-information-api-2021d9dc6a7e
#network #status #connection
https://levelup.gitconnected.com/checking-network-status-with-the-network-information-api-2021d9dc6a7e
#network #status #connection
Medium
Checking Network Status with the Network Information API
We look at how to check network connection information with this API.
Mengganti mode terang dan mode gelap Dark Mode sesuai dengan lingkungan sistem operasi , dengan menggunakan CSS Media Query dan JavaScript Event .
https://gosink.in/javascript-css-toggle-dark-light-theme-based-on-your-users-preferred-scheme/
#dark #light #css #mediaquery
https://gosink.in/javascript-css-toggle-dark-light-theme-based-on-your-users-preferred-scheme/
#dark #light #css #mediaquery
Sink In - Tech Learnings
Javascript & CSS — Toggle dark/light theme based on your user's preferred scheme
This blog focuses on how to switch between the dark and the light theme as per your user's preference.
Latihan mengenal propery Object yang ada di dalam Window Document , seperti documentURI, embeds, dan fonts
https://levelup.gitconnected.com/introducing-the-javascript-window-object-document-embeds-and-fonts-5cae7083aec0
#document #window #fonts #embeds #uri
https://levelup.gitconnected.com/introducing-the-javascript-window-object-document-embeds-and-fonts-5cae7083aec0
#document #window #fonts #embeds #uri
Medium
Exploring the JavaScript Window Object: documentURI, embeds, and fonts
We look at the Introducing the JavaScript Window Object — DocumentElement, Embeds, and Fonts Properties
Catatan rilis Popper JS versi 2.x yang kini menggunakan basis kode JavaScript modern dan TypeScript
Blog
https://dev.to/fezvrasta/smarter-tooltips-and-popovers-with-popper-2-44bh
Library
https://popper.js.org/
#popper #popperjs #library #tooltip #popovers
Blog
https://dev.to/fezvrasta/smarter-tooltips-and-popovers-with-popper-2-44bh
Library
https://popper.js.org/
#popper #popperjs #library #tooltip #popovers
DEV Community
Smarter Tooltips and Popovers with Popper 2
Popper 2 introduces big changes, learn more about them in this article.
Komparasi beberapa library Chart atau Diagram untuk Vue JS
https://blog.logrocket.com/charting-with-vue-a-comparison/
#vue #chart #library #chartjs #apex #plotly
https://blog.logrocket.com/charting-with-vue-a-comparison/
#vue #chart #library #chartjs #apex #plotly
LogRocket Blog
Charting with Vue: A comparison - LogRocket Blog
In this tutorial, you'll learn how to create stunning data visuals using chart engines vue-chartjs, vue-plotley, and vue-apexcharts with Vue.js.