JavaScript Indonesia Channel

Beberapa hal yang perlu diketahui dari Google IO 2022 untuk teknologi web dan chrome engine. https://www.youtube.com/watch?v=m8R9vvsbU4I #chrome #googleIO

Referensi beberapa component Tailwind CSS untuk form component https://dev.to/xenoxdev/7-free-cool-form-components-made-in-tailwindcss-2e12 #tailwind #css #form #component

Javascript Weekly 589 05/16/2022 • News Using Google's CrUX to Compare Performance of JS Frameworks • News Thoughts on React's Forthcoming useEvent Hook • News Are You Looking for Answers to Tough Leadership Questions? • News Data Visualization with D3: A 19 Hour(!) Course • News Meta Transferring Jest Project to the OpenJS Foundation • News Building a Musical Instrument with the Web Audio API • News Get to Know Your Browser's Performance Profiler • News Integrate eSignatures in Your App in Less Than a Week • News Rust From 0 to 80% for JavaScript Developers • News Using PyScript to Run Python in the Browser • News Making a Basic 'Falling Sand' Game in JavaScript • News In Defence of the Single Page Application • News InfiniteGrid 4.3: Arrange Card Elements Infinitely on a Grid Layout • News fuzzysort 1.9: Fast Fuzzy Search Library • News Self-Hosted, Open-Source Firebase Alternative • News Parvus: Accessible Lightbox with No Dependencies • News crypto-random-string 5.0: Generate a Cryptographically Strong Random String • News Reagraph: WebGL Graph Visualizations for React • News Project Management for Today's (and Tomorrow's) Software Teams • News DFlex: A Drag-and-Drop Library for All JS Frameworks • News Vody: A New Solid-Like Reactive UI Framework • News actions/github-script: Write Workflows Scripting the GitHub API in JavaScript Tags: #weekly #nodejs JavaScript Indonesia Community

Beberapa fungsi one liners berbasis TypeScript yang dapat dicoba https://medium.com/front-end-weekly/6-killer-typescript-one-liners-190d91a59c50 #typescript #oneliner #function

Kumpulan contekan cheatsheet penting dalam penggunaan Git bagi developer https://javascript.plainenglish.io/the-ultimate-git-cheat-sheet-for-devs-in-2022-a8eb40f9c64a #git #cheatsheet

Latihan menggunakan React JS dan Websocket untuk menampilkan data secara real time https://www.freecodecamp.org/news/react-websockets-project-build-real-time-order-book-app/ --- Menggunakan Markdoc untuk dokumentasi dalam Next JS https://dev.to/stripe/getting-started-with-markdoc-in-nextjs-ioj --- Menggunakan RxJS di dalam React Hooks https://javascript.plainenglish.io/use-rxjs-in-react-with-hooks-da0226a00f1f #react #hooks #markdoc #webSocket #nextjs

Panduan panjang jalur belajar menjadi fullstack Web developer dari Freecodecamp https://www.freecodecamp.org/news/what-is-a-full-stack-developer-full-stack-engineer-guide/ #fullstack #developer #webdev

Latihan pengenalan Node JS dan NPM dari Programmer Zaman Now https://youtu.be/7t7CJwQlmGc #nodejs #npm #programmerZamanNow

Pengenalan framework Solid JS bersama Fireship https://youtu.be/hw3Bx5vxKl0 #solidJS #fireship

Latihan penting tentang manipulasi Array dengan reduce bersama Dcode https://youtu.be/3mGbzELRBkM --- Melihat perbedaan Object {} dengan object di dalam TypeScript https://javascript.plainenglish.io/interviewer-please-tell-the-difference-between-object-and-object-in-typescript-5817b7810f61 --- Melakukan konversi String ke bentuk boolean dengan JavaScript https://stackabuse.com/convert-string-to-boolean-in-javascript/ --- Cara membuat fungsi upload file berukuran besar dengan JavaScript https://javascript.plainenglish.io/how-to-upload-large-files-using-plain-javascript-1ca551e43950 --- #array #reduce #upload #string #boolean #object #typescript

Panduan penggunaan Events handling di Vue JS https://dev.to/smpnjn/a-guide-to-events-in-vue-56pl https://javascript.plainenglish.io/vue-event-handling-696ddda08e49 #vue #event #handler

Latihan dari Online Tutorials dalam membuat pop up dialog box dengan HTML, CSS, dan JavaScript https://youtu.be/3ygAZLEnG7I #css #html #popup #dialog #onlinetutorials

Beberapa fungsi penting untuk manipulasi Array dengan JavaScript https://javascript.plainenglish.io/50-essential-array-methods-for-js-devs-2022-b3bfbbb7013e --- Perbedaan antara Maps dengan Object dalam Javascript https://levelup.gitconnected.com/7-differences-between-map-objects-and-plain-objects-9690a78fbc06 —- Latihan penggunaan Decorators dalam JavaScript https://javascript.plainenglish.io/using-decorators-in-javascript-e80674e4c6fa —- Kumpulan snippets atau potongan kode penting dalam pemrograman JavaScript https://medium.com/@amine.elwer/top-15-javascript-code-snippets-you-will-always-need-dbadade134ad —- #array #maps #object #decorator #snippet

Latihan dari Web Dev Simplified tentang penggunaan React hooks useTransition https://youtu.be/N5R6NL3UE7I --- Melakukan debugging Tailwind CSS pada Next JS https://blog.logrocket.com/debugging-tailwind-css-next-js/ --- Contoh implementasi state management di React JS https://www.telerik.com/blogs/complex-state-management-react --- #tailwind #nextjs #state #management #webdevsimplified #useTransition

Latihan menggunakan CSS Animation untuk animasi di dalam element HTML https://blog.logrocket.com/understanding-animation-transition-timing-functions-css/ --- Implementasi dark mode switcher di dalam aplikasi web https://betterprogramming.pub/implementing-a-dark-mode-switch-62d1a2883416 --- #css #animation #darkmode

Pengenalan fungsi manipulasi Array Filter yang sangat berguna untuk beberapa contoh kasus https://dev.to/debs_obrien/the-javascript-arrayfilter-method-2eef --- Komparasi antara Callback, Promise, dan Async Await untuk proses asinkronus di JavaScript https://betterprogramming.pub/callbacks-vs-promises-vs-async-await-a-step-by-step-guide-f93d13447604 --- Beberapa pertanyaan Quiz atau interview yang membuat cukup bingung seputar JavaScript https://pitayan.com/posts/8-javascript-quiz-that-may-confuse-you/ --- #filter #array #callback #async #promise #quiz

Latihan penerapan block chain dan Crypto currency dengan Node JS https://blog.logrocket.com/build-cryptocurrency-node-js-blockchain/ #nodejs #crypto #blockchain

Cara memasang Github Discussion untuk sistem komentar di dalam blog https://www.freecodecamp.org/news/github-discussions-as-chat-system/ #github #blog #discussion

Daftar tools penting untuk web developer yang dapat digunakan https://medium.com/weekly-webtips/11-productive-websites-for-web-developers-c015f330f1bc #tools #developer