JavaScript Indonesia Channel

Konfigurasi service worker plugin di Vite JS https://blog.logrocket.com/configure-worker-plugins-vite-2/ #vite #worker #pwa

Latihan dasar pengenalan Create React App Tools https://blog.openreplay.com/react-101--getting-started-with-create-react-app/ #cra #tools

Pengenalan teknik penulisan variabel dan fungsi dengan Snake case, camel case, dan pascal case https://www.freecodecamp.org/news/snake-case-vs-camel-case-vs-pascal-case-vs-kebab-case-whats-the-difference/ #snakecase #camelcase #pascalcase #kebabcase

Tips dan trik dalam menerapkan accessibility di we. https://www.freecodecamp.org/news/web-accessibility-best-practices-and-checklist/ #web #accessibility #aria

Membuat backend berbasis event driven dengan Node JS dan Nest JS https://betterprogramming.pub/build-scalable-event-driven-applications-with-nest-js-28676cb093d0 #nodejs #nest #typescript

Beberapa alternatif Netlify untuk deploy layanan aplikasi web https://blog.openreplay.com/alternatives-to-netlify-for-deploying-front-end-apps/ #netlify #deploy #alternative

Catatan rilis Storybook yang telah mendukung beberapa framework Javascript terbaru https://storybook.js.org/blog/framework-api/ #storybook

Membuat fungsi pull to refresh di React JS dengan Tailwind CSS https://blog.logrocket.com/implementing-pull-to-refresh-react-tailwind-css/ --- Deploy aplikasi Next JS ke server production https://blog.openreplay.com/how-to-deploy-a-nextjs-app-to-production/ --- Latihan menggunakan Daisy UI pada React JS https://blog.openreplay.com/building-react-components-with-daisyui/ --- Menerapkan konsep monorepo pada aplikasi Next JS https://blog.logrocket.com/build-monorepo-next-js/ --- Membuat end to end testing atau E2E pada Next JS menggunakan Cypress dan TypeScript https://blog.logrocket.com/end-to-end-testing-next-js-applications-cypress-typescript/ #react #tailwind #daisyUI #cypress #pulltoRefresh #monorepo #nextjs

As a Linux user, if you are in a situation where you need to merge PDFs. Then, this tutorial can help you out: https://itsfoss.com/merge-pdf-linux/

Cara menggunakan conditional type pada TypeScript https://blog.logrocket.com/guide-conditional-types-typescript/ #typescript #type #conditional

Pengenalan this di Vue JS dan cara kerjanya https://www.youtube.com/watch?v=UHIsnDh6L74 #vueMastery #this #vue

Pengecekan nilai Null pada JavaScript https://www.freecodecamp.org/news/how-to-check-for-null-in-javascript/ --- Pengenalan teknik manipulasi String concatenation di JavaScript https://www.freecodecamp.org/news/efficient-string-building-in-javascript/ --- Membalik posisi element di dalam Array JavaScript https://www.freecodecamp.org/news/how-to-reverse-an-array-in-javascript-js-reverse-function/ --- #null #reverse #string #concat #array

Pengenalan container query pada CSS https://blog.openreplay.com/css-container-style-queries/ --- Penjelasan sederhana tentang Viewport unit di CSS https://web.dev/viewport-units/ --- Melihat fitur baru pada element list di HTML https://css-tricks.com/newer-things-to-know-about-good-ol-html-lists/ #css #container #query #list #html #viewport

Latihan dari Codebubb membuat aplikasi web Random Quote generator menggunakan JavaScript, HTML, dan CSS https://www.youtube.com/watch?v=A8yfwdET-2E #css #html #generator #random #quote #codebubb

Latihan dari Beyond Fireship tentang membuat backend project menggunakan Node JS dan TypeScript https://www.youtube.com/watch?v=H91aqUHn8sE #nodejs #typescript #beyondFireship

Melakukan validasi url dengan menggunakan JavaScript https://www.freecodecamp.org/news/how-to-validate-urls-in-javascript/ --- Menggabungkan dua Array data menggunakan JavaScript (concat Array) https://www.freecodecamp.org/news/how-to-merge-arrays-in-javascript-array-concatenation-in-js/ --- #url #validation #array #concat

Academind merilis video preview tentang pengenalan framework yang bernama Remix JS yang merupakan turunan dari React JS Remix Crash Course 2023 (React Framework) https://www.youtube.com/watch?v=RBYJTop1e-g Course lengkapnya dapat dilihat disini https://www.udemy.com/course/remix-course/?couponCode=D_1122 #remix #react #course #academind #udemy

Membuat REST API dengan Adonis JS https://www.freecodecamp.org/news/build-a-restful-api-with-adonisjs/ --- Visualisasi cara kerja event loop di Promise, Async Await, Next tick di Node JS https://dev.to/nodedoctors/nodejs-visualized-promise-asyncawait-and-processnexttick-under-the-hood-234c --- #nodejs #adonis #eventloop

Menambahkan effect hover pada element HTML dengan menggunakan CSS dan JavaScript https://javascript.plainenglish.io/moving-background-effect-on-hover-with-css-and-javascript-b281739aebcd #hover #effect #css

Menambahkan transisi halaman di Next JS dengan library Framer Motion https://blog.logrocket.com/advanced-page-transitions-nextjs-framer-motion/ --- Cara deploy aplikasi React JS ke layanan cloud Cloudflare Pages, Vercel, and Netlify https://www.freecodecamp.org/news/deploy-react-app/ --- Membuat halaman preview gambar dari fungsi upload dengan React JS https://javascript.plainenglish.io/how-to-upload-and-preview-image-in-react-js-ece15b63f5c0 --- Melihat beberapa layanan Backend as Service untuk React JS https://www.freecodecamp.org/news/best-backend-service-react/ #nextjs #react #preview #framer #upload #baas