Node JS versi 14 telah dirilis ke dalam bentuk LTS / Long Term Support dan stabil. Catatan rilisnya bisa dilihat disini.

https://nodejs.org/en/blog/release/v14.15.0/

---

Node JS versi 15 telah dirilis dengan beberapa tambahan dan perbaikan fitur , catatan rilisnya dapat dilihat di bawah ini.

https://nodejs.medium.com/node-js-v15-0-0-is-here-deb00750f278

#nodejs #release #lts

Menggunakan Nx DevTools untuk mempermudah pengembangan aplikasi web Angular

https://blog.nrwl.io/modern-angular-39b3f360f3d9

—-

Beberapa Component library untuk Angular

https://dev.to/citrusbug/7-best-angular-component-libraries-to-use-in-2020-5471

---

Beberapa pembaruan untuk desain dokumentasi Material Angular

https://blog.angular.io/giving-material-angular-io-a-refresh-d869850026bd

---

Menambahkan judul halaman aplikasi web dengan menggunakan Angular

https://reactgo.com/angular-document-title/

---

Membuat sistem Authentication di Angular dengan bantuan library Auth0

https://medium.com/javascript-in-plain-english/create-angular-web-authentication-with-auth0-428d162f341f

---

Latihan menggunakan NGXS untuk menyimpan data state sementara di Angular

https://medium.com/front-end-weekly/ngxs-storage-plugin-usage-in-angular-28b95795a62f

#angular #component #title #document #material #auth #auth0 #ngxs #nx

JavaScript Weekly 511
10/27/2020

• News React 17.0 Released
• News Node 15 Released
• News New Course: Introduction to Next.js, The Full-Stack React Framework
• News What Vue.js Does Better Than React
• News Skypack Discover: A Way to Discover and Test Recommended JS Packages
• News React JS Developer (Remote)
• News JavaScript/TypeScript Architect + Developer Advocate, London UK
• News Find a Job Through Vettery
• News Dissecting A Dweet: City Sunset
• News 'Basic Authentication' with Lambda@Edge
• News All the Canaries Lived: It’s Time to Adopt Progressive Delivery
• News Getting Started with Next.js
• News Introducing the Async Cookie Store API (in Chrome 87)
• News Getting Started with OpenTelemetry in JavaScript and Node.js
• News JSDB 1.0: An In-Memory, Streaming Write-on-Update Node.js Database
• News Pikaday: A Mature Date Picker with No Dependencies
• News NSFW JS: TensorFlow-Powered Client Side Indecent Content Checking
• News Stream Chat API & JavaScript SDK for Custom Chat Apps
• News JZZ: A MIDI Library for Node and the Browser
• News Fingerprint JS 3.0: Modern and Flexible Browser Fingerprinting Library
• News 73 Awesome NPM Packages for Productivity


Tags: #weekly #nodejs
JavaScript Indonesia Community

Referensi konfigurasi desktop untuk bekerja bagi software developer

https://dev.to/sarthology/send-a-picture-of-your-desk-4i5d

#desk #workstation

Perbedaan antara fungsi Bind, Call , dan Apply terhadap fungsi lainnya di JavaScript

https://codeburst.io/javascript-under-the-hood-pt-4-bind-call-and-apply-22e2b46b3882

—-

Membuat Infinite Scroll dengan JavaScript , HTML, dan CSS

https://medium.com/javascript-in-plain-english/building-an-infinite-scroll-with-vanilla-javascript-32810bae9a8c

—-

Memahami History API di JavaScript untuk navigasi ke halaman yang sebelumnya yang telah dijelajahi

https://medium.com/javascript-in-plain-english/understanding-the-web-history-api-in-javascript-eac987071d4d

—-

#bind #call #apply #infinite #infiniteScroll #historyAPI #history #navigation

Next JS versi 10 telah rilis dengan banyak tambahan fitur baru, dan dibahas oleh channel Codedamn berikut ini.

https://youtu.be/JWCS5IdECVI

---

Blog catatan rilis Next JS 10 dari Vercel

https://nextjs.org/blog/next-10

---

Template atau Boilerplate atau kerangka Starter project untuk membuat aplikasi web e-commerce dengan Next JS dan React JS

https://github.com/vercel/commerce

---

Latihan panjang membuat blog sederhana dengan Next JS dan DevTo CMS

https://dev.to/nimbel/simple-static-blog-with-next-js-and-dev-to-as-cms-4pej

---

Netlify sekarang mendukung preview mode dari Next JS

https://www.netlify.com/blog/2020/10/27/preview-mode-for-next.js-now-fully-supported-on-netlify/

---

Membuat Star Rating Component pada React JS

https://medium.com/javascript-in-plain-english/how-to-build-a-star-rating-component-in-react-dad06b05679b

---

Tips dan trik dalam menggunakan React Hooks

https://blog.bitsrc.io/best-practices-with-react-hooks-69d7e4af69a7

#nextjs #react #hooks #blog #devto #netlify

Latihan dari channel Online Tutorials tentang animasi Hover effect pada menu menu navigasi

https://youtu.be/7wsTBAN0j2Y

---

Latihan membuat tampilan audio player dengan HTML dan CSS dari channel Online Tutorials

https://youtu.be/xjESJSAfBXE

---

Latihan dasar menggunakan Tailwind CSS pada aplikasi web sederhana

https://dev.to/themesberg/how-to-add-tailwind-css-to-html-1b2a

---

Contoh konfigurasi Tailwind CSS pada Svelte JS dan Storybook

https://dev.to/linh/how-to-configure-tailwindcss-for-svelte-and-storybook-2020-update-40pl

---

#css #hover #mediaplayer #html #tailwind

Repository Github yang berisi proyek menarik untuk latihan Javascript

https://medium.com/javascript-in-plain-english/top-javascript-github-repositories-for-you-79b4a20cc0b

---

Membuat game suit batu gunting kertas dengan Javascript

https://medium.com/javascript-in-plain-english/building-a-rock-paper-scissors-game-with-javascript-bce23d39509d

---

Beberapa fungsi manipulasi Array yang perlu diketahui

https://medium.com/javascript-in-plain-english/advanced-array-methods-in-javascript-d33e4b12de25

---

Perbedaan Rest Parameter dan Spread Operator di Javascript

https://dev.to/scdan0624/javascript-es6-rest-spread-569

---

#github #learning #game #rockpaperscissor #rest #spread #array

Memperkenalkan API Public untuk mengakses data skor dan informasi pertandingan olahraga

https://davidwalsh.name/sports-data-for-developers-sportdataapi

---

#sports #api

Maximillian S. dan Academind telah merilis course panjang dan lengkap tentang penggunaan Docker dan Kubernetes. Course ini telah dirilis di Academind dan Udemy .

https://www.youtube.com/watch?v=1mzlOUyPkzU

untuk Udemy, kelas ini dapat dibeli dengan voucher diskon berikut ini.
https://www.udemy.com/course/docker-kubernetes-the-practical-guide/?couponCode=EARLY_BIRD

#docker #udemy #academind

Latihan menggunakan React JS dengan membuat 15 proyek sederhana dari John Smilga dan Freecodecamp

https://www.freecodecamp.org/news/solidify-your-react-skills-by-building-15-projects/

---

Latihan menggunakan React dan TypeScript dari setelan dasar dengan Webpack

https://dev.to/nomoredeps/beginner-react-typescript-from-scratch-5dah

---

Mengenal library UseTheForm , library untuk membuat form input secara declarative dengan React Context dan Hooks

https://medium.com/dailyjs/usetheform-react-library-for-composing-declarative-forms-1e01f4473b72

---

Beberapa kelebihan Gatsby JS sebagai framework untuk Static content

https://dev.to/guyett92/the-power-of-gatsby-5-reasons-why-you-should-use-it-1eih

---

#react #course #freecodecamp #context #hooks #gatsby #usetheform #form #webpack #typescript

Mengakses data Cookies dan Forms dari request yang diterima dalam Node JS Express JS

https://medium.com/javascript-in-plain-english/accessing-data-from-cookies-and-forms-using-express-node-js-c140c9f59f6d

—-

Latihan sederhana membuat server streaming video dengan Node JS

https://dev.to/abdisalan_js/how-to-code-a-video-streaming-server-using-nodejs-2o0

---

Memasang fungsi Cron Job di dalam server Node JS

https://dev.to/ahmedmagdy11/building-a-cronjob-server-with-nodejs-1dgi

---

Konversi alamat menjadi koordinat latitude longitude dengan Node JS

https://levelup.gitconnected.com/how-to-geocode-a-street-address-in-node-js-eba0c8071f4

---

#nodejs #streaming #cronjob #geocode #express #cookies #forms

Latihan menggunakan Nuxt JS dan GraphQL dengan bantuan Hasura API

https://www.netlify.com/blog/2020/10/26/graphql-with-hasura-and-nuxt/

---

Mempersingkat waktu build Nuxt JS dari 30 menit menjadi 1 menit dengan beberapa tips di bawah ini

https://dev.to/lukeocodes/make-nuxt-js-go-brrrrrrrr-30-minute-to-1-minute-builds-on-netlify-f6e

---

Membuat aplikasi dengan component penghitung jumlah like dengan Nuxt JS , Fauna Db , dan hosting ke Netlify

https://dev.to/davidtparks/build-a-like-counter-with-fauna-netlify-and-nuxt-m7

---

Daftar tools , component , dan library penting untuk pengembangan aplikasi web dengan Vue JS

https://www.smashingmagazine.com/2020/10/useful-tools-vue-javascript-web-development/

---

Membuat sitemap untuk aplikasi Nuxt JS dengan konten routing yang dinamis

https://dev.to/andynoir/sitemap-for-dynamic-routes-in-nuxtjs-4b96

---

#nuxt #vue #graphql #optimization #build #tools #netlify #faunadb #hasura #graphql

Tips dan trik menggunakan Mongoose untuk ORM dari MongoDb

https://www.freecodecamp.org/news/mongodb-mongoose-node-tutorial/

---

Latihan menggunakan Nx dev tools untuk membuat kerangka aplikasi backend Node JS dengan mudah karena telah disediakan boilerplate dan schematics nya.

https://blog.nrwl.io/building-node-applications-with-nx-dev-tools-f41035f771ae

—-

Latihan sederhana membuat aplikasi video chat dengan Node JS, Socket IO , dan WebRTC

https://medium.com/@rydotinfotech/building-a-video-chat-using-node-js-webrtc-and-socket-io-52b930346e6c

—-

Membuat server SMTP untuk menerima email dengan menggunakan Node JS

https://medium.com/the-innovation/create-an-smtp-server-with-nodejs-5688d8fd882e

—-

Menambahkan dokumentasi REST API dengan Swagger ke Node JS

https://medium.com/bb-tutorials-and-thoughts/how-to-add-swagger-to-nodejs-rest-api-typescript-version-5a63953c993b

—-
nodejs #mongodb #mongoose #nx #webrtc #socketio #smtp #swagger

Latihan berseri mengenal fitur utama dari Promise API seperti Promise All , Promise Race , dan Promise All Settled

https://dev.to/myogeshchavan97/important-methods-provided-by-promise-api-8li

---

Melakukan filter data dengan Javascript dan data attribute di HTML

https://dev.to/dailydevtips1/vanilla-javascript-data-attribute-filters-4gk6

---

Menambahkan lokasi pengguna dengan Geolocation API dari browser

https://dev.to/michaelburrows/using-the-html-geolocation-api-to-display-a-users-location-on-a-map-41ki

---

Latihan berseri membuat game kapal kapalan dengan Javascript TypeScript HTML dan CSS

https://levelup.gitconnected.com/building-a-game-with-typescript-drawing-ship-14e6c19caa38

#promise #filter #geolocation #game #typescript

Latihan bagian ketiga dari Diligent Dev tentang membuat aplikasi film dengan Vue JS , Vuetify , dan Firebase Database.

https://youtu.be/GNCY8O05pXw

---

Latihan sederhana membuat aplikasi Vue dengan Authentication , menggunakan Vuex dan Vue Router

https://www.smashingmagazine.com/2020/10/authentication-in-vue-js/

---

Beberapa tools dan library penting yang sering dipakai dalam pengembangan aplikasi Vue JS

https://www.smashingmagazine.com/2020/10/useful-tools-vue-javascript-web-development/

---

Latihan panjang tentang pengenalan Vue Router untuk navigasi halaman di aplikasi Vue JS SPA Single Page Application

https://www.smashingmagazine.com/2020/08/vue-router-features/

#vue #vuetify #movie #firebase #router #vuex #tools

Memperkenalkan Pikaday , library Date Picker yang dibuat dengan Javascript murni dan dapat dipakai tanpa perlu jquery

https://github.com/Pikaday/Pikaday

#pikaday #library #nojquery #es2015

Daftar library untuk menggunakan teknik lazy loading gambar dengan Javascript

https://blog.bitsrc.io/top-image-lazy-loading-libraries-for-javascript-dc39fbc9511f

---

Alternatif menggunakan Type Checking tanpa perlu TypeScript dengan library Typify JS

https://blog.bitsrc.io/3-typescript-ish-solutions-for-your-type-checking-needs-in-javascript-ac0062fd476c

---

Latihan sederhana membuat game dengan Boxbox JS engine

https://blog.logrocket.com/intro-to-boxbox-js-building-an-angry-birds-clone-with-javascript/

---

#lazyloading #library #boxbox #game #typify

Mengenal library Sharp , yaitu library yang dipakai untuk image processing di backend server berbasis Node JS .

https://medium.com/better-programming/sharp-high-performance-node-js-image-processing-library-3f04df66c722

—-

Cara menambahkan dokumentasi endpoint REST API dengan Swagger

https://medium.com/bb-tutorials-and-thoughts/how-to-add-swagger-to-nodejs-rest-api-7a542cfdc5e1

—-

#nodejs #sharp #image #processing #imageProcessing #swagger

Membuat sistem antrian proses / message queue di Node JS dengan library Bull JS, Redis Database, dan MongoDb

https://medium.com/better-programming/message-queue-using-bull-redis-and-mongodb-in-node-js-d7dedaa426ea

—-

Memahami beberapa kasus penyebab memory leak di Node JS

https://blog.bitsrc.io/memory-leaks-in-nodejs-54ac7bbd4173

—-

Contoh penggunaan PayStack API untuk verifikasi pembayaran dan gateway pembayaran di Node JS

https://medium.com/learnfactory-nigeria/payment-verification-with-node-js-express-axios-and-paystack-api-a41bdec508f1

#nodejs #message #queue #messageQueue #bull #redis #mongodb #paystack #memoryleak

Latihan panjang dan berseri membuat aplikasi backend dengan Nest JS bagian ke 15, yaitu membuat transaksi di dalam PostgreSQL

http://wanago.io/2020/10/26/api-nestjs-transactions-postgresql-typeorm/

---

Membuat sistem otomatisasi membaca data angka dari file text txt dengan Node JS , dan membuat rata-rata dari angka yang telah dibaca tersebut

https://www.freecodecamp.org/news/automate-simple-tasks-with-nodejs/

---

Pengenalan mesin pencari Elasticsearch dengan memasangnya bersama backend Node JS

https://livecodestream.dev/post/2020-10-26-a-quick-introduction-to-elasticsearch-for-node-developers/

---

#nodejs #nestjs #typescript #elasticsearch #automate #postgresql