JavaScript Indonesia Channel

Beberapa referensi style Button element yang dibuat dengan CSS https://dev.to/eludadev/i-made-100-css-buttons-for-your-next-big-project-m55 #css #button

Latihan dari Online Tutorials tentang membuat hover effects pada menu dengan HTML dan CSS https://www.youtube.com/watch?v=ViAwFGjWngQ #css #onlineTutorials #hover #menu

Membuat Fixed Sidebar dengan fungsi Scroll menggunakan CSS Grid https://itnext.io/use-css-grid-to-make-a-fixed-sidebar-with-scrollable-main-body-e0d04cf099b2 --- Latihan membuat Dialog Component dengan native dialog tag HTML https://css-tricks.com/dialog-components-roll-your-own/ --- #css #grid #dialog

Latihan bersama Dcode membuat class SuperArray untuk menampung data Array dan melakukan manipulasi Array dengan JavaScript https://www.youtube.com/watch?v=KQnNR8YFK8M #dcode #array #superArray

Latihan dari Programmer Zaman Now tentang penggunaan Git dan Git Branch https://www.youtube.com/watch?v=QFewiF6ShBQ #git #branch #programmerZamanNow

Menggunakan CSS Animation dengan JavaScript dengan latihan dari Dcode https://youtu.be/kgqMcFrT51o #dcode #css #animation

Tips meningkatkan Accessibility di web dengan penggunaan satuan pixel , em, dan rem pada element CSS dan HTML https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/ #css #em #rem #px

Latihan sederhana melakukan konversi ke bentuk nilai boolean dengan JavaScript https://www.freecodecamp.org/news/how-to-convert-value-to-boolean-javascript/ --- Beberapa sumber untuk belajar fungsi manipulasi Array di JavaScript https://javascript.plainenglish.io/5-resources-for-javascript-array-methods-e25a77f8a940 --- #boolean #value #array

Kumpulan background generator untuk tampilan halaman web https://javascript.plainenglish.io/16-useful-background-generators-for-your-website-designs-e53da679eeec #generator #background

Latihan dari Cand Dev tentang membuat aplikasi kalkulator dengan React JS https://www.youtube.com/watch?v=o89bhL-S6g8 —- Latihan dari Web Dev Simplified tentang membuat Navigation Bar dengan React JS dan disertai dengan Routing https://www.youtube.com/watch?v=SLfhMt5OUPI —- #react #webdevsimplified #candDev #navbar #routing #calculator

Javascript Weekly 590 05/23/2022 • News Sliderland: A Minimalist Coding Playground • News Playwright Can Now Test React, Vue and Svelte Components • News Headless CMS with World-Class TypeScript Support • News Web Applications 101 • News Building an Animated Piano Keyboard with JavaScript and MIDI • News Rust for JavaScript Developers: Preorders Closing Soon • News Why You Don't Need void 0 • News RFC 9239: Updates to ECMAScript Media Types • News Software Supply Chain Attacks Are No Joke • News Deploying Node-RED to Google App Engine • News JSON Mask: A Way to Select Specific Parts of a JS Object • News Fontkit: An Advanced Font Engine for Node and Browser • News PushIn.js: A Lightweight Parallax / Dolly / Push In Effect for Web Pages • News Vuestic 1.4.0: An Open Source UI Library for Vue 3 • News Free Activity Feeds & Chat APIs for Qualifying Teams • News Timewave: A Tiny Clock and Date Library (with Simulation Support) • News Elder.js: An SEO-Focused Svelte-Based Static Site Generator • News minimatch: A Glob Matcher • News A React Router Implemented in Under 100 LOC Tags: #weekly #nodejs JavaScript Indonesia Community

Cara mengirim events di Node JS dari backend ke front end https://javascript.plainenglish.io/server-sent-events-with-nodejs-bbdc9a9584cb --- Membuat aplikasi CLI dengan Node JS https://javascript.plainenglish.io/how-to-create-your-own-cli-with-node-js-9004091a64d5 --- #nodejs #cli #event

Melakukan filter nilai null pada suatu Array JavaScript https://javascript.plainenglish.io/how-to-filter-nullable-values-from-an-array-using-typescript-30575cb25e3f --- Optimasi memuat data script JavaScript dengan async dan defer https://javascript.plainenglish.io/optimize-javascript-loading-with-defer-and-async-attributes-9069514bf952 --- Mengenal runtime validation pada TypeScript https://itnext.io/using-automated-runtime-data-validation-decorators-in-typescript-d9df5449a06c —- Menggunakan nested ternary operator untuk conditional operator https://javascript.plainenglish.io/javascript-nested-ternary-operator-dc28551fb8c3 #filter #null #value #validation #defer #ternary

Tips dengan algoritma yang baik untuk menulis kode JavaScript dengan baik https://javascript.plainenglish.io/top-10-algorithms-improve-your-javascript-skills-21507c25ff7 —- Latihan sederhana membuat Raw String dengan JavaScript https://javascript.plainenglish.io/javascript-raw-string-d7e3b68f9b8d #algorithm #string #raw

Latihan sederhana membuat blog dengan Graph CMS dna React JS bersama The DevEd https://youtu.be/Dc7LAgqy1_E #blog #cms #graphql #react

Latihan dari Kevin Powell tentang beberapa shortcut dan tips dalam penggunaan text editor VS Code https://youtu.be/9M58urr1CVQ #code #vscode #tips

Referensi konfigurasi text editor VS Code yang dapat dicoba https://medium.com/@crstnmac/2022-custom-vscode-setup-b72b10ef1e0a #vscode #setup

Tips dan trik dalam penggunaan text editor Vim https://medium.com/@kevin.lutz/vim-2x-5x-10x-your-productivity-70df690545c7 #vim #editor

Komparasi beberapa metode penulisan CSS dalam bentuk BEM dan SMACSS https://blog.logrocket.com/bem-vs-smacss-comparing-css-methodologies/ #css #bem #smacss