JavaScript Indonesia Channel

Latihan sederhana membuat REST API dengan Node JS dan MySQL database https://javascript.plainenglish.io/the-simplest-restful-api-with-nodejs-and-mysql-3d513493ef0e #rest #api #nodejs #mysql

Tips dan trik dalam menggunakan Inspect Element dan Developer Console di browser Chrome https://www.freecodecamp.org/news/how-to-inspect-an-element-chrome-shortcut/ #chrome #inspect

Latihan bersama Web Dev Simplified tentang pengenalan metode di dalam Console API untuk debugging https://youtu.be/UUoZ_U2_4tA #webdevsimplified #console #api

Membuat tampilan teks strike through pada Google Docs https://www.freecodecamp.org/news/google-docs-strikethrough-how-to-cross-out-text-in-google-docs/ #docs #google #strikethrought

Penggunaan Formkit untuk membuat form di Vue JS https://blog.logrocket.com/powerful-vue-js-form-development-formkit/ #form #vue #formkit

Pengenalan Workspace pada monorepo dengan menggunakan Package manager Yarn, npm, dan PNPM https://blog.logrocket.com/exploring-workspaces-other-advanced-package-manager-features/ #npm #monorepo #yarn #pnpm

Melihat beberapa fitur Promise yang jarang diketahui orang https://javascript.plainenglish.io/a-little-known-javascript-promise-feature-8a37d096ef2c --- Tipa dan trik dalam penggunaan JavaScript https://javascript.plainenglish.io/6-rarely-known-javascript-tricks-2914a8b3679a #promise #tips #trick

Latihan menggunakan Material UI pada aplikasi berbasis React bersama channel Lama Dev https://youtu.be/fzxEECHnsvU #material #react #lamaDev

Melihat beberapa fitur baru React JS versi 18 https://www.freecodecamp.org/news/react-18-new-features/ #react #release

Mengenal module di dalam Javascript yaitu ES Modules dan Common JS https://www.freecodecamp.org/news/modules-in-javascript/ --- Latihan penting menggunakan Slice dan Splice untuk manipulasi data Array https://www.freecodecamp.org/news/javascript-slice-and-splice-how-to-use-the-slice-and-splice-js-array-methods/ --- Pengenalan Scope dan Hoisting di JavaScript https://javascript.plainenglish.io/scopes-in-javascript-ebf776d42430 --- Latihan pengenalan CRUD dengan membuat aplikasi Todo List dengan JavaScript https://www.freecodecamp.org/news/learn-crud-operations-in-javascript-by-building-todo-app/ #esm #commonjs #crud #todo #scope

Latihan panjang membuat blog dengan Butter CMS dan Nuxt JS https://blog.openreplay.com/how-to-build-a-cms-powered-blog-with-nuxt/ --- Memperkenalkan library Starport untuk membuat efek animasi antar komponen yang sama di Vue JS https://github.com/antfu/vue-starport #vue #nuxt #starport #animation #blog #cms

Memahami penggunaan state management di Next JS https://blog.logrocket.com/guide-state-management-next-js/ --- Latihan menggunakan middleware dan edge function di Next JS https://blog.logrocket.com/using-next-js-middleware-edge-functions/ --- Referensi beberapa package npm untuk project Next JS dari channel Codedamn https://youtu.be/Beh143H_1vU #nextjs #react #package #state #middleware

Mendapatkan element terakhir di dalam Array JavaScript https://youtu.be/H5SajuM33aA #array #last #element

Cara memperbarui versi Node JS dengan mudah dengan menggunakan Node Version Manager NVM https://www.freecodecamp.org/news/how-to-update-node-and-npm-to-the-latest-version/ #nvm #nodejs

Latihan bersama Dcode membuat button multi action dengan CSS, HTML dan JavaScript https://youtu.be/Xz-ApgT7rZc #dcode #css #html #button #action

Parameter vs Argumen

Latihan dari Online Tutorials membuat Dropdown menu dengan HTML, CSS dan JavaScript https://youtu.be/bC6vOWWNoas #dropdown #menu #onlinetutorials

Membuat toggle Dark Mode pada Next JS dengan Tailwind CSS https://youtu.be/z2B3gRt2nj0 #darkmode #tailwind #nextjs #react

Latihan membuat aplikasi web fullstack JavaScript dengan Meteor JS dan Tailwind CSS https://blog.meteor.com/meteor-js-with-react-and-tailwind-css-3-3e878645451e —- Beberapa referensi rule ESLint untuk dipakai pada project React JS https://isantoshv.medium.com/eslint-rules-that-made-me-a-better-react-developer-7689f0cb443a —- #meteorjs #react #tailwind #eslint

Latihan membuat landing page DENGAN Tailwind CSS dan animasi dari GSAP https://www.freecodecamp.org/news/how-to-build-an-animated-landing-page-with-gsap-and-tailwindcss --- Membuat Glassmorphism dengan CSS https://blog.logrocket.com/implement-glassmorphism-css/ --- #landingpage #glassmorphism #gsap #tailwind