JavaScript Indonesia Channel

Membuat aplikasi web fullstack dengan Next JS , TypeScript dan deploy ke layanan AWS https://www.freecodecamp.org/news/full-stack-development-with-next-js-typescript-and-aws/ —- Latihan menggunakan React Server Component https://www.freecodecamp.org/news/react-server-components-for-beginners/ —- Pengenalan state management di React JS dalam hal Props dan Context API https://www.freecodecamp.org/news/state-management-in-react-props-vs-context-api/ —- #react #props #nextjs #typescript #aws #serverComponent

Beberapa cara dalam membuat aplikasi backend Node JS skala besar https://amplication.com/blog/7-tips-to-build-scalable-nodejs-applications #nodejs #scalable

Cara menggantikan RxJS dengan Signals di Angular https://blog.bitsrc.io/angular-16-is-out-now-learn-how-to-replace-rxjs-with-signals-c1f6f410809 —- Penggunaan Signals ada Angular dengan Untrack method https://netbasal.com/angular-signals-preventing-unnecessary-dependencies-using-the-untrack-function-15a4c03b03fe #angular #signals #rxjs

Cara menggunakan Web Worker pada JavaScript https://dev.to/this-is-learning/how-to-unleash-the-power-of-multithreading-in-javascript-with-web-workers-20m5 --- Beberapa fungsi sebaris atau one liner pada JavaScript https://www.freecodecamp.org/news/javascript-one-liners-to-use-in-every-project/ --- Beberapa metode manipulasi Array yang perlu diketahui https://javascript.plainenglish.io/20-javascript-array-methods-every-developer-should-know-about-a84dcb395da6 --- Menjawab keanehan fungsi parseInt pada bilangan desimal https://javascript.plainenglish.io/parseint-0-000005-0-whereas-parseint-0-0000005-5-but-how-6e661b0fb99b --- Konversi bilangan Number ke persen https://javascript.plainenglish.io/how-to-make-a-number-a-percentage-with-javascript-52046ddb1f61 --- Visualisasi unit testing pada Jest https://javascript.plainenglish.io/how-to-visualise-your-react-jest-unit-tests-6a43358f6984 #multithread #array #parseInt #jest

Beberapa public API yang dapat dipakai latihan oleh developer https://tapajyoti-bose.medium.com/7-free-public-apis-you-will-love-as-a-developer-c56fc80c35aa #api #public

Latihan dari Program With Erik tentang penggunaan TypeScript di Vue JS 3 https://www.youtube.com/watch?v=vf84v0e4q3Q —- Beberapa cara membuat layout di Vue JS 3 https://itnext.io/3-ways-to-create-a-multiple-layouts-system-vue-3-b24c0736b7bb —- #vue #typescript #programWithErik

Latihan panjang membuat aplikasi resep dengan JavaScript, HTML dan CSS https://dev.to/codewithsadee/how-to-build-a-recipe-app-with-vanilla-javascript-1ogm --- #recipe #app #vanilla

Latihan dari Online Tutorials membuat show dan hide password pada input form https://www.youtube.com/watch?v=lcc8G00nRdg #onlineTutorials #show #hide #placeholder

Javascript Weekly 639 05/23/2023 • News Bun's New Bundler: 220x Faster than webpack? • News Deopt Explorer: A VS Code Extension to Inspect V8 Trace Log Info • News Supercharge Your Websites and Applications with Cloudflare • News jQuery 3.7.0 Released • News How to Get Full Type Support with Plain JavaScript • News Coding a Working Game of Chess in Pure JavaScript • News Automate Slack and MS Teams Notifications Using Node.js • News Your Jest Tests Might Be Wrong • News A Guide to Visual Regression Testing with Playwright • News Create a Real Time Multi Host Video Chat in a Browser with Amazon IVS • News React Server Components, Next.js App Router and Examples • News VanJS: A 1.2KB Reactive UI Framework Without JSX • News JavaScript Scratchpad for VS Code (2m+ Downloads) • News Introducing Legend-State 1.0: Faster State for React • News Starry Night: GitHub-Like Syntax Highlighting • News Garph 0.5: A Fullstack GraphQL Framework for TypeScript • News headless-qr: A Simple, Modern QR Code Library • News Scroll Btween: Use Scroll Position to Tween CSS Values on DOM Elements • News eslint-plugin-check-file: Rules for Consistent Filename and Folder Names • News js2flowchart.js Tags: #weekly #javascript

Beberapa tips dan trik penggunaan JavaScript pada developer https://javascript.plainenglish.io/15-must-know-javascript-tricks-tips-to-make-you-a-better-programmer-aa2b0fa41c13 —- Beberapa tips penggunaan ES2015 bagi developer https://javascript.plainenglish.io/7-es6-javascript-tricks-to-make-you-a-better-programmer-372cf45328fe —- Manajemen memory di JavaScript untuk mencegah memory leaks https://itnext.io/javascript-memory-management-how-to-avoid-common-memory-leaks-and-improve-performance-c018dbbca954 #tips #es2015 #memory #management

Tips penggunaan state management di Angular https://blog.openreplay.com/maximize-angular-performance-with-efficient-state-management/ #angular #state #management

Tips dan trik penggunaan Angular pada tahun 2023 https://blog.bitsrc.io/angular-best-practices-to-adapt-in-2023-bf67122b37ab #angular #tips

Latihan panjang dari JavaScript Mastery membuat responsive website dengan HTML, CSS, dan JavaScript https://www.youtube.com/watch?v=QRrPE9aj3wI #javascriptMastery #responsive #html #css

Latihan dari Online Tutorials membuat dropdown menu dengan submenu menggunakan CSS dan HTML https://www.youtube.com/watch?v=samof05Dy6A #html #css #dropdown

Pengenalan tentang CSS Viewport https://blog.openreplay.com/introduction-to-css-viewports/ ---- Pengenalan tentang CSS Houdini https://blog.openreplay.com/css-houdini--the-future-of-styling/ --- Cara menyembunyikan element dengan CSS https://blog.logrocket.com/guide-hiding-elements-css/ #css #viewport #houdini

Tips optimasi performa aplikasi React JS https://blog.openreplay.com/optimizing-reacts-performance/ --- Penjelasan tentang virtual DOM di React JS https://blog.openreplay.com/reacts-virtual-dom/ --- Membuat tree Grid component di React JS https://blog.logrocket.com/build-tree-grid-component-react/ --- Buku panduan dalam memahami React ref https://blog.bitsrc.io/master-react-ref-a-handbook-for-react-developers-f87537347518 #react #virtualDom

Validasi URL dengan JavaScript https://blog.openreplay.com/step-by-step--url-validation-in-javascript/ --- Menggunakan reduce method di JavaScript https://javascript.plainenglish.io/implementing-the-reduce-method-in-javascript-manually-143496d5310f --- Penggunaan metode manipulasi Array Map https://dev.to/anandpatel1986/javascript-array-method-map-a32 --- #array #reduce #map #url #validation

Membuat endpoint API Node JS dengan Knex dan MySQL https://blog.openreplay.com/creating-a-nodejs-api-with-knex-and-mysql/ --- Membuat aplikasi backend API dengan Deno https://blog.openreplay.com/getting-started-with-deno--building-a-rest-api/ --- Penjelasan tentang crypto module untuk enkripsi data https://blog.bitsrc.io/quickstart-to-nodes-crypto-module-for-encryption-decryption-e99a02947156 --- Beberapa library untuk membantu pengembangan Node JS https://javascript.plainenglish.io/boost-your-node-js-project-with-these-7-libraries-2b2184b3bc83 --- Implementasi Authentication JWT di Node JS https://javascript.plainenglish.io/authentication-using-json-web-token-b159b73fc9c8 #nodejs #deno #knex #mysql #encrypt

Membuat aplikasi fullstack dengan bantuan Chat GPT dan Open AI https://www.freecodecamp.org/news/build-a-full-stack-application-using-chatgpt/ #freecodecamp #chatgpt #openAI #fullstack