Cara membuat sistem penjadwalan atau Cron Job di Deno TS untuk menjalankan proses secara berkala

https://blog.logrocket.com/setting-up-cron-jobs-in-deno/

#deno #cronjob

Cara menggunakan Docker untuk deploy aplikasi Vue JS dengan NGINX

https://dev.to/nas5w/how-to-serve-a-vue-app-with-nginx-in-docker-4p54

---

Cara deploy aplikasi Vue JS ke layanan hosting Netlify

https://dev.to/xinnks/deploy-vue-cli-apps-on-netlify-2de7

---

Konfigurasi library testing Jest untuk Nuxt JS

https://dev.to/bawa_geek/how-to-setup-jest-testing-in-nuxt-js-project-5c84

---

Cara memasang fungsi prevent default di dalam form submit Vue JS

https://medium.com/javascript-in-plain-english/prevent-form-submission-in-vue-js-c8410cdb4967

---

Latihan penggunaan Composition API di Vue JS 3

https://medium.com/javascript-in-plain-english/a-practical-intro-to-the-vue-3-composition-api-628b6ff15b2f

---

#vue #docker #nginx #composition #netlify #nuxt #form

Referensi beberapa ekstensi VS Code yang sangat berguna menambah tampilan kode agar mudah dibaca

https://www.freecodecamp.org/news/vs-code-extensions-to-boost-your-development-productivity/

---
Contoh penggunaan TypeScript dengan VS Code

https://blog.bitsrc.io/tips-for-coding-typescript-with-vscode-1e56eb54f247

---

Beberapa setelan VS Code dan ekstensi nya yang menarik dipakai untuk mempermudah Programming dengan VS Code

https://dev.to/adamcoster/make-coding-a-joy-with-these-core-vscode-extensions-and-settings-5b5b


#vscode #extension #typescript

Populer Library, Frameworks dan Tools/Plugins Javascript

https://getflywheel.com/layout/best-javascript-libraries-frameworks-2020/

https://www.instagram.com/p/CJY2uQOAxMa/?igshid=jl03j7h0imta

#alcode #library #plugins #frameworks #javascript

Latihan membuat game Flappy Bird bersama Ania Kubow dengan JavaScript Modern, HTML, dan CSS

https://www.freecodecamp.org/news/javascript-tutorial-flappy-bird-doodle-jump/

https://youtu.be/8xPsg6yv7TU

---

Mengenal apa itu Callback dan contoh penggunaan di JavaScript

https://www.freecodecamp.org/news/javascript-callback-functions-what-are-callbacks-in-js-and-how-to-use-them

---

Contoh penggunaan operasi manipulasi Array seperti Map Filter Reduce

https://dev.to/allisoncortez/using-map-filter-and-reduce-collection-processing-methods-in-javascript-2a5o

---

Latihan menggunakan Let dan Const yang menjadi solusi terbaik untuk tidak menggunakan Var

https://dev.to/praveenreddy1798/mastering-let-var-and-const-in-javascript-5gd1

---

Latihan membuat filter Gallery gambar dengan JavaScript, HTML, dan CSS

https://dev.to/codingnepal/responsive-filterable-image-gallery-using-html-css-javascript-36cp

---

Contoh penggunaan Spread Operator dan Rest Parameter di JavaScript

https://dev.to/lo_victoria2666/a-beginner-s-guide-to-in-javascript-3oeh

#game #es2015 #es6 #gallery #let #const #array #callback #spread #rest

Daftar panjang contoh kode penggunaan Bulma CSS untuk layout halaman web

https://dev.to/sm0ke/bulma-css-a-curated-list-with-resources-4o8j

#bulma #layout

Traversy Media dan Dave Gray merilis latihan membuat aplikasi web pencarian data dengan Wikipedia API dan JavaScript modern

https://www.youtube.com/watch?v=Dk6Wopar10k
-
Latihan tentang JavaScript dari channel Dave Gray dapat dilihat pada tautan berikut
https://www.youtube.com/c/DaveGrayTeachesCode/videos

—-

Membuat fitur lazy loading gambar dengan JavaScript murni

https://medium.com/javascript-in-plain-english/lazy-loading-images-with-vanilla-javascript-9e5e5a246df2

—-

Penggunaan metode Some dan Every di dalam Array untuk mengecek keberadaan suatu object dari element Array

https://medium.com/javascript-in-plain-english/the-methods-some-and-every-in-javascript-8b303a36eaae


#traversymedia #search #wikipedia #some #every #lazyloading #image

Contoh penggunaan Angular yang diintegrasikan dengan Nx 11

https://dev.to/this-is-angular/the-ultimate-migration-guide-to-angular-eslint-eslint-and-nx-11-1eh2

---

Membuat sistem Pagination halaman di Angular dengan library Ngx Pagination

https://dev.to/tienbku/angular-11-pagination-example-5bc4

---

Menggunakan Github Actions untuk deploy aplikasi web Angular di dalam Docker

https://dev.to/hatembentayeb/deploying-a-dockerized-angular-app-with-github-actions-59oo


#angular #nx #pagination #githubAction #docker

Alur belajar lengkap pengembangan aplikasi web modern berbasis JavaScript dan Node JS, dan contoh contoh stack nya.

https://www.freecodecamp.org/news/how-to-learn-web-dev-in-2021-roadmap/

---

Insight dan alur belajar pengembangan aplikasi web modern berbasis Node JS dari channel Programming With Erik

https://youtu.be/3mUIuLDX-bg

---

Insight atau jalur belajar yang dapat dipilih untuk pengembangan aplikasi web modern berbasis JavaScript dan Node JS dari Traversy Media

https://www.youtube.com/watch?v=VfGW0Qiy2I0

—-

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

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

https://a-mhaish.medium.com/2021-js-fullstack-web-developer-roadmap-part2-d3579330b0e5

---

Channel Codedamn merilis roadmap atau alur belajar menjadi fullstack web developer modern dengan teknologi berbasis Node JS dan JavaScript. Beberapa teknologi dan framework yang dipakai dapat dilihat pada tautan berikut

https://youtu.be/kYIDqbHlZtk

---

Prediksi perkembangan teknologi aplikasi web di tahun 2021 yang akan datang oleh Codedamn

https://youtu.be/RqSUZ3mn5kM
---

Sekilas perkembangan JavaScript, Node JS, dan JAMStack di tahun 2020 dan yang akan datang

https://thenewstack.io/up-the-stack-a-year-end-review-of-serverless-jamstack-and-javascript/

#roadmap #fullstack #nodejs #mern #mean #mevn #learning #guide

Review 20 game yang dibuat dengan JavaScript, HTML, CSS yang menjadi pemenang kompetisi Js13k 2020, kompetisi membuat game JavaScript dengan maksimal ukuran 13 Kb saja.

Review bersama Freecodecamp dan Ania Kubow
https://youtu.be/GKOgm5-GbUA

---

Daftar pemenang lengkap untuk Js13k Games 2020 bisa dilihat disini. Kode sumber aplikasi juga tersedia di Github untuk bahan belajar.

https://www.freecodecamp.org/news/20-award-winning-games-explained-code-breakdown/

#games #js13k

Latihan panjang dari Online Tutorials tentang membuat penghitung karakter di dalam form atau Character Counter

https://youtu.be/uMxvRVfqyc8

---

Membuat efek bayangan Drop Shadow dengan CSS

https://youtu.be/r3AWyJ8hpkE

---

Pembuatan drop shadow element HTML dengan CSS Paint API

https://css-tricks.com/simulating-drop-shadows-with-the-css-paint-api/

---

#css #counter #character #dropshadow

Latihan panjang pengenalan JavaScript dasar dan modern dari channel JavaScript Mastery.

https://youtu.be/g7T23Xzys-A

---

Pengenalan custom events di JavaScript dan cara implementasi nya dengan contoh kasus tertentu

https://blog.logrocket.com/custom-events-in-javascript-a-complete-guide/

---

Memahami perbedaan fungsi Call, Bind, dan Apply di JavaScript

https://dev.to/devcj_in/call-apply-and-bind-in-javascript-1ihh

---

Memahami konsep Object dan Function yang menjadi elemen dasar dari JavaScript

https://medium.com/javascript-in-plain-english/javascript-basics-objects-and-functions-30726efc766d

---

#es2015 #es6 #bind #call #apply #course #object #function #custom #event

Latihan dasar pengenalan Docker Compose

https://dev.to/rinkiyakedad/introduction-to-docker-compose-11of

---

Tips mempercepat Docker Build dengan Docker cache

https://dev.to/geshan/docker-build-example-how-to-go-from-slow-to-fast-docker-builds-3jni

---

Contoh implementasi Docker pada aplikasi backend Node JS

https://dev.to/digitalocean/how-to-build-a-node-js-application-with-docker-quickstart-432

---

Contekan atau Cheatsheet penting untuk penggunaan Docker

https://dev.to/emarsys/the-missing-docker-cheatsheet-4dbg

---

Perbedaan antara Docker dengan Kubernetes serta contohnya

https://www.freecodecamp.org/news/kubernetes-vs-docker-whats-the-difference-explained-with-examples/


#docker #compose #cheatsheet #nodejs #kubernetes

Latihan panjang sekali dan berseri membuat aplikasi jual beli atau e-commerce dengan Node JS MERN Stack

https://dev.to/zeeshanhshaheen/how-i-built-an-e-commerce-website-in-react-js-and-node-js-in-1-week-part-1-3-2b8a

---

Daftar penjelasan fitur baru dari Next JS versi 10

https://blog.bitsrc.io/exciting-features-in-nextjs-v10-a790edb752b6

---

Melakukan fungsi upload file di React JS dengan library React Uploady

https://blog.logrocket.com/using-react-uploady-to-upload-files/

---

Latihan menggunakan Axios di React untuk mengambil data dari REST API

https://dev.to/tkbraincodes/using-a-rest-api-in-react-f6n

---

Membuat fungsi Dark Mode dengan React Hooks

https://dev.to/joefstack/how-to-do-dark-mode-with-react-hooks-23gi

---

Membuat sistem authentication dengan Firebase Auth di React JS

https://medium.com/javascript-in-plain-english/create-a-simple-authentication-form-with-react-and-firebase-f29f723b341c


#nodejs #mern #react #express #firebase #ecommerce #auth #hooks #darkmode #upload #nextjs

Membuat tautan unduh atau link download di dalam HTML dengan attribute di a href

https://www.samanthaming.com/tidbits/38-html-download-attribute/

---

Cara mengambil semua element input yang berada di dalam Form HTML dengan JavaScript murni

https://dev.to/dailydevtips1/vanilla-javascript-get-all-elements-in-a-form-26i4

---

Beberapa library utility JavaScript yang bisa membantu proses pengembangan aplikasi web

https://medium.com/javascript-in-plain-english/javascript-utility-libraries-d9aad9ea2401

---

Komparasi cara kerja dan performa Promise yang dibandingkan dengan setTimeout di JavaScript

https://dmitripavlutin.com/javascript-promises-settimeout/

---

Pengenalan beberapa selector CSS yang biasa dipakai di HTML

https://dev.to/5t3ph/guide-to-advanced-css-selectors-part-two-1300

---

Daftar build tools untuk pengembangan aplikasi web modern berbasis JavaScript

https://www.freecodecamp.org/news/front-end-development-tools-you-should-know/

---

Cara membuat efek garis bawah pada Element text dengan CSS Underline

https://dev.to/sharkcoder/css-underline-10-examples-3k7m

#css #html #link #download #form #input #promise #timeout #underline

Kumpulan dashboard admin untuk aplikasi web berbasis React JS

https://dev.to/sm0ke/react-dashboard-5-modern-ui-kits-for-2021-4jd5

—-

Mengenal React Server Component dan contoh penggunaan

https://medium.com/javascript-in-plain-english/react-server-components-2cf9f8e82c1f

---

Melakukan integrasi datatable AG-Grid ke project React JS

https://medium.com/javascript-in-plain-english/integrating-ag-grid-into-your-react-application-53f430a3ab05

---

#react #grid #datatable #agGrid #template #dashboard

Daftar latihan dari YouTube Online Tutorials yang berjumlah 270 tutorial yang dirangkum dalam rekapitulasi tahun 2020 lalu.

https://youtu.be/iZ9tuuZzY_g

---

Daftar latihan penting untuk membuat element ke tengah atau Centering element dengan CSS

https://css-tricks.com/centering-in-css/

https://css-tricks.com/centering-css-complete-guide/

---

Daftar artikel populer seputar CSS dari CSS Tricks pada tahun 2020 lalu.

https://css-tricks.com/thank-you-2020-edition/

---

Latihan sederhana membuat sidebar menu dengan CSS dan HTML

https://dev.to/florincornea/modern-sidebar-menu-53o1

---


#css #center #centering #sidebar

Tips optimasi aplikasi backend berbasis Node JS untuk performa yang lebih baik dan stabil

https://medium.com/javascript-in-plain-english/9-ways-to-optimize-node-js-applications-2d1444b02985

---

Panduan untuk menambah keamanan sistem backend berbasis Node JS

https://dev.to/shaikhshahid/a-guide-to-securing-node-js-applications-4bcc

---

Membuat sistem verifikasi pengguna dengan menggunakan email pada backend sistem Node JS

https://medium.com/javascript-in-plain-english/how-to-verify-users-in-express-js-24c020433b2a

---

Latihan dari Codedamn untuk pengenalan cara kerja Node JS, callstack, event loop, queue, dan masih banyak lagi

https://youtu.be/qG-PLm3APSs

#nodejs #express #optimization #performance #email #verification #security

Daftar candaan seputar software developer yang menarik

https://medium.com/javascript-in-plain-english/life-of-a-programmer-in-simple-jokes-that-will-make-you-laugh-52ccfbf77438

#jokes

Menggunakan Google Sheets dan Google App Script untuk membuat dashboard dengan Chart JS

https://towardsdatascience.com/how-to-create-dashboard-for-free-with-google-sheets-and-chart-js-8c319ab8809b

#sheet #appScript #dashboard #chartjs