Membuat fungsi berganti tema gelap Dark ke tema terang Light dan sebaliknya dengan menggunakan CSS Variables

https://youtu.be/rXuHGLzSmSE

#css #dark #light #variable #cssvariable

Membuat Text Input yang otomatis bertambah baris dan lebarnya sesuai dengan teks yang dituliskan pengguna

https://css-tricks.com/auto-growing-inputs-textareas/

-

Mengganti Favicon secara dinamis dengan gambar Emoji.

https://css-tricks.com/emojis-as-favicons/

-

#css #textinput #input #form #row #lines #favicon #emoji

Cara memasang Bootstrap ke Angular dengan Ngx Bootstrap

https://wuschools.com/ngx-bootstrap/

#angular #bootstrap

Kelas belajar baru dari Dicoding untuk menjadi web developer dengan stack modern dan Node JS.

https://www.dicoding.com/learningpaths/22

#dicoding #es2015 #nodejs

Postman telah membuat dan merilis daftar REST API yang dapat dipakai untuk memantau sebaran virus COVID19 .

Ada banyak daftar API yang telah di Postman kan , dan bisa langsung dipakai secara gratis. Selengkapnya bisa dilihat disini.
https://covid-19-apis.postman.com/

Github Daftar API untuk lebih lengkap
https://github.com/postmanlabs/covid-19-apis

Bagi yang belum tau, Postman adalah provider aplikasi testing untuk menguji REST API dan GraphQL.

#postman #covid19 #restapi

Latihan membuat game Dinosaurus seperti di Google Chrome dengan menggunakan Phaser JS

https://dev.to/mshin1995/making-a-video-game-using-phaser-44m5

-

Beberapa referensi game Engine untuk membangun game dengan JavaScript

https://blog.bitsrc.io/9-top-js-gaming-engines-and-libraries-for-2020-81707d9f095

#phaser #game #dinosaur #chrome

Latihan menggunakan Unit Testing di Vue JS dengan Jest

https://alligator.io/vuejs/vue-testing/

#jest #vue #testing

Latihan membuat game ular ularan dengan JavaScript dengan code pattern functional programming

https://dev.to/patferraggi/build-a-snake-game-in-functional-javascript-part-0-3hbk


#snake #game #functional

Tips penggunaan TypeScript setelah lama menggunakannya di dalam Project

https://levelup.gitconnected.com/lessons-ive-learned-after-a-year-of-using-typescript-1be2853ce6cf

-

Cara menggunakan Async Await di dalam TypeScript JavaScript
https://blog.logrocket.com/async-await-in-typescript/

-

#typescript #async #await

Membuat GraphQL Server untuk aplikasi web berbasis Next JS React JS


https://blog.logrocket.com/building-a-graphql-server-in-next-js/

-

Cara Debugging Child Process di Gatsby JS dengan bantuan Chrome Inspect Debugger
https://indepth.dev/how-to-debug-a-child-process-in-node-and-gatsby-js-with-chrome/

-

Tips migrasi ke Gatsby JS dari developer Cloudfare
https://blog.cloudflare.com/migrating-to-react-land-gatsby/


#next #react #graphql #debug #chrome

Memahami penggunaan Spread Operator dan Rest Parameter di JavaScript ES2015

https://dev.to/kedark/three-dots-in-js-spread-and-rest-explained-40e

-

Cara melakukan lazy loading gambar dengan Intersection Observer JavaScript
https://medium.com/javascript-in-plain-english/how-to-lazy-load-images-with-intersection-observer-beced03e4a43

-

Cara menggunakan ES Module di bagian browser, tanpa build system
https://levelup.gitconnected.com/using-javascript-modules-in-the-browser-2c55bfc5f5e9

-

Menggunakan Web Socket dan RxJS untuk mempermudah Pipeline dan koneksi data

https://itnext.io/simplifying-websockets-in-rxjs-a177b887f3b8

#rxjs #socket #rest #parameter #spread #esmodule #lazy #loading #intersection #observer

Hari ini kami merilis Font pemrograman yang merupakan turunan dari Custom Build Iosevka Font. Font ini diberi nama Iosevka Mayukai yang menjadi pasangan serasi dari Mayukai Theme yang telah duluan ada di VS Code Marketplace.

Font ini merupakan kombinasi dari font Iosevka , Source Code Pro, Menlo, dan Jetbrains Mono, dengan tambahan font ligature di dalamnya. Yang membuat font ini menjadi nyaman dilihat dan mudah dibaca.

Blog catatan rilis, demo font, dan metode build font dengan JavaScript Node JS, bisa dilihat disini.
https://medium.com/kode-dan-kodean/membuat-font-iosevka-mayukai-dengan-custom-build-iosevka-font-fecca4e275e8

Untuk speciment dan bentuk font, link download, cara install, bisa di cek ke halaman Github Page kami disini :
https://github.com/Iosevka-Mayukai/Iosevka-Mayukai
https://github.com/Iosevka-Mayukai/Iosevka-Mayukai/releases

Selamat mencoba.


#font #iosevka #programming

Google dan Awwwards merilis buku digital baru untuk belajar studi kasus penggunaan Progressive Web Apps PWA .

Download buku ini disini :
https://www.awwwards.com/PWA-ebook-vol2/

#pwa #books

Menggunakan Unsplash API untuk membuat tampilan sumber galeri gambar

https://css-tricks.com/add-beautiful-images-with-the-unsplash-api/

#unsplash #api #gallery

Latihan membuat fitur panggilan telepon di backend Node JS Express , dengan interface Nuxt JS, dan memakai API Service dari Nexmo .

https://www.nexmo.com/blog/2020/03/02/how-make-receive-phone-calls-with-nuxt-js-dr


#nuxt #vue #express #nodejs #calling #nexmo #phone

Latihan membuat MERN Stack dengan backend Feather JS dan bukan Express JS

https://www.sitepoint.com/crud-app-node-react-feathersjs/

#mern #react #featherjs #nodejs

Membuat GraphQL Server dengan tambahan TypeScript di dalamnya :

https://blog.logrocket.com/integrating-typescript-graphql/

#typescript #graphql

Generator Resume atau CV online yang dibuat dengan React dan Tailwind CSS , silahkan dicoba di :

https://dev.to/amruthpillai/ever-dreamed-of-a-free-and-open-source-resume-builder-that-doesn-t-store-your-data-meet-reactive-resume-1dpl

Kode sumber
https://github.com/AmruthPillai/Reactive-Resume/

-
Resume dan Portofolio interaktif yang dibuat dari React JS , bisa di clone dan di hosting di server sendiri.

https://dev.to/thedamfr/react-ultimate-resume-a-modern-software-developer-resume-built-with-react-and-jsonresume-1pbj

Kode sumber
https://github.com/welovedevs/react-ultimate-resume


#resume #cv #generator #react #tailwind

Apa itu Cookies dan cara penggunaannya dengan JavaScript

https://alligator.io/js/what-are-cookies/


#cookies #javascript

Trik penggunaan Error Handling di JavaScript

https://blog.logrocket.com/exception-handling-in-javascript/

#error #handler #exception

Menggabungkan Axios ke dalam RxJS dan TypeScript , dan digunakan dengan contoh kasus pada React JS

https://medium.com/front-end-weekly/how-to-wrap-axios-inside-rxjs-with-typescript-and-react-6c21e47dcb63

#axios #rxjs #typescript #react