Latihan melakukan filter element di dalam Array JavaScript

https://dev.to/jamesqquick/javascript-array-filter-method-practice-in-5-minutes-2lp1

—-

Cara menghitung jumlah suatu kata dari kumpulan kata di dalam text field

https://dev.to/elijahtrillionz/how-to-count-the-number-of-words-of-a-field-in-javascript-2cj0

---

Beberapa cara melakukan HTTP Request dengan JavaScript murni dan tanpa perlu jquery lagi.

https://www.freecodecamp.org/news/here-is-the-most-popular-ways-to-make-an-http-request-in-javascript-954ce8c95aaa/

---

Latihan menggunakan JavaScript Class ES6

https://blog.logrocket.com/the-bleeding-edge-of-javascript-classes/

#array #filter #count #http #class #es2015

Latihan menggunakan Firebase dengan backend Node JS berbasis Adonis JS

https://blog.logrocket.com/configuring-cloud-firestore-in-adonisjs-for-crud-requests/

---

Membuat REST API dengan Firebase Cloud Functions, Node JS, dan Firebase Firestore

https://blog.logrocket.com/rest-api-firebase-cloud-functions-typescript-firestore/

---

Menghubungkan MongoDb ke dalam Nest JS dengan bantuan Mongoose

https://medium.com/javascript-in-plain-english/mongoose-with-nestjs-mongodb-a211c26d70da

—-

Latihan sederhana membangun REST API dengan Node JS Express dan Sequilize dan database SQL

https://medium.com/swlh/build-simple-nodejs-api-for-microservice-7da5bf207630

—-

Membaca data berukuran besar dan banyak dengan mudah dan tidak berat, dengan bantuan Node JS API yang bernama Stream API dan Buffer API

https://medium.com/better-programming/a-memory-friendly-way-of-reading-files-in-node-js-a45ad0cc7bb6

—-

Penggunaan Buffer API di dalam Node JS untuk membaca dan menulis file dengan mudah

https://blog.logrocket.com/node-js-buffer-a-complete-guide/

---

Beberapa fitur baru yang terdapat di dalam Node JS 15

https://medium.com/better-programming/whats-new-in-node-js-15-fc24e87e2590


—

#nodejs #adonis #firebase #mongodb #express #sequilize #stream #buffer #functions

Selamat pagi temen2 JavaScript Indonesia 😃😃
Perkenalkan saya Tio dari Glints TalentHub.
Perusahaan yang bergerak dibidang recruitment & people development
Glints.com

Dalam kesempatan ini saya ingin mengundang temen2, join ke event sharing bulanan kita..
Dibulan ini kita ada 2 event yaitu:

Pertama, bagi temen2 IT enthusiast, kita ada provide Data Science part 1 & 2 sebagai kelanjutan dari sesi introduction sebelumnya..kali ini tentu kita akan bahas lebih mendalam materinya..yuks! jangan sampai ketinggalan sesinya.

Kalian bisa register disini ya:
https://forms.gle/p6u3gYZ1P3faxh9u7

Kemudian yang kedua,
kita ada sesi motivational sama Bang Jack, dimana kita akan belajar bagaimana untuk berubah menjadi someone's better di 2021, meninggalkan habit yang kurang baik di masa lalu... kuy lahh gaskaaan mumpung masih awal tahun dan buka lembaran baru di 2021 😎 come on.... "let's Change"!

Registernya bisa disini: https://forms.gle/WLmx3ewWvyeSwEds8

Mengenal Luxon JS, library untuk manipulasi Date yang dibuat oleh pengembang Moment JS

https://medium.com/javascript-in-plain-english/dates-and-time-zone-awareness-in-your-react-application-with-luxon-a-moment-js-successor-d747b2cc0713

---

Bagian kedua pengenalan library manipulasi tanggal yang bernama Luxon JS

https://medium.com/javascript-in-plain-english/meet-luxon-the-new-moment-js-killer-part-2-618053938cb6

#luxon #momentjs

Daftar keycode dan key event dari keyboard dan contoh penggunaannya dengan JavaScript

https://www.freecodecamp.org/news/javascript-keycode-list-keypress-event-key-codes/

---

Komparasi antara Promise JavaScript dengan Observable RxJS

https://dev.to/nomishah/javascript-promises-vs-observables-fpn

---

Pengenalan tentang apa itu Hoisting di JavaScript dan mengatasinya dengan penggunaan Let dan Const

https://dev.to/anuradha9712/hoisting-in-javascript-1kmn

---

Beberapa metode untuk melakukan filter data dan pencarian data di dalam Array JavaScript

https://medium.com/javascript-in-plain-english/12-methods-for-finding-an-item-in-an-array-and-array-of-objects-in-javascript-484a1ba66324

---

Latihan membuat jam digital dengan Javascript, HTML, dan CSS

https://medium.com/javascript-in-plain-english/simple-digital-clock-using-vanilla-javascript-7372ecc28bcc

---

#keycode #keypress #keyvoard #array #filter #digitalclock #hoisting #promise

Daftar video yang dirangkum CSS Tricks yang membahas perkembangan teknologi aplikasi web

https://css-tricks.com/some-recent-videos-about-websites-that-are-pretty-good/

#web #conf

Latihan dasar pengenalan Docker, dan pembuatan Docker Container dan Docker Images untuk proses deploy aplikasi

https://www.freecodecamp.org/news/what-is-docker-used-for-a-docker-container-tutorial-for-beginners/

—-

Cara mempercepat Docker Build dengan Build Kit dari Docker

https://medium.com/javascript-in-plain-english/docker-build-example-nodejs-9eb174e081f1

—

Contoh sederhana membuat Docker Container untuk aplikasi MERN Stack sebelum di deploy ke production

https://medium.com/bb-tutorials-and-thoughts/dockerizing-react-app-with-nodejs-backend-26352561b0b7

---

Cara penting sekali menggunakan Docker Container pada aplikasi MERN Stack sebelum di deploy ke server

https://medium.com/better-programming/dockerizing-react-app-and-express-api-with-mongodb-f3a06bebf570

—-

Tips mengurangi ukuran hasil build container untuk Node JS

https://medium.com/faun/decreasing-your-node-js-docker-image-size-by-90-84cc1b1093d9

#docker #mern #nodejs

Memperkenalkan Napi Rust, library untuk membuat plugin atau addon Node JS dengan menggunakan bahasa Rust

https://napi.rs/

#nodejs #rust #perfomance

Channel Fireship merilis latihan dan pengenalan beberapa fitur dari Progressive Web Apps atau PWA

https://youtu.be/ppwagkhrZJs

---

Cara menampilkan halaman PWA agar tampak layar penuh atau fullscreen

https://dev.to/oncode/display-your-pwa-website-fullscreen-4776

#pwa #fullscreen

Latihan membuat aplikasi Pomodoro dengan Material UI, Tailwind CSS, dan React

https://medium.com/javascript-in-plain-english/build-a-react-pomodoro-app-with-material-ui-and-tailwindcss-e4bab98e30ae

---

Menggunakan useFetch dari React Hooks

https://dev.to/nas5w/writing-your-own-usefetch-hook-in-react-2i3g

—-

Melakukan hosting dengan mudah aplikasi Next JS dengan Google Cloud Run

https://itnext.io/create-a-front-app-immediately-with-next-js-on-google-cloud-run-d0cfde795ce3

—-

Membuat fitur upload files di aplikasi Next JS

https://medium.com/better-programming/upload-files-to-next-js-with-api-routes-839ce9f28430

#react #pomodoro #tailwind #materialui #hooks #nextjs #googleCloud

Tips belajar menggunakan React JS dan beberapa fitur di dalamnya yang perlu digunakan.

https://www.freecodecamp.org/news/how-to-learn-react-skills-you-need-to-know/

---

Latihan membuat fitur Sign In dan Sign Out dengan Easybase di React Native

https://www.freecodecamp.org/news/build-react-native-app-user-authentication/

---

Tips menggunakan React JS dengan TypeScript

https://blog.logrocket.com/typescript-react-and-create-react-app-leveraging-the-power-of-types/

---

Membuat fitur upload banyak gambar di React JS

https://dev.to/bezkoder/react-multiple-images-upload-with-preview-example-5872

---

#react #upload #multiple #image #typescript

Latihan dari Online Tutorials membuat efek hover dengan animasi Neon

https://youtu.be/Q4ta_NZOYwE

#button #hover #effect #neon

Memperkenalkan Operator Lookup, layanan web buatan Josh Comeau yang berisi penjelasan operator operator yang ada di JavaScript, serta contoh kasus penggunaannya

https://www.joshwcomeau.com/operator-lookup/

---

Tips penulisan kode JavaScript yang rapi sesuai kaidah Clean Code dan SOLID

https://dev.to/kais_blog/7-tips-for-clean-code-in-javascript-you-should-know-2533

---

Tips menggunakan operator this di dalam callback JavaScript

https://blog.logrocket.com/access-correct-this-inside-callback-javascript/

---

#operator #lookup #this #callback

Komparasi antara Jotai dengan Recoil untuk state management di React

https://blog.logrocket.com/jotai-vs-recoil-what-are-the-differences/

---

Beberapa cara melakukan HTTP Request di React JS

https://blog.logrocket.com/patterns-for-data-fetching-in-react-981ced7e5c56/

---

Menggunakan React Hooks Form untuk membuat Form Input di Next JS

https://dev.to/ixartz/how-to-create-form-in-next-js-with-react-hook-form-react-tutorial-1l51

---

Cara migrasi dari aplikasi web yang dibuat dengan Create React App ke Next JS

https://dev.to/zsevic/migrating-from-cra-create-react-app-to-next-js-38ob

---

Cara berganti ganti tema di React JS yang menggunakan Styled Component

https://css-tricks.com/theming-and-theme-switching-with-react-and-styled-components/

---

#react #jotai #recoil #statemanagement #nextjs #hooks #form #httpRequest

Cara memasang TypeScript pada aplikasi backend Node JS dan Express JS

https://dev.to/catalinmpit/how-to-use-typescript-in-a-node-js-and-express-project-kdc

---

Referensi beberapa package berbentuk library dan framework yang ada di NPM yang menarik dicoba

https://medium.com/javascript-in-plain-english/73-awesome-npm-packages-for-productivity-c8340b373e57

---

Latihan membaca dan menulis file di dalam folder dengan Node JS Filesystem Module atau Fs Module

https://dev.to/annajmcdougall/reading-and-writing-files-directories-in-nodejs-using-the-fs-core-module-225c

---

Membuat email konfirmasi dari proses Sign Up dengan menggunakan Node JS

https://medium.com/better-programming/how-to-create-a-signup-confirmation-email-with-node-js-c2fea602872a

---

Implementasi Knex JS pada aplikasi Express JS untuk SQL Query Builder

https://loowang28.medium.com/use-sql-query-builder-knex-js-with-node-js-and-express-js-4373e8d3ed33

—-

Cara melakukan web crawling atau scrapping dengan Node JS dan library jsDom

https://medium.com/javascript-in-plain-english/easy-website-crawling-with-jsdom-in-node-js-2ae15e126ed2

#nodejs #typescript #express #email #confirmation #nodemailer #fs #npm #knex

Latihan berseri tentang menggunakan CSS Selector

https://moderncss.dev/guide-to-advanced-css-selectors-part-one/

---

Komparasi beberapa cara untuk menyembunyikan atau hide element HTML dengan CSS

https://css-tricks.com/comparing-various-ways-to-hide-things-in-css/

#css #selector #hide #hidden

Tips dan trik menggunakan Next JS dari tim pembuat Next JS langsung.

https://youtu.be/R59e1Vl5lO8

#nextjs #tips

Daftar candaan atau jokes bertema programming yang menarik

https://medium.com/javascript-in-plain-english/20-programming-jokes-you-can-understand-even-if-you-are-not-a-programmer-14da6bf860e

#jokes