Nuxt JS meluncurkan halaman khusus untuk mencari dan menampilkan modul-modul serta plugin Nuxt yang dikembangkan oleh komunitas Nuxt dan Vue JS. Selengkapnya bisa dilihat disini

https://modules.nuxtjs.org/

---

Latihan panjang sekali yang berisi latihan membuat 10 aplikasi web sederhana dengan Vue JS dalam waktu 10 jam

https://dev.to/sarthaksavvy/vue-3-10-apps-in-10-hours-29o7

---

Integrasi Vuex dengan Vue Composition API

https://dev.to/chiborg/integrating-vuex-with-the-vue-composition-api-4da9

---

Latihan membuat aplikasi PWA dengan Nuxt JS

https://dev.to/robotoptimist/nuxt-offline-first-pwa-tutorial-3geb

---

#nuxt #vue #module #tutorial #pwa #spa

FlorinPop merilis latihan membuat Chuck Norris Jokes Generator dengan React JS

https://youtu.be/ZvBfdocJOlY

---

Latihan panjang sekali banget membuat aplikasi sosial media dengan MERN Stack dan Node JS

https://www.freecodecamp.org/news/learn-how-to-use-react-and-graphql-to-make-a-full-stack-social-network/

---

Latihan panjang membuat Datatable di React dengan Material UI Component

https://dev.to/cubejs/react-data-table-with-material-ui-and-a-spark-of-joy-50o1

---

Latihan dari Junior Developer Central tentang pembuat aplikasi YouTube Video Viewer dengan React JS

https://youtu.be/X6GpRxu4q_s

---

#react #mern #hooks #tutorial

Latihan panjang pembuatan aplikasi peringkat negara dengan React Next JS dan deploy ke layanan Vercel

https://dev.to/nghiemthu/full-project-based-tutorial-react-next-js-free-434l

—-

Beberapa fitur baru di Next JS 10 dan beberapa kekurangan yang perlu diperhatikan

https://dev.to/nialljoemaher/nextjs-v10-highlighting-the-good-great-and-awesome-updates-2b0e

—-

Latihan sederhana pembuatan aplikasi web dengan Next JS , Contentful CMS , dan GraphQL

https://dev.to/hack4impact/nextjs-contentful-cms-graphql-oh-my-352o

—

Deploy aplikasi Next JS 10 ke layanan serverless Vercel dengan bantuan Github Actions

https://dev.to/okeeffed/deploying-next-js-10-with-vercel-cli-and-the-vercel-github-integration-14hf

—-

#nextjs #vercel #githubaction #course #tutorial

Microsoft merilis video latihan berseri tentang pengenalan JavaScript dan Node JS di Youtube channel Microsoft Developer

Salah satu videonya :
https://www.youtube.com/watch?v=FeJVdCz_uco&list=PLlrxD0HtieHje-_287YJKhY8tDeSItwtg&index=1

Playlist lengkapnya
https://www.youtube.com/playlist?list=PLlrxD0HtieHje-_287YJKhY8tDeSItwtg

—-

Microsoft merilis course tentang pengenalan JavaScript Modern di Youtube.

Salah satu videonya :
https://www.youtube.com/watch?v=_EDM5aPVLmo&list=PLlrxD0HtieHhW0NCG7M536uHGOtJ95Ut2&index=1

51 video latihannnya yang terangkum di dalam playlist ini.
https://www.youtube.com/playlist?list=PLlrxD0HtieHhW0NCG7M536uHGOtJ95Ut2

—-

Course lain dari Microsoft Learning :

Build JavaScript applications with Node.js
https://docs.microsoft.com/en-us/learn/paths/build-javascript-applications-nodejs/

—-

Build a simple website using HTML, CSS, and JavaScript
https://docs.microsoft.com/en-us/learn/modules/build-simple-website/

#nodejs #course #learning #es2015 #guide

Channel Fireship merilis latihan penggunaan React dengan modul WASM FFMpeg untuk membuat aplikasi web editing video

https://youtu.be/-OTc0Ki7Sv0

---

Latihan sederhana membuat aplikasi web pencarian film dengan React dan Omdb API

https://blog.logrocket.com/building-a-movie-search-app-in-react/

---

Mengenal SearchKit, layanan untuk membuat UI pencarian yang sudah dilengkapi dengan ElasticSearch dan GraphQL

https://blog.graphqleditor.com/searchkit/

---

#react #wasm #videoEditing #movie #omdb #searchkit #elasticsearch

Latihan-latihan dari web Superjavascript tentang penggunaan JavaScript, seperti latihan menggunakan Regexp

https://superjavascript.com/t/javascript-regex/

---

Atau menggunakan Date Object untuk manipulasi tanggal di JavaScript

https://superjavascript.com/t/javascript-dates/

---

Latihan lain dapat dilihat pada tautan berikut ini

https://superjavascript.com/

#tutorial #date #regexp

Latihan dasar dan berseri mengenal Vue Nuxt JS untuk membuat aplikasi web

https://dev.to/hostman_com/how-to-create-your-first-nuxt-js-app-lch

---

Menambahkan Tailwind CSS 2.x ke dalam Vue JS dan contoh penggunaan dark mode dengan Tailwind CSS

https://dev.to/tonyketcham/vue-tailwind-2-0-dark-mode-using-vuex-localstorage-and-user-s-default-preference-439g

---

Latihan membuat halaman daftar isi dengan Nuxt JS Active States

https://dev.to/davidtparks/nuxt-table-of-contents-with-active-states-4mm4

#vue #nuxt #tutorial #tailwind #darkmode

Docker merilis latihan resmi dan gratis yang diberi nama Docker 101 tutorial.

Tutorial resmi ini dapat diakses pada tautan berikut ini
https://www.docker.com/discover/get-started/101-tutorial

---

Tips deploy aplikasi tanpa terjadi down server atau zero downtime dengan Github dan Docker. Contoh kasus deploy ke Digital Ocean.

https://blog.logrocket.com/zero-downtime-deploys-with-digitalocean-github-and-docker/

#docker #tutorial #course #zero #downtime

Komparasi beberapa framework JS dengan React JS

https://blog.logrocket.com/comparing-the-best-new-javascript-frameworks-to-react/

---

Referensi beberapa project berbasis React JS yang dapat dipakai sebagai latihan

https://www.freecodecamp.org/news/react-projects-you-should-build-this-year/

---

Referensi struktur project berbasis React JS

https://www.freecodecamp.org/news/a-better-way-to-structure-react-projects/

---

Beberapa cara untuk mengambil data dengan Fetch di Next JS

https://dev.to/jameswallis/different-ways-to-fetch-data-in-next-js-server-side-and-when-to-use-them-1jb0

---

Latihan dasar membuat aplikasi berbasis Progressive Web Apps dengan React JS

https://dev.to/sanity-io/make-a-progressive-web-app-with-react-45gh

---

Panduan menggunakan useReducer di React Hooks

https://blog.logrocket.com/guide-to-react-usereducer-hook/

---

Membuat sitemap pada halaman web Next JS

https://levelup.gitconnected.com/generate-a-sitemap-with-next-js-and-typescript-906add9df0a7

#react #reducer #comparison #nextjs #pwa #tutorial #sitemap

Latihan menggunakan Git Version Control bagi pemula

https://www.freecodecamp.org/news/what-is-git-learn-git-version-control/

#git #tutorial

Daftar referensi penting dan lengkap untuk belajar Javascript modern dan Node JS, untuk pembuatan backend, front end, dan aplikasi lainnya

https://dev.to/hulyakarakaya/ultimate-free-javascript-resources-2802

---

Daftar fitur terbaru dari ES2021 yang sudah mulai dapat digunakan dengan bantuan Babel

https://blog.logrocket.com/new-es2021-features-you-may-have-missed/

---

Latihan penting memecah Array JavaScript menjadi Array baru dengan jumlah isi Array genap ataupun ganjil.

https://stackabuse.com/how-to-split-an-array-into-even-chunks-in-javascript/

---

Daftar referensi latihan membuat project sederhana dengan JavaScript, HTML, dan CSS

https://dev.to/pascavld/7-projects-ideas-to-build-as-a-beginner-web-developer-html-css-and-javascript-only-5ebn

---

#course #tutorial #es2021 #split #array #html #css

Daftar latihan panjang dan komplit seputar JavaScript, HTML, dan CSS dengan contoh kasus pembuatan aplikasi tertentu

https://www.freecodecamp.org/news/javascript-projects-for-beginners/

---

Mengenal konsep functional programming di JavaScript

https://www.freecodecamp.org/news/functional-programming-in-javascript-for-beginners/

---

Beberapa cara untuk melakukan proses looping di JavaScript

https://betterprogramming.pub/5-different-ways-of-iterating-with-javascript-loops-fcb223b0f21f

---

Latihan melakukan penyimpanan data dan pengambilan data dengan IndexedDb di sisi browser

https://medium.com/front-end-weekly/indexeddb-manipulation-with-dexie-iteration-filtering-and-first-and-last-value-ad045c7abef1

---

Latihan menggunakan Rest Parameter dan Spread Operator di JavaScript

https://levelup.gitconnected.com/es6-use-of-spread-rest-operator-in-javascript-f13b061b522f

#course #tutorial #loop #functional #indexedDb #rest #spread

Latihan panjang membangun aplikasi React JS berbentuk aplikasi manajemen tugas atau task

https://www.freecodecamp.org/news/react-crud-app-how-to-create-a-book-management-app-from-scratch/

---

Latihan panjang pengenalan fungsi fungsi dasar di React JS

https://www.freecodecamp.org/news/5-react-lessons-tutorials-dont-teach/

---

Beberapa cara menyimpan state halaman ketika halaman melakukan reload

https://blog.bitsrc.io/5-methods-to-persisting-state-between-page-reloads-in-react-8fc9abd3fa2f

#react #crud #tutorial #course #state

Programming With Erik merilis video tentang daftar repository yang berisi konsep dan latihan seputar JavaScript yang biasa dipakai untuk interview kerja

https://youtu.be/FXv0k6Dh8GI

#programmingWithErik #github #repository #concept #tutorial

Kumpulan lengkap contoh project Javascript yang dapat dipakai sebagai latihan

https://www.freecodecamp.org/news/javascript-projects-for-beginners/

---

Perbedaan strict comparison dengan loose comparison di JavaScript

https://dev.to/kozlovzxc/js-interview-in-2-minutes-vs-1f58

---

Kumpulan library untuk membuat Chart di aplikasi web

https://hackernoon.com/10-javascript-charting-libraries-data-visualization-b77523d23372


---

#sample #tutorial #esm #strict #comparison #chart #library

Latihan dari channel Fireship tentang pengenalan unit testing dengan Jest dan Cypress untuk Test Driven Development atau TDD

https://youtu.be/Jv2uxzhPFl4

#fireship #tdd #cypress #jest

Latihan dari Fireship cara membuat latar belakang gambar berombak atau Wavy dengan CSS dan SVG

https://youtu.be/lPJVi797Uy0

#fireship #svg #css #wavy

Latihan dari Fireship tentang membuat Navbar seperti di Discord dengan bantuan Tailwind CSS dan React JS

https://youtu.be/pfaSUYaSgRo

#tailwind #react #fireship

Latihan penggunaan Redis Database pada aplikasi berbasis Next JS dan Node JS bersama channel Fireship

https://youtu.be/DOIWQddRD5M

#redis #nextjs #react #nodejs

Latihan dari Fireship membuat asset gambar NFT generator dan implementasi menggunakan Node JS, Solidity, dan React JS

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

#nft #fireship