Newline merilis course gratis pengembangan backend aplikasi web modern dengan Node JS, GraphQL, dan TypeScript.

Silahkan di enroll course yang berdurasi sekitar 2 jam ini.
https://www.newline.co/courses/the-newline-guide-to-building-your-first-graphql-server-with-node-and-typescript

#nodejs #typescript #course #graphql

Membuat tabel perkalian bilangan dengan Javascript

https://www.freecodecamp.org/news/multiplication-chart-code-your-own-times-table-using-javascript/

---

Cara menggunakan encode URI di Javascript untuk manipulasi URL

https://www.freecodecamp.org/news/javascript-url-encode-example-how-to-use-encodeuricomponent-and-encodeuri/

---

#multiplication #chart #uri #url #encode

Fun Fun Javascript, web tutorial yang berisi course gratis latihan implementasi Javascript dengan membuat beberapa project kecil dan besar.

https://fun-javascript-projects.com/

---

Tips error handling dalam Javascript Functional Programming

https://dev.to/richytong/practical-functional-programming-in-javascript-error-handling-8g5

---

Latihan penggunaan Promise All Settled untuk proses asinkronus yang berjalan secara paralel

https://davidwalsh.name/promise-allsettled


---

#course #errorhandling #promiseAllSettled

Pengenalan Service Worker dan PWA yang membuat aplikasi web modern menjadi powerful

https://blog.bitsrc.io/how-service-workers-will-reshape-your-modern-web-apps-c0cc85b8a287

---

Latihan bagian pertama membuat aplikasi Progressive Web Apps dari WebDev

https://web.dev/building-a-pwa-at-google-part-1/

---

Pengenalan Native Filesystem API untuk menyimpan file langsung dari browser ke media hard disk komputer

https://web.dev/browser-nativefs/

#pwa #serviceworker #workbox #nativeFs

Latihan panjang pembuatan backend aplikasi web dengan Nest JS dan TypeScript bagian kesepuluh, yaitu membuat fungsi upload file ke server.

https://wanago.io/2020/08/03/api-nestjs-uploading-public-files-to-amazon-s3/

---

Cara melakukan debugging aplikasi Node JS di Heroku

https://blog.heroku.com/debug-node-applications


#nest #typescript #nodejs #heroku #debugging

Diskusi untuk referensi belajar Linux untuk app development

https://dev.to/yujiri8/i-m-gonna-be-learning-linux-p8l

#linux

Catatan rilis library Immer JS , library untuk mengelola immutable state dan variable di Javascript

https://blog.logrocket.com/whats-new-in-immer-7-0/

----

Latihan menggunakan Firebase Database untuk membuat aplikasi chat dengan React JS

https://www.djamware.com/post/5f2a1d9d9c794f177fd7b527/react-js-tutorial-building-firebase-chat-app-react-hooks

#chat #react #firebase #immerjs

Dicoding dan GITS Indonesia mengadakan Webinar via Youtube Live dengan tema "Build a REST API with AdonisJS (bersama backend developer GITS Indonesia)
" . GITS Webinar kali ini akan membahas bagaimana membuat REST API dengan AdonisJS dan Node JS. Mengapa perlu membuat REST API? Tujuannya tidak lain untuk menjadikan sistem yang memiliki performa baik, cepat, dan mudah untuk dikembangkan (scale) terutama dalam pertukaran dan komunikasi data, dst.

Webinar ini GRATIS dan akan dilaksanakan Jumat, 7 Agustus 2020, mulai pukul 19.30 WIB, live di YouTube GITS Indonesia.

Untuk kamu yang ingin mendapatkan GRATIS file materi dari GITS Indonesia setelahnya, segera daftar di Dicoding Indonesia via link di bawah ini ya.

https://www.dicoding.com/events/3309

#adonis #nodejs #webinar #tutorial

Latihan membuat halaman modal atau pop up di Ionic

https://dev.to/daviddalbusco/ionic-fullscreen-modal-menu-popover-hkf

#ionic #modal #popup #popover

Latihan membuat blog dengan Svelte JS dan Strapi CMS

https://www.smashingmagazine.com/2020/08/static-blog-sapper-strapi/


#svelte #blog #strapi #cms

Artikel panjang dan berseri tentang visualisasi data untuk fungsi fungsi di Javascript , seperti Promise , Async , Hoisting, Event Loop, dst

https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke

---

Mengenal variabel dan tipe data String di Javascript

https://dmitripavlutin.com/what-is-string-in-javascript/

---

#visualization #es2015 #es2020 #string

Latihan penggunaan Node JS , Express dan Google Sheet API untuk sumber datanya.

https://dev.to/osumgbachiamaka/how-to-build-an-api-with-nodejs-expressjs-and-google-sheet-1-45gf

—-

Latihan memasang Node JS, Node Version Manager atau NVM, dan Terminal CLI, untuk belajar penggunaan JavaScript
https://dev.to/hansuxdev/learn-javascript-first-with-terminal-nvm-node-js-1icl

——

Latihan menggunakan DevTO API untuk sumber data dari backend Node JS
https://dev.to/lornasw93/using-dev-to-api-and-node-js-22h6


——

Latihan menggunakan Github API untuk sumber data aplikasi backend Node JS

https://dev.to/lornasw93/using-node-js-to-get-useful-github-data-54ne

——

Latihan menggunakan AsyncLocalStorage for Easy Context Passing di Node.js

https://medium.com/trabe/asynclocalstorage-for-easy-context-passing-in-node-js-e33c84679516

——

#nodejs #express #googleSheet #nvm #devto #githubAPI #asynclocalstorage

Cara untuk menambah keamanan aplikasi web dengan benar

https://levelup.gitconnected.com/6-ways-to-improve-your-web-apps-security-now-164ff76661b8

#security

Membuat component untuk menampilkan daftar harga dan paket harga dengan Bootstrap Vue

http://blog.logrocket.com/building-a-pricing-component-in-vue-js-with-bootstrapvue/

---

Latihan menggunakan Bulma CSS dengan Buefy di Vue JS

https://blog.logrocket.com/buefy-vue-js-next-business-website/

---

Mengenal Higher Order Component dan cara menggunakan di Vue JS 3

https://blog.logrocket.com/build-better-higher-order-components-with-vue-3/

---

Integrasi Authentication library, Auth0 SDK ke dalam project Vue JS

https://blog.risingstack.com/auth0-vue-typescript-quickstart-docs/

#vue #auth #auth0 #typescript #bootstrap #bulma #buefy #higherOrder

Beberapa tips dari Samantha Ming tentang Javascript

Menghapus duplikat di dalam Array
https://www.samanthaming.com/tidbits/43-3-ways-to-remove-array-duplicates/

---

Beberapa cara untuk melakukan kombinasi String dengan String yang lain

https://www.samanthaming.com/tidbits/15-4-ways-to-combine-strings/

---

Beberapa metode manipulasi String yang sering dipakai

https://medium.com/front-end-weekly/8-javascript-string-methods-as-simple-as-possible-4239524035e8

---

Beberapa cara untuk mencegah class css yang kosong di Vue JS

https://dev.to/samanthaming/how-to-avoid-empty-class-in-vue-with-null-3iff

---

Nullish Coalescing di dalam TypeScript dan contoh penggunaannya
https://mariusschulz.com/blog/nullish-coalescing-the-operator-in-typescript

---

Beberapa teknik RegExp yang jarang dipakai dalam praktek pemrograman Javascript

https://blog.bitsrc.io/modern-regular-expression-for-web-developers-4-techniques-you-didnt-know-21bbc3157441

----

#duplicate #remove #string #array #vue #null #class #regex #nullishcoalescing

Beberapa cara membuat komponen halaman menjadi ke tengah dengan Flexbox dan CSS Grid

https://dev.to/cjcon90/the-art-of-centering-3epe

---

Referensi dan panduan membuat aplikasi web yang mobile friendly

https://www.lambdatest.com/blog/the-ultimate-guide-to-building-a-mobile-friendly-website/

---

Latihan membuat Tooltips hanya dengan memakai CSS

https://dev.to/dailydevtips1/css-only-tooltips-536l

#center #css #flexbox #grid #mobilefriendly #tooltip

Tips membuat web app modern yang scalable dan biaya yang tepat

https://levelup.gitconnected.com/how-i-build-scalable-modern-web-applications-for-real-users-3910a3e32793

#scalable #nodejs #mern

Membuat dokumentasi project dengan mudah dengan memakai framework Docusaurus , React SSG, dan Node JS

https://blog.logrocket.com/easy-documentation-with-docusaurus/

---

Komparasi antara Blitz JS dengan Redwood JS untuk framework JAMStack berbasis React Node JS

https://blog.logrocket.com/blitz-vs-redwood/

---

Panduan menggunakan React Router di React JS

https://blog.logrocket.com/react-router-v6/

---

#documentation #docusaurus #docs #nodejs #blitzjs #redwoodjs #react #router

Referensi beberapa pertanyaan interview atau wawancara kerja untuk developer Javascript

https://mindmajix.com/javascript-interview-questions

#interview #work

Latihan panjang dari MongoDb membuat game dengan Phaser JS

https://developer.mongodb.com/how-to/maintaining-geolocation-specific-game-leaderboard-phaser-mongodb

---

Latihan dari Mongo Db membuat game menggambar multiplayer dengan Phaser JS

http://developer.mongodb.com/how-to/creating-multiplayer-drawing-game-phaser

---

Membuat aplikasi pemendek URL atau URL Shortener dengan Node JS , Express JS , dan MongoDb

https://dev.to/raymag/building-a-url-shortener-from-scratch-with-nodejs-2o7o

#mongodb #game #phaserjs #nodejs #urlshortener #game

Kelanjutan latihan panjang bagian kesebelas pembuatan aplikasi Point of Sale POS dengan MERN Stack , yaitu melakukan CRUD database dengan relasi di MongoDb

https://blog.soshace.com/create-simple-pos-with-react-js-node-js-and-mongodb-11-crud-with-relation/

---

Course baru dari Hasura tentang penggunaan React JS , Hasura, dan RxDb

https://hasura.io/learn/graphql/react-rxdb-offline-first/introduction/

---

Beberapa referensi UI Framework untuk React JS

https://dev.to/syakirurahman/10-best-react-ui-frameworks-libraries-2020-1o11

#react #ui #framework #mern #mongodb