JavaScript Indonesia Channel

Membuat tampilan command palette dengan React dan Tailwind CSS https://blog.logrocket.com/react-command-palette-tailwind-css-headless-ui/ #react #tailwind

Latihan menggunakan useState Hooks bagi pemula https://www.freecodecamp.org/news/learn-react-usestate-hook-in-10-minutes/ --- Menggunakan favicon yang adaptive sesuai kebutuhan pada React JS https://blog.bitsrc.io/adaptive-favicon-for-modern-web-apps-in-react-b97e4bad9f90 ---- #react #usestate #hooks #favicon #adaptive

Latihan membuat aplikasi pencatat tugas dengan Solid JS dan TypeScript https://blog.logrocket.com/build-task-tracker-solidjs-typescript/ #solidjs #typescript

Latihan bersama Dcode membuat fungsi Copy Link pada Input Field dengan JavaScript, HTML dan CSS https://youtu.be/Uk-uYmC3w5Y #html #css #dcode #copy

Beberapa cara untuk melakukan type guard pada TypeScript https://blog.bitsrc.io/5-methods-to-use-type-guards-in-typescript-2a2813ffa06b #typescript #type #guard

Latihan panjang membuat aplikasi chatting dengan Strapi CMS, Next JS, Node JS, dan Socket IO https://strapi.medium.com/real-time-chat-application-using-strapi-next-socket-io-and-postgresql-62f0bce971db —- #nodejs #strapi #nextjs #socketio

Latihan sederhana menambahkan jam ke dalam Javascript Date https://javascript.plainenglish.io/javascript-add-hours-to-date-6e3a39bb9345 #date #hours

Kombinasi penggunaan Container query dengan CSS Subgrid https://blog.logrocket.com/using-css-subgrids-container-queries/ #css #subgrid #container #query

Catatan rilis Next JS 12.2 yang telah tersedia hari ini https://nextjs.org/blog/next-12-2 #nextjs #release

Cara membuat karakter pertama menjadi kapital dengan JavaScript https://www.freecodecamp.org/news/javascript-capitalize-first-letter-of-word/ --- Cara melakukan refresh halaman dengan JavaScript https://www.freecodecamp.org/news/refresh-the-page-in-javascript-js-reload-window-tutorial/ --- Cara mengosongkan nilai Array pda JavaScript https://www.freecodecamp.org/news/how-to-clear-a-javascript-array-js-empty-array/ #array #capital #clear #refresh #window

Mengenal framework yang berjalan di atas Deno yang bernama Fresh, dirangkum oleh Fireship. https://youtu.be/4boXExbbGCk #fresh #deno #fireship

Pengenalan Image Element di HTML5 bersama Web Programming Unpas https://youtu.be/9g1Zz83FXyc #wpu #image #element #html5

Github Copilot sekarang telah tersedia versi publik dan ada versi trialnya. Bisa dicoba dahulu sebelum membeli versi fullnya. https://github.com/features/copilot #github #copilot

Pengenalan tentang Arrow Function di JavaScript https://hackernoon.com/js-arrow-functions-for-newbies --- Pengenalan Destructuring di dalam Javascript https://hackernoon.com/js-destructuring-for-newbies --- Pengecekan URL dengan JavaScript https://www.freecodecamp.org/news/check-if-a-javascript-string-is-a-url/ --- Membuat karakter pertama menjadi kapital dengan JavaScript https://www.freecodecamp.org/news/javascript-capitalize-first-letter-of-word/ #arrow #destructuring #capitalize #url

Membuat aplikasi berbagi file dengan proteksi kata password dengan Node JS , Express, dan MongoDb, bersama Web Dev Simplified https://www.youtube.com/watch?v=AHXFMu8xVsc #nodejs #webdevsimplified #file #share #mongodb #express

Memperkenalkan Fresh, framework fullstack TypeScript yang berbasis Deno TS runtime https://deno.com/blog/fresh-is-stable #deno #runtime #typescript #fresh #fullstack

Cara konfigurasi Node JS di dalam VPS server dengan Ubuntu 22.04 https://www.digitalocean.com/community/tutorials/how-to-set-up-a-node-js-application-for-production-on-ubuntu-22-04 #vps #ubuntu

Javascript Weekly 595 06/27/2022 • News Ecma International Approves ECMAScript 2022, But What’s New? • News In Defense of Blocks to Create Localized Scope • News New Course on Web Components • News When You Should Prefer Map Over Object In JavaScript • News What the React Team is Working On Now • News Using Playwright Test to Run Unit Tests • News Let's Code Skifree with JavaScript and Kaboom.js • News Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut • News Alternatives to Installing npm Packages Globally • News Random Notes Around Service Workers Development and Testing • News Precise Timing with the Web Animations API • News Observability for Your Jest Tests • News How to Create a Vanilla JS Gantt Chart • News Puppeteer 15.0: Control Headless Chrome from Node • News Deep Persistent Proxy Objects: Automatically Persist JS Objects in IndexedDB • News Tired of Manually Managing Your Content Security Policies? • News main-thread-scheduling 6.0: Consistently Responsive Apps While Staying on the Main Thread • News React Joyride: Create Guided Tours in Your Apps • News PSD 0.2: Zero-Dependency PSD (Photoshop) Parser • News Reactime 14.0: A Chrome Developer Tool for Time Travel Debugging in React Apps • News We're ❤️ing ESLint's All New Homepage Tags: #weekly #nodejs JavaScript Indonesia Community

Panduan untuk alur belajar fullstack developer https://www.freecodecamp.org/news/what-is-a-full-stack-developer-full-stack-engineer-guide/ #fullstack #guide