JavaScript Indonesia Channel

Melihat beberapa element HTML yang berguna tapi jarang digunakan https://dev.to/eludadev/those-html-elements-you-never-use-16bi #html #element #semantic

Kumpulan design pattern untuk diimplementasikan di dalam project aplikasi https://blog.bitsrc.io/3-design-patterns-every-developer-should-learn-71a51568ac9d #design #pattern

Menggunakan Proxy API di dalam Javascript untuk REST http request https://blog.logrocket.com/build-rest-client-javascript-proxies/ --- Tips dan trik dalam belajar menggunakan JavaScript https://javascript.plainenglish.io/10-tricks-to-learn-for-javascript-developers-e6f5465653eb --- Menggunakan RxJS Observable untuk proses dengan interval tertentu https://javascript.plainenglish.io/create-an-rxjs-observable-with-interval-669f1ef48b26 --- Komparasi beberapa IDE dan text editor untuk JavaScript programming https://dev.to/flatlogic/the-best-ides-for-javascript-in-2022big-review-1cm #rest #proxy #rxjs

Panduan dari Josh Comeau tentang penggunaan Terminal command line https://www.joshwcomeau.com/javascript/terminal-for-js-devs/ #joshComeau #terminal #cmd

Cara deploy aplikasi web Angular ke Github Pages dengan Travis CI https://www.freecodecamp.org/news/host-an-angular-application-on-github-pages-with-travis-ci/ #travis #githubPages #angular #deploy

Beberapa perintah penting dalam penggunaan Git Stash https://www.freecodecamp.org/news/git-stash-commands/ #git #stash

Latihan menggunakan TypeScript bagi pemula JavaScript https://www.freecodecamp.org/news/learn-typescript-beginners-guide/ --- Kumpulan contekan cheatsheet dalam penggunaan TypeScript https://devsmitra.medium.com/13-typescript-utility-a-cheat-sheet-for-developer-9dfd23cb1bbc —- Melihat fitur operator union dan intersection pada TypeScript https://blog.logrocket.com/understanding-discriminated-union-intersection-types-typescript/ --- Mengenal tipe Extract di TypeScript https://javascript.plainenglish.io/how-the-typescript-extract-type-works-651c7fcc1db4 #typescript #union #extract

Latihan menggunakan state management di React JS dengan Redux Toolkit bersama Freecodecamp https://www.freecodecamp.org/news/learn-redux-toolkit-the-recommended-way-to-use-redux/ --- Menambahkan peta dalam ruangan pada React JS dengan Fabric JS https://blog.logrocket.com/build-indoor-maps-fabric-js-using-react/ --- Membuat animasi transisi element di React JS dengan lancar https://blog.logrocket.com/how-build-faster-animation-transitions-react/ #react #redux #animation #transition #fabric

Mengenal fitur Broadcast Channel API untuk mengirim data dan pesan antar komponen UI di dalam browser https://netbasal.com/getting-to-know-the-broadcast-channel-api-in-javascript-67e1603ff555 —- Melihat beberapa browser API yang dapat digunakan dalam pengembangan aplikasi https://betterprogramming.pub/4-awesome-browser-apis-you-might-not-be-using-yet-726d3e3237d2 —- Beberapa cara menampilkan gambar di sisi browser dengan JavaScript di sisi client https://medium.com/weekly-webtips/3-ways-to-display-an-image-onto-browser-with-client-side-javascript-6653d94680a7 #broadcast #channel #browser #image #display

Kumpulan repository untuk latihan membuat aplikasi web berbasis JavaScript https://www.crio.do/blog/fresh-and-trendy-javascript-projects-for-beginners/ —- Beberapa repository latihan untuk membuat aplikasi berbasis JavaScript https://devdojo.com/arpit/github-repos-to-become-better-javascript-developer —- Tips sederhana untuk memperbaiki design pattern try catch pada proses asinkronus https://javascript.plainenglish.io/lets-clean-up-ugly-try-catches-e4e1a53de500 #repository #github #trycatch #learning

Node Weekly 433 04/20/2022 • News Wild Wild Path: Object Property Paths with Wildcards and Regexps • News A Command-Line Argument Parsing API for Node.js Core? • News Fight Bugs with AppSignal in Multiplayer Mode • News Node v17.9.0 (Current) Released • News Oclif 3.0: Heroku's Open CLI Framework for Node • News Comparing Plugin Systems Between Express, Fastify and NestJS • News Keep Up with the Latest in Startups, Tech, & Programming in Just 5 Min • News How to Use a Proxy in Next.js • News npm-registry-firewall 1.7: npm Registry Proxy with On-the-Fly Filtering • News YouTube.js 1.4: A Wrapper Around YouTube's Private API • News article-parser: Node Library to Extract Articles from Web Pages • News Free Activity Feeds & Chat APIs for Qualifying Teams • News Chalk.ist: Create Beautiful Images of Your Source Code Tags: #weekly #nodejs Node.js Indonesia Community

Javascript Weekly 585 04/20/2022 • News JS Function Composition: What’s The Big Deal? • News “Change Array by Copy”: Four New Non-Destructive Array Methods • News Want to Dive Deeper into Stories of the Software Industry? • News TypeScript 4.7 Beta Released • News A 'Search Engine' for JavaScript Operators • News Fetch vs Axios: A Comparison for Fetching HTTP Resources • News Building an Interactive Sparkline Graph with D3 • News A Rust Course Especially for JavaScript Developers • News How to Build a CMS-Powered Blog with Nuxt • News A Guide to Optimizing JavaScript for Quick Page Loads • News Wild Wild Path: Object Property Paths with Wildcards and Regexps • News YouTube.js 1.4: A Wrapper Around YouTube's Private API • News jc: CLI Tool That Converts Output of Popular CLI Tools to JSON • News Integrate eSignatures in Your App in Less Than a Week • News React Admin 4.0: An Admin Panel for B2B Applications • News nextjs-blog-theme: A Customizable Blog Starter Built with Next.js and Tailwind • News scroll-snap: A Customizable 'Scroll Snap' Implementation • News Gladys Assistant: A Privacy-First, Open-Source Home Assistant • News Draw 'Handdrawn' Diagrams in VS Code with Excalidraw Tags: #weekly #nodejs JavaScript Indonesia Community

Kumpulan cheatsheets atau contekan kode untuk pengembang aplikasi https://levelup.gitconnected.com/8-free-cheat-sheets-that-every-developer-should-bookmark-1c5c1bf0c75a #cheatsheets

Beberapa cara menggabungkan Array JavaScript https://javascript.plainenglish.io/here-are-a-few-ways-to-merge-array-5d729a3709da --- Melakukan manipulasi DOM HTML dengan JavaScript https://javascript.plainenglish.io/an-easier-way-to-manage-html-dom-using-javascript-14e23a9cd4e1 #array #merge #dom

Pengenalan apa itu Closure di dalam JavaScript https://www.freecodecamp.org/news/javascript-closures-explained-with-example/ https://towardsdev.com/javascript-closures-9ac46aeb6023 —- Pengenalan apa itu Iterators dan Generators dalam JavaScript https://towardsdev.com/javascript-iterators-and-gen-9e14133b57c5 —- #closure #iterator #generator

Membuat fungsi mengatur ukuran resolusi gambar pada Next JS sebelum gambar itu diupload https://www.freecodecamp.org/news/how-to-upload-crop-resize-images-in-the-browser-in-nextjs/ --- Latihan panjang membuat portfolio dengan React JS dan fungsi React Animation https://www.freecodecamp.org/news/create-a-portfolio-with-react-featuring-cool-animations/ #react #nextjs #animation

Mengenal beberapa fitur baru JavaScript dari ES2021 https://www.syncfusion.com/blogs/post/top-6-javascript-es12-features-you-should-use.aspx —- Mengenal fungsi manipulasi Array GroupBy https://blog.logrocket.com/understanding-javascripts-array-groupby/ #es2021 #groupby

Cara deploy aplikasi backend Node JS ke layanan hosting Heroku dengan mudah https://medium.com/nerd-for-tech/how-to-deploy-a-nodejs-application-on-heroku-in-5-minutes-270874c52c52 —- Melakukan hashing password pada Node JS dengan bantuan library bcrypt https://blog.devgenius.io/salt-and-hash-password-using-bcrypt-in-nodejs-3df1b7d23705 #nodejs #heroku #deploy #bcrypt