Mengenal perbedaan Promise All, Promise All Settled , Promise.race dan Promise.any untuk menjalankan Promise secara paralel .

https://medium.com/weekly-webtips/javascript-promises-promise-all-vs-promise-allsettled-vs-promise-race-vs-promise-any-d42b8e272bf8

---

Latihan menggunakan Async Await dan Promise untuk proses asinkroknus di JavaScript

https://www.freecodecamp.org/news/learn-promise-async-await-in-20-minutes/

---

Daftar panjang trik penulisan kode JavaScript yang sering dipakai sehari hari.

https://dev.to/blessingartcreator/8-useful-javascript-tricks-you-didn-t-know-in-4-minutes-3npb

—-

Daftar trik penggunaan dan manipulasi Array pada JavaScript

https://dev.to/kais_blog/14-awesome-javascript-array-tips-you-should-know-about-1d0m

—-

Cara konfigurasi TypeScript dengan ESLint dan Prettier di VS Code

https://dev.to/sam_piggott/setting-up-typescript-with-eslint-prettier-for-visual-studio-code-1e3h

—-

Latihan membuat jam stopwatch dengan JavaScript

https://dev.to/gspteck/create-a-stopwatch-in-javascript-2mak

---

Mengenal tentang penggunaan "this" object di dalam JavaScript

https://dev.to/alexdevero/a-quick-guide-to-this-keyword-in-javascript-what-this-is-and-when-7i5

---

#promise #async #await #tips #trick #array #this

Membuat fitur lazy loading component dan router dengan Angular

https://www.thirdrocktechkno.com/blog/lazy-load-component-with-angular-10/

---

Tips optimasi aplikasi web Angular yang memiliki performa lambat

https://www.thirdrocktechkno.com/blog/top-reasons-why-your-angular-app-is-slow/

---

Membuat fitur drag and drop dengan Angular

https://www.thirdrocktechkno.com/blog/building-interactive-lists-with-the-new-angular-7-drag-and-drop-tool/

---

Mengenal aa itu MEAN Stack yang merupakan fullstack JavaScript

https://www.thirdrocktechkno.com/blog/what-is-mean-stack-mean-stack-components-and-benefits/

---

Menggunakan fitur server side rendering di Angular

https://www.thirdrocktechkno.com/blog/server-side-rendering-with-angular-10/

---

Membuat fitur lokalisasi bahasa atau i18n di Angular

https://www.thirdrocktechkno.com/blog/how-to-implement-localization-in-angular-10/

---

Contoh penggunaan Getter Setter di TypeScript

https://levelup.gitconnected.com/advantages-of-typescript-getters-and-setters-in-angular-668f4639ad0c

#angular #lazyload #component #ssr #i18n #mean #dragdrop #getter #setter

Tips dan trik terbaik dalam melakukan desain dan struktur backend berbasis REST API

https://medium.com/weekly-webtips/9-best-practices-for-rest-api-design-7fb0b462099b

#restapi #bestpractices

Referensi library JavaScript murni tanpa jquery untuk membuat efek Carousel.

https://dev.to/mycodemagic/top-10-javascript-carousel-libraries-1ech

#library #carousel #nojquery #es6

Ingin kontribusi di Jawa Barat? Yuk, gabung dengan tim Jabar Digital Service!⁣⁣⁣⁣⁣⁣
⁣⁣⁣⁣⁣⁣
Di sini, kamu bakal bantu proses pengambilan kebijakan jadi jauh lebih akurat dan efektif karena berbasis data dan teknologi.
⁣⁣⁣⁣⁣⁣
Simak posisi apa saja yang tersedia dan persyaratan rekrutmennya pada laman resmi kami: digitalservice.jabarprov.go.id/karir
⁣⁣⁣⁣⁣⁣
Catat juga tanggal-tanggal pentingnya ya!⁣⁣⁣⁣⁣⁣

Pendaftaran dan seleksi administrasi:
11-17 Desember 2020 ⁣⁣⁣⁣⁣
Pengumuman Hasil Seleksi Administrasi:
21 Desember 2020⁣⁣⁣⁣⁣
Tes Kompetensi & Wawancara:
21-23 Desember 2020⁣⁣⁣⁣⁣
Pengumuman Hasil Wawancara:
24 Desember 2020⁣⁣⁣⁣⁣
Verifikasi & Validasi:"
28-29 Desember 2020⁣⁣⁣⁣⁣
Pengumuman Akhir:
30 Desember 2020⁣⁣⁣⁣⁣

Sampai jumpa di Jabar Digital Service!⁣⁣⁣⁣⁣⁣
⁣⁣⁣⁣⁣⁣

Halo teman-teman, pada kesempatan kali ini aku mau sharing tetang cara membuat CI/CD Pipeline untuk Aplikasi Typescript dengan container di gitlab. Gak hanya itu aja, aku disini make envoy proxy untuk ngedeploy di 2 environment yang berbeda (Staging & Production)

Semoga bermanfaat :D
https://youtu.be/Sy_Uay0fxlg

Referensi daftar framework JS yang berguna untuk membuat halaman khusus dokumentasi

https://dev.to/sm0ke/documentation-generators-a-curated-list-mkdocs-docsify-vuepress-2794

#docs #generator

Membuat game ular ularan atau Snake dengan Javascript

https://www.freecodecamp.org/news/how-to-build-a-snake-game-in-javascript/

---

Panduan sederhana tentang Location dan Window Location Object di JavaScript

https://levelup.gitconnected.com/introducing-the-javascript-window-object-location-property-introduction-44492019680d

---

Contoh penggunaan Jest untuk unit testing aplikasi web

https://codeburst.io/test-driven-development-with-jest-37e82ddb3989

---

Latihan mengurutkan data di dalam tabel dengan JavaScript murni

https://levelup.gitconnected.com/javascript-table-sorting-part-2-of-2-enhancement-18fe607842b6

---

#snake #game #table #sort #jest

Latihan menggunakan Prisma ORM bersama dengan Next JS dan mode JAMStack

https://www.prisma.io/blog/jamstack-with-nextjs-prisma-jamstackN3XT/

---

Tips membuat aplikasi JAMStack dengan Vue Nuxt atau React Next

https://www.codegram.com/blog/a-jamstack-journey-headless-content-management-with-vue-react/

---

#nextjs #react #jamstack #vue #nuxt

Latihan dari Web Dev Simplified tentang pengenalan event listener di JavaScript dan yang dipasang pada DOM Element

https://youtu.be/XF1_MlZ5l6M

---

Mengenal apa itu Functions, element yang sering dipakai di dalam JavaScript

https://dev.to/avinesh49/functions-the-bread-and-butter-of-javascript-programming-3jh6

---

Mengenal apa itu Class di JavaScript ES2015, dan hubungannya dengan Prototype Inheritance JavaScript

https://levelup.gitconnected.com/prototypal-inheritance-the-big-secret-behind-classes-in-javascript-e7368e76e92a

#es6 #eventListener #functional #class #prototype

Membuat kustomisasi tampilan Form Input dan Text Area dengan CSS

https://moderncss.dev/custom-css-styles-for-form-inputs-and-textareas/

---

Beberapa metode CSS untuk menambahkan garis batas atau border ke dalam element CSS

https://moderncss.dev/the-3-css-methods-for-adding-element-borders/

---

Beberapa kelebihan Tailwind CSS yang menarik untuk membuat desain aplikasi web

https://css-tricks.com/why-i-love-tailwind/

---

Membuat border atau garis batas dengan efek melengkung

https://dev.to/5t3ph/single-side-curved-border-with-css-box-shadow-50eo


#css #input #form #border #tailwind

Jalur belajar pengembangan aplikasi web modern yang menggunakan JavaScript dan Node JS

https://medium.com/swlh/2021-js-fullstack-web-developer-roadmap-part1-d86ac51d5c39

#fullstack #roadmap

JavaScript Weekly 518
12/15/2020

• News The 'Import on Interaction' Pattern
• News The JavaScript Christmas Advent Calendar 2020
• News The Easiest Way to Monitor Node: Automatic Instrumentation
• News Get Ready to Up Your (Google) Apps Script
• News Deno 1.6 Released: You Can Now Build Executables
• News A Deep Dive Into Rome: Linting, Compiling, and Bundling
• News How to Create a 'Client-Serverless' JAMstack App with Netlify, Gatsby and Fauna
• News Breakpoints and console.log Is the Past, Time Travel Is the Future
• News Sticky Table Headers with React Hooks
• News 'No One Ever Got Fired for Choosing React'
• News How to Create a Favicon That Changes Automatically
• News Node.js + Express: An OpenTelemetry Deep Dive
• News A Chat with RedwoodJS's Tom Preston-Werner
• News From Callback Hell to Callback Heaven
• News The 'Async Disposer' Pattern in JavaScript
• News Electron React Boilerplate 2.0: A Foundation for Scalable Cross-Platform Apps
• News htmlparser2 6.0.0: A Forgiving HTML and XML Parser
• News Announcing Prisma Migrate Preview - Simplified Database Migrations
• News SiriWave: The Apple Siri Waveform Replicated in Pure JavaScript
• News eslint-config-prettier 7.0: Turns Off ESLint Rules That Might Conflict with Prettier
• News Software Developer (Austin, TX)
• News Senior Web Developer (Node/ReactJS) - Remote
• News Find Your Next Job Through Vettery


Tags: #weekly #nodejs
JavaScript Indonesia Community

Catatan rilis Firefox 84 dan beberapa fitur baru di dalamnya.

https://hacks.mozilla.org/2020/12/and-now-for-firefox-84/

#firefox

Tips dari Samantha Ming tentang menambahkan element data dan manipulasi data di dalam Array dengan beberapa cara

https://www.samanthaming.com/tidbits/87-5-ways-to-append-item-to-array/

---

Contekan cheatsheet penting untuk melakukan manipulasi URL dengan bantuan window.location Object

https://www.samanthaming.com/tidbits/86-window-location-cheatsheet/

---

Latihan panjang menggunakan Promise API untuk resolve dan reject hasil pengolahan data

https://www.freecodecamp.org/news/javascript-promise-tutorial-how-to-resolve-or-reject-promises-in-js/

---

Pengukuran performa untuk setiap jenis looping Array di JavaScript

https://blog.bitsrc.io/measuring-performance-of-different-javascript-loop-types-c0e9b1d193ed

---

Latihan menggunakan Array.map untuk manipulasi data Array JavaScript

https://levelup.gitconnected.com/map-learning-javascripts-array-methods-by-building-them-32b4facb78c5

---

Menggabungkan dua Array dengan metode Array Destructuring

https://jsmates.com/blog/merging-many-arrays-using-array-destructuring

---

#es2015 #array #map #promise #windowLocation #location #merge #loop

Komparasi beberapa package manager seperti Yarn, PNPM, dan NPM

https://blog.logrocket.com/javascript-package-managers-compared/

---

Mengenal Package manager lain selain NPM yang memiliki beberapa kelebihan

https://blog.bitsrc.io/npm-clients-that-are-better-than-the-original-cd54ed0f5fe7

---

#packageManager #npm #yarn #pnpm

Menggunakan Composition API di dalam project Nuxt JS

https://blog.logrocket.com/handling-server-side-applications-with-nuxts-composition-api/

---

Latihan panjang membuat aplikasi pemesanan makanan dengan Vue Gridsome, Snipcart, dan Strapi CMS

https://dev.to/strapi/build-a-jamstack-food-ordering-application-with-strapi-gridsome-and-snipcart-1-dlg
--
https://dev.to/strapi/build-a-jamstack-food-ordering-application-with-strapi-gridsome-and-snipcart-2-2don

---

Latihan dari channel Programming With Erik membuat aplikasi Vue sederhana yang terintegrasi dengan layanan AWS Amplify

https://youtu.be/Q70eWux2xpQ

#vue #nuxt #composition #aws #amplify #gridsome #strapi

Menggunakan Create React App CLI dengan Linaria CSS in JS library

https://medium.com/better-programming/create-react-app-with-linaria-9938b3b8e94

—-

Cara menggunakan Tailwind CSS versi 2.x ke dalam aplikasi Next JS

https://medium.com/better-programming/how-to-set-up-tailwind-css-v2-0-with-next-js-10-4a82c8f8caaa

#react #next #tailwind #cssInJS #linaria

Latihan penting dari Junior Developer Central tentang membuat offscreen navigation menu yang bersifat responsive ketika dibuka di layar smartphone

https://youtu.be/ZS3w5K0QtAA

---

Latihan ini merupakan kelanjutan dari latihan sebelumnya yaitu membuat Drop down menu yang bersifat responsive mobile

https://youtu.be/Wloh_n6M91Q

---

Latihan dari Online Tutorials membuat efek paralax yang mengikuti pergerakan kursor Mouse

https://youtu.be/-BexUIbuRp8

---

Latihan membuat efek Hamburger Menu dengan menggunakan CSS

https://dev.to/uzomezu/just-css-css-only-hamburger-nav-animation-h0a

---

#css #html #navigation #offscreen #dropdown #paralax #hamburger #menu

Beberapa artikel baru di Medium JavaScript Indonesia.

—-

Artikel yang ini saya tulis untuk pengenalan Worker Thread Pool, dan untuk bagi yang belum tau bahwa kini Node JS runtime sudah mendukung proses komputasi dan manipulasi data yang berat dan rumit.
-
Mengenal Proses Asinkronus dan Implementasi Worker Thread di Express JS
https://medium.com/javascript-indonesia-community/mengenal-proses-asinkronus-dan-implementasi-worker-thread-di-express-js-22b65fa351a4
—-

Setup Mongodb, Mongoose, Node.JS, Express dan JWT bagian 2–Mengenal ORM Model
https://medium.com/javascript-indonesia-community/setup-mongodb-mongoose-node-js-express-dan-jwt-bagian-2-mengenal-orm-model-100060ef4b41

—-

Membuat Restfull Api Menggunakan Express JS, ORM Sequelize dan MySQL Part 3: Login dan Register

https://medium.com/javascript-indonesia-community/membuat-restfull-api-menggunakan-express-js-orm-sequelize-dan-mysql-part-3-login-dan-register-7f3e42e4a42f

#nodejs #workerthread #async #await #worker #nodejs #express #sequilize #orm

Latihan memasang kustomisasi pada Terminal Linux dan Mac dengan Zsh, Oh My Zsh, dan Powerlevel10K

https://youtu.be/pUFbLQOQ50M

---

Contoh konfigurasi Terminal di MacOS dan Linux dengan menggunakan Zsh, OhMyZsh, dan Powerlevel10K

https://medium.com/weekly-webtips/my-terminal-setu-iterm2-zsh-powerlevel10k-f7101ffc72c2

---

Latihan menggunakan perintah terminal dan Bash script

https://dev.to/bobbyiliev/introduction-to-bash-scripting-5571

#zsh #terminal #powerlevel10k #bash