Latihan menggunakan Notification API untuk membuat native notification di browser langsung.
https://levelup.gitconnected.com/use-the-javascript-notification-api-to-display-native-popups-43f6227b9980
#notification #api
https://levelup.gitconnected.com/use-the-javascript-notification-api-to-display-native-popups-43f6227b9980
#notification #api
Medium
Use the JavaScript Notification API to Display Native Popups
Displaying native notifications is easier than ever.
Latihan menggunakan HTML5 untuk element video dan audio
https://levelup.gitconnected.com/using-html-audio-and-video-elements-af66ee5ae0c5
#html5 #audio #video
https://levelup.gitconnected.com/using-html-audio-and-video-elements-af66ee5ae0c5
#html5 #audio #video
Medium
Using HTML Audio and Video Elements
We look at how to embed media elements and control them with JavaScript.
Latihan dasar membuat aplikasi Progressive Web Apps dengan HTML-CSS-JavaScript murni
https://dev.to/ibrahima92/how-to-build-a-pwa-from-scratch-with-html-css-and-javascript-4bg5
#pwa #spa
https://dev.to/ibrahima92/how-to-build-a-pwa-from-scratch-with-html-css-and-javascript-4bg5
#pwa #spa
DEV Community
How to build a PWA from scratch with HTML, CSS and JavaScript ?
Originally posted on my blog Progressive web apps are a way to bring native app feeling into normal...
Cara mengkonversi waktu dengan Relative Time Format dengan Intl.RelativeTimeFormat di JavaScript . Contoh hasil dari konversi waktu ini yaitu
"1 hour ago" , " 5 minute ago" , "2 day ago" , dan seterusnya.
https://levelup.gitconnected.com/formatting-relative-time-with-javascripts-relativetimeformat-constructor-a5c584ce79a8
#relative #format #time #date
"1 hour ago" , " 5 minute ago" , "2 day ago" , dan seterusnya.
https://levelup.gitconnected.com/formatting-relative-time-with-javascripts-relativetimeformat-constructor-a5c584ce79a8
#relative #format #time #date
Medium
Formatting Relative Time with JavaScript’s RelativeTimeFormat Constructor
With the Intl.RelativeTimeFormat constructor, we can format relative time in a locale sensitive manner with ease. We can style in…
Latihan menggunakan fungsi Math di JavaScript
https://levelup.gitconnected.com/complete-guide-on-math-object-in-javascript-5c641254f288
#math #calculation
https://levelup.gitconnected.com/complete-guide-on-math-object-in-javascript-5c641254f288
#math #calculation
Medium
A Complete Guide to the Math Object in JavaScript
In JavaScript Math is built-in static object allows you to perform Mathematical operations on Numbers.
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
The Best React-Based Framework | Gatsby
Gatsby is a React-based open source framework with performance, scalability and security built-in. Collaborate, build and deploy 1000x faster on Netlify.
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: Adding interactivity - Learn web development | MDN
JavaScript is a programming language that adds interactivity to websites. You can use it to control just about anything — form data validation, button functionality, game logic, dynamic styling, animation updates, and much more. This article gets you started…
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