JavaScript Indonesia Channel

Referensi beberapa tools untuk pengembangan aplikasi berbasis TypeScript https://javascript.plainenglish.io/powerful-typescript-tools-e1c7875fbb71 --- Tips membuat fungsi Generic yang baik pada TypeScript https://betterprogramming.pub/figuring-types-in-typescript-generic-functions-9479dd2fc3ea #typescript #generic #tools

Tips membuat authentication berbasis JWT dengan pencegahan celah keamanan CSRF https://medium.com/@brakdemir/jwt-authentication-with-csrf-prevention-on-node-js-express-b805504c2829 #nodejs #jwt #csrf

Membuat fungsi reading progress dengan React JS dan Tailwind CSS https://javascript.plainenglish.io/creating-a-read-progress-bar-in-react-and-tailwindcss-34f84435ab79 #reading #progress #react #tailwind #css

Latihan sederhana membuat aplikasi web dengan Deno TS https://getstream.io/blog/build-deno-app/ #deno #backend

Latihan bersama Lama Dev membuat aplikasi MERN Stack untuk aplikasi pemesanan atau booking app https://www.youtube.com/watch?v=k3Vfj-e1Ma4 #lamaDev #reservation

Node Weekly 436 05/09/2022 • News Node v18.1.0 (Current) Released • News The Thing About Fastify • News AppSignal Logbook: Team Discussion and Full Incident History • News Prisma Raises $40M for 'Open Source Platform for Database Languages' • News Creating and Deploying a Tiny Proxy Server on Vercel in 10 Minutes • News 'Lerna Has Gone. Which Monorepo Is Right with Node Now?' • News Building a JavaScript Bundler from Scratch • News Read Our Comparison of Serverless Frameworks for Building in Node.js • News NodeBB 2.0 Released: Node-Powered Forum Software • News pdfreader 2.0: Parse Text and Tables From PDF Files • News Introducing Filestack: The All-In-One File Service Designed For Speed • News resvg-js 2.0: A High-Performance SVG Renderer and Toolkit • News JSPyBridge 1.0: A Bridge Between Node and Python • News Fonoster: An Open-Source Alternative to Twilio? Tags: #weekly #nodejs Node.js Indonesia Community

Javascript Weekly 588 05/09/2022 • News How Partytown Eliminates Website Bloat From Third-Party Scripts • News Ryan Dahl on 'JavaScript Containers' • News Wallaby.js: 15x Faster JavaScript/Jest Testing and Debugging • News Why I Don’t Miss React • News Babylon.js 5.0: The Powerful 3D Rendering Engine • News Porting Zelda Classic to the Web • News The Triple Dot Syntax (...): Rest vs. Spread • News Integrate a Customizable Gantt Widget to Your App in Less Than a Week • News 8 JavaScript Questions That May Confuse You • News How To Build a Modal Dialog as a Web Component • News Keep Up with the Latest in Startups, Tech, & Programming in Just 5 Min • News The Stack of The Future • News TypeScript Error Translator: Make TS Errors Human Readable • News redaxios 0.5: The Axios API, as an 800 Byte Fetch Wrapper • News resvg-js 2.0: A High-Performance SVG Renderer and Toolkit • News Free Activity Feeds & Chat APIs for Qualifying Teams • News NodeBB 2.0 Released: Node-Powered Forum Software • News MockRTC: A Powerful WebRTC Mock Peer and Proxy • News React Toastify 9.0: Notification Boxes Made Easy in React Apps • News JSPyBridge 1.0: A Bridge Between Node and Python • News Pyscript: Run Python in Your HTML Tags: #weekly #nodejs JavaScript Indonesia Community

Melihat standar fitur baru Object hasOwn di standar JavaScript ES2022 https://javascript.plainenglish.io/its-time-to-meet-object-hasown-4a26c9de76a --- Beberapa fungsi one liner ya g dapat digunakan dalam TypeScript https://javascript.plainenglish.io/7-quick-typescript-one-liners-d5c060f5fb94 --- Melakukan inisialisasi Date sesuai dengan waktu tertentu yang diinginkan https://javascript.plainenglish.io/how-to-initialize-a-javascript-date-to-a-particular-time-zone-a03969601c58 #es2022 #object #hasOwn #date #timezone #oneliner

Latihan sederhana membuat Color Picker dengan JavaScript, HTML, dan CSS https://medium.com/weekly-webtips/build-a-hexagonal-color-picker-with-css-vanilla-javascript-36e62d10527 --- Beberapa project contoh untuk belajar menggunakan JavaScript https://javascript.plainenglish.io/33-javascript-projects-for-beginners-a68553e9f56d --- Pengenalan struktur data dalam Javascript https://javascript.plainenglish.io/data-structures-in-js-9a13f7aa82b3 --- Pengenalan ES module dengan Common JS module https://www.freecodecamp.org/news/modules-in-javascript/ #css #color #picker #esm #data #structure #sample

Cara melakukan unit testing dengan Vue Component https://dev.to/jankaritech/unit-testing-vue-components-5gk1 --- Membuat menu di dalam Vuetify https://javascript.plainenglish.io/vuetify-menu-6112770ea167 --- #vue #testing #menu #vuetify

Referensi beberapa pub sub message broker untuk Node JS https://blog.logrocket.com/nodejs-pub-sub-messaging-brokers/ #pub #sub #messagebroker

Tips dan trik dalam melakukan E2E Testing dengan Playwright https://yonatankra.com/6-lessons-learned-from-using-playwright/ #testing #playwright #e2e

Melihat beberapa fitur baru di Angular 13 https://javascript.plainenglish.io/top-new-features-and-updates-of-angular-13-that-you-need-to-know-7e5b9f56a821 #angular #release

Latihan dasar pengenalan TypeScript bagi pemula https://www.freecodecamp.org/news/learn-typescript-beginners-guide/ #typescript #course

Beberapa jenis perulangan atau loop dalam JavaScript https://arctutorials.medium.com/all-kinds-of-loops-in-javascript-explained-2a200b6e54ec —- Referensi beberapa fungsi one liner arrow function yang dapat digunakan https://blog.gyanendra.tech/10-awesome-javascript-one-liners-635687a94f7 —- Melihat sekilas beberapa fitur dalam JavaScript ES2015 https://rashadulislam4581-87137.medium.com/javascript-essential-features-c79e6670fbdf —- Perbedaan antara function scope dengan block scope https://josephcardillo.medium.com/the-difference-between-function-and-block-scope-in-javascript-4296b2322abe —- Latihan sederhana melakukan array destructuring dengan JavaScript https://javascript.plainenglish.io/array-destructuring-simplified-10300505499 —- #loop #destructuring #es6 #scope #scope

Membuat sistem caching sederhana di Vue JS 3 dengan Vuex dan IndexedDb https://javascript.plainenglish.io/vue-3-with-vuex-for-simple-caching-with-indexeddb-aec46e9df9de #vue #indexedDb #vuex

Membuat tampilan video player seperti Youtube bersama channel Web Dev Simplified https://www.youtube.com/watch?v=ZeNyjnneq_w #webdevsimplified #youtube #player

Cara melakukan format code dan merapikan code saat melakukan Git Commit https://blogs.halodoc.io/automatically-formatting-and-beautifying-code-on-commit/ #git #commit #eslint