Loading…

Joe Steinbring

JavaScript

The language that runs in the browser, and via Node.js on the server too. Its entries span full frameworks, site builders, HTTP clients, mapping libraries, and the older libraries that came before the current generation.

My JavaScript experience spans frontend frameworks, server runtimes, reusable web components, and full-stack applications. I have written it at every job I have had: UW-Milwaukee, Kohler, Starkmedia, Quality Matters, and Bader Rutter.

Explore JavaScript

Vue.jsI began using Vue.js at UW-Milwaukee in 2016 and went on to build client applications with it at Bader Rutter, including a progressive web application and several marketing sites. Back at UW-Milwaukee, I use it for new development and plan to move the AngularJS 1.x applications I maintain to it over time.VuexI used Vuex for state management in a few Vue.js apps I wrote at Bader Rutter, and in a Job Tracker I built for an October 2023 Hack and Tell.PiniaI used Pinia for state management in a few Vue.js apps I wrote at Bader Rutter, and wrote on JWS News about using it instead of Vuex in a Vue.js and Firebase app.Node.jsI have written server-side JavaScript on my own projects for over a decade. Professionally it began at Bader Rutter, and at UW-Milwaukee I use it now to spin up the container stacks our Laravel applications run in.AstroThis website, jws.dev, is my first big experiment with Astro, which I use to build content-rich sites that combine static delivery with focused interactive components.AxiosI used Axios heavily from 2014 until ES6 was well supported in web browsers, when the built-in fetch() API largely removed the need for it.Google MapsMy teams used Google Maps a lot the first time I worked at UW-Milwaukee, from 2006 to 2011, and again at Bader Rutter.MapboxMapbox is a good alternative to Google Maps, which is very expensive. I have not had much chance to use it at work, but I have written extensively about it on JWS News.PhoneGapI introduced PhoneGap at Starkmedia and used it to package web applications as hybrid mobile apps for the app stores.LeafletI use Leaflet to create responsive, interactive maps with custom markers and locally managed map behavior.jQueryI used jQuery the first time I worked at UW-Milwaukee, at Starkmedia, and at QM Quality Matters, where I maintained and modernized dashboard interfaces built with it.AngularJSI introduced AngularJS to my team at Starkmedia in 2013 and shared what I learned with the developer community. At UW-Milwaukee I maintain and modernize applications still running on AngularJS 1.x, with the aim of moving them to Vue.js over time.Rivets.jsI adopted Rivets.js at QM Quality Matters in 2015 as a lightweight data-binding and templating option, rewriting dashboard interfaces that had been built with jQuery.ReactI have explored React through hands-on projects and articles documenting the development experience.

From the blog

Related writing

Articles from JWS News and DEV that relate to JavaScript.

  1. Can you write a CMS that uses git commit messages for content?

    Over the years, I have struggled to figure out where to host my photography. I have posted photos on Flickr, Blogger, Pixelfed, Instagram, 500px, and Twitter. They all have the same issue: I don’t ultimately control them. When Twitter went away, the photos went away with it. Any…

  2. Thoughts on Web Awesome

    I backed Web Awesome on Kickstarter in April. In 2017, I supported their campaign for Font Awesome Five and have maintained a Font Awesome license since then. I like what FA offers and contribute $49/yr to support it. In 2022, Font Awesome acquired Shoelace, and when I saw that…

  3. Let’s build an AI-driven social media bot!

    In June, I wrote about creating a private fediverse instance. For JWS Social, I am running GoToSocial hosted on K&T Host. GoToSocial supports decentralized social networking by adhering to ActivityPub, a protocol that enables interoperability across platforms like Mastodon, Flip…

  4. Lets play with some Milwaukee custard data

    Back in May, I showed How to get AI to tell you the flavor of the day at Kopp’s, and in the demo, I showed how you can populate a Chroma DB vector database using an API that I found on the Kopp’s website. That is cool, but Kopp’s isn’t the only custard shop in…

  5. How can you use LLaVA and Node.js to describe an image?

    LLaVA (Large Language-and-Vision Assistant) was updated to version 1.6 in February. I figured it was time to look at how to use it to describe an image in Node.js. LLaVA 1.6 is an advanced vision-language model created for multi-modal tasks, seamlessly integrating visual and tex…

  6. How to write a JavaScript app that uses Ollama

    So far this week, we have looked at how to use Ollama from the CLI, how to use Ollama from the web service, and how to use Ollama from a phone or iPad. Today we are going to be using the Ollama JavaScript Library to write an application.

From CodePen and GitHub

Small, self-contained JavaScript examples that I published publicly.

Showing 12 of 73 examples.

  1. Address Picker - 1

    See it runningSee the code

  2. A CLI node script for syncing…

    See the code

  3. Address Picker - 2

    See it runningSee the code

  4. A command-line task tracking app for grim

    See the code

  5. Address Picker - 3

    See it runningSee the code

  6. A node proxy for getting the flavor of the day for the closest culver's locations to Milwaukee.

    See the code

  7. const example

    See it runningSee the code

  8. An example of a Vue composable

    See the code

  9. const object example

    See it runningSee the code

  10. How I implimented Add, Delete, and Clone for 'Notes Vault'

    See the code

  11. Copy/Cut/Paste text to clipboard demo

    See it runningSee the code

  12. How to instantiate the ngStorage module with defaults

    See the code

View all of my pens on CodePenView all of my gists on GitHub

From GoToSocial

Related thoughts

Short posts about JavaScript, matched by topic hashtags.

  • #javascript
Finding related thoughts…