JavaScript Indonesia Channel

Latihan membuat aplikasi CRUD sederhana dengan Node JS MERN Stack dan database MySQL https://youtu.be/es9_6RFR7wk https://youtu.be/R5jNlWOv5qk #crud #mern #nodejs

Latihan menggunakan TypeScript bagi pemula JavaScript https://www.freecodecamp.org/news/learn-typescript-beginners-guide/ --- 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 membuat Carousel dengan JavaScript murni, HTML, dan CSS https://blog.logrocket.com/build-image-carousel-from-scratch-vanilla-javascript/ --- Mengenal Immutability di dalam Javascript https://javascript.plainenglish.io/3-ways-to-make-your-properties-immutable-in-javascript-681712b95bc9 --- Pengenalan fungsi forEach dalam operasi Array JavaScript https://stackabuse.com/guide-to-javascripts-foreach-method/ --- Pengenalan Object Literal untuk menambahkan property di dalam Object https://javascript.plainenglish.io/object-literals-using-object-property-shorthand-6360825c60ef --- #carousel #image #object #literal #foreach #immutability

Tailwind CSS yang kini semakin baik , performa oke, dan fungsi utility yang semakin lengkap, membuat Bootstrap CSS ditinggalkan https://leon101.medium.com/its-time-to-say-goodbye-to-bootstrap-11ed5fc9f3f1 #tailwind #bootstrap

Membuat REST API dengan Feather JS dan SQLite https://betterprogramming.pub/building-a-rest-api-with-feathers-js-and-sqlite-603ec4c15ba5 #nodejs #featcher #sqlite

Latihan menggunakan state management Pinia di Vue JS 3 https://blog.logrocket.com/complex-vue-3-state-management-pinia/ #vue #pinia #state

Pembuatan fungsi Pagination dan infinite scroll dengan React Query https://blog.logrocket.com/pagination-infinite-scroll-react-query-v3/ #react #infinite #scroll #query

Latihan membuat aplikasi watermark ke gambar dengan bantuan HTML Canvas https://javascript.plainenglish.io/how-to-build-an-image-watermarking-tool-with-html-canvas-9dd45bb4f13 #html #canvas

Latihan membuat blog dengan HTML dan CSS bersama Freecodecamp https://www.freecodecamp.org/news/frontend-development-project-create-a-blog-with-html-css #freecodecamp #blog #html #css

Referensi tentang CSS Reset untuk mengembalikan kondisi style CSS ke kondisi semula https://www.joshwcomeau.com/css/custom-css-reset/ #css #reset

Melihat proposal standard ES JavaScript terbaru yaitu pipe operator https://blog.logrocket.com/investigating-javascript-pipe-operator-proposal/ --- Cara membaca file di komputer lokal dengan menggunakan JavaScript https://javascript.plainenglish.io/read-local-files-on-the-web-without-backend-5f3fa3ae5c14 --- Beberapa cara untuk deklarasi variabel di JavaScript https://javascript.plainenglish.io/3-ways-to-declare-variables-in-javascript-var-let-and-const-explained-a0ba3c0b17e1 #variable #declare #pipe #esm #file

Beberapa cara menambahkan element HTML dengan JavaScript https://blog.bitsrc.io/4-javascript-ways-to-add-html-elements-to-a-page-f824f014820 —- Beberapa fungsi one liner JavaScript yang menarik untuk digunakan https://javascript.plainenglish.io/18-javascript-one-liners-thatll-make-you-look-like-a-pro-678da78ccdb0 —- #html #dom #oneliner

Menggunakan test runner di Node JS baik fungsi dengan library ataupun built in test runner yang akan tersedia https://fusebit.io/blog/node-testing-comes-to-core/ #nodejs #testing

Latihan panjang menggunakan Git dan Github bagi pemula https://www.freecodecamp.org/news/git-and-github-for-beginners/ #git #github

Javascript Weekly 584 04/11/2022 • News Announcing Rome Formatter: Super Fast JavaScript Formatting • News Writing Redux Reducers in Rust • News Wallaby.js: 15x Faster JavaScript/jest Testing and Debugging • News JavaScript & Node Testing Best Practices: 2022 Edition • News Announcing RedwoodJS 1.0 and $1M Funding • News 🇺🇦 Devs For Ukraine: An Online Event to Support Ukraine • News ShadowRealms: An ECMAScript Proposal for a Better eval() • News The Problems with JavaScript Begin with JavaScript • News How TypeScript's Compiler Compiles • News The Ultimate Guide on Creating Customizable Angular Components • News How to Test Component Interactions with Storybook • News Postlight Podcast: For Technology Leaders Solving Tough Problems • News How Are Windows Runtime GUIDs Represented in JavaScript? • News React Libraries to Use in 2022 • News AgnosticUI: A Component Library for Numerous Frameworks • News Preview.js: Preview UI Components Instantly in Your IDE • News Keep Up with the Latest in Startups, Tech, & Programming in Just 5 Min • News JSZip 3.9: Create, Read and Edit .zip Archive Files • News article-parser: Node Library to Extract Articles from Web Pages Tags: #weekly #nodejs JavaScript Indonesia Community

Mengenal design pattern Memento untuk dicoba pada aplikasi JavaScript https://betterprogramming.pub/the-power-of-memento-design-pattern-in-javascript-309f8bb4d9f2 #memento #pattern

Latihan dari Web Programming Unpas tentang menerapkan Dark Mode pada web portfolio https://youtu.be/k51PlNVTuAo #portfolio #darkmode #tailwind #css #wpu

Latihan menggunakan touch event handler di JavaScript bersama Web Dev Simplified https://youtu.be/TaPdgj8mucI #touch #handler #webdevsimplified

Beberapa metode komunikasi antar komponen Vue JS https://javascript.plainenglish.io/7-component-communications-in-vue-3-f4d2d795481d #vue #component #communication