The Great Refinery Run: A Fueling Curiosity Game

From Crude to Consumer – An Interactive STEM Adventure. Step into the refinery control room today.

Fueling Curiosity
πŸš€ Oh joy, another "How to Build a Rocket with a Toothpick" guide! 🧩 Let's reinvent the wheel with Vanilla JavaScript, because frameworks are so mainstream. πŸ₯± Prepare for a Friday night filled with code snippets and zero productivity!
https://jsdev.space/howto/reactive-vanilla-js/ #HowToBuildARocket #VanillaJavaScript #CodingHumor #FridayNightCoding #ZeroProductivity #HackerNews #ngated
Howto Build Reactive Declarative UI in Vanilla JavaScript

A practical experiment using vanilla JavaScript, Web APIs, and Proxy-based state to create reactive, declarative UI without frameworks.

JavaScript Development Space
Howto Build Reactive Declarative UI in Vanilla JavaScript

A practical experiment using vanilla JavaScript, Web APIs, and Proxy-based state to create reactive, declarative UI without frameworks.

JavaScript Development Space
I refactored another one of my small intranet tools to get rid of jQuery. I have to say, it's a bit of a chore to write document.getElementById() so much. jQuery's $("#...") is so much shorter. Likewise, addEventListener() is longer than on(). That sucks a bit.
But apart from that it's nice to remove a framework and lots of <div> tags and replace it with techniques that browsers have built into them like CSS (or accordion widgets using the <details> tag).
#vanillaJavaScript

Just released a free little puzzle.
https://henspace.itch.io/zupzle-geometry-pack

I wrote the game to have a little practice writing a vanilla JavaScript game. I also intend to release a version using my drawings. Sort of like an interactive portfolio.

#indiedev #puzzle #gamedev #itch_io #itchio #vanillajavascript #html5

Zupzle - geometry pack by henspace

A simple tile swapping puzzle

itch.io

In preparation for the new SPA I've spent 2-3 days learning about web components and refactoring the jQuery front-end to a tiny PHP web app using #vanillaJavaScript. That blog in the previous post and the Mozilla Dev Network docs were all I needed but it was a lot of open tabs and back-and-forth between them πŸ˜ƒ

Plain JS is quite verbose at times compared to jQuery. Especially with AJAX requests. Also had to learn about CORS, promise objects... but I'm confident to tackle more now.

#WebDev

As neat as #jquery or #cheerio is, I miss the abilities of #VanillaJavaScript in the browser.

I don't remember how many times I tried to grab certain properties, which would have been available in the browser, but don't exist in cheerio.

And it is a bit annoying to constantly put various html elements into the cheerio wrapper class to get access to the various functionalities it offers. Thus instead grabbed the minimal viable data and just worked further with arrays.

#javascript

Build a ShadCN UI Button Clone Component Using Vanilla JavaScript
https://jsdev.space/btn-component-js/ #JavaScript #VanillaJavaScript
Build a ShadCN UI Button Clone Component Using Vanilla JavaScript

Explore the world of JavaScript at our blog, your ultimate resource for guides, tutorials, and articles. Uncover the latest insights, tips, and trends.

JavaScript Development Space - Master JS and NodeJS
Extract the workdays between two days in JavaScript
https://youtu.be/a2FGIDtWB_U #JavaScript #JavaScriptTutorials #VanillaJavaScript
Extract the Workdays Between Two Dates In JavaScript

YouTube