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

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