/categories/javascript/ Recent content in JavaScript on Robert Munn Hugo -- gohugo.io en Wed, 16 Oct 2024 22:08:54 -0700 /blog/re-factoring-tip-clean-up-your-jquery-code/ Wed, 16 Oct 2024 22:08:54 -0700 /blog/re-factoring-tip-clean-up-your-jquery-code/ We’ve all written quick and dirty code using jQuery to validate a form, handle click events, and do other trivial tasks on a web page. /blog/es6-module-patterns-part-4/ Wed, 14 Aug 2024 21:42:45 -0700 /blog/es6-module-patterns-part-4/ For the last part in my series on patterns for ES6 modules, I thought I would include a pattern that uses named exports in a structure to expose only specific things. /blog/es6-module-patterns-part-3/ Thu, 01 Aug 2024 17:25:47 -0600 /blog/es6-module-patterns-part-3/ In Part 1 and Part 2 of this series, I described a couple of my favorite ES6 module patterns. /blog/es6-module-patterns-part-2/ Mon, 29 Jul 2024 00:12:13 -0600 /blog/es6-module-patterns-part-2/ If you have read Part 1 of this series on ES6 module patterns you will recognize this next pattern as a variation of the first pattern, the simple export. /blog/es6-module-patterns-part-1/ Sat, 27 Jul 2024 23:50:59 -0600 /blog/es6-module-patterns-part-1/ ES6 Module Patterns Since I started working on the altseven JavaScript framework several years ago, I have adopted a lot of ES6 conventions, including the use of ES6 modules as the standard means of packaging JavaScript files. /blog/understanding-the-altseven-view-component/ Fri, 24 May 2024 23:43:51 -0600 /blog/understanding-the-altseven-view-component/ Today I am going to explore the View component of the altseven JavaScript framework. /blog/alt-seven-docs/ Wed, 07 Feb 2024 11:52:19 -0700 /blog/alt-seven-docs/ Attention all developers! Our very own client-side JavaScript framework, alt-seven, is in the works and we need your help. /blog/altseven-600-overview/ Mon, 02 Mar 2020 00:00:00 +0000 /blog/altseven-600-overview/ It's been just over a year since I covered developments in the altseven framework. /blog/livesandbox-web-app-editor-v-0120-release/ Fri, 21 Feb 2020 00:00:00 +0000 /blog/livesandbox-web-app-editor-v-0120-release/ The next release of the livesandbox Javascript/Web app in-browser editor is now available. /blog/livesandbox-web-app-editor-v-0110/ Tue, 04 Jun 2019 00:00:00 +0000 /blog/livesandbox-web-app-editor-v-0110/ Good news for open source JavaScript supporters- the livesandbox project is nearing a 1. /blog/livesandbox-web-app-editor-v-094/ Tue, 21 May 2019 00:00:00 +0000 /blog/livesandbox-web-app-editor-v-094/ Another update of the livesandbox editor is available on GitHub. /blog/livesandbox-web-app-editor-updated/ Sun, 19 May 2019 00:00:00 +0000 /blog/livesandbox-web-app-editor-updated/ Following the release of a work in progress update to gadget-ui, I've spent some time this weekend on an update to the beta release of the livesandbox web app editor. /blog/tasklist-altseven-example-app-updated-v-030/ Wed, 13 Feb 2019 00:00:00 +0000 /blog/tasklist-altseven-example-app-updated-v-030/ There is an update to the Tasklist altseven example application, and it's awesome. /blog/livesandbox-in-browser-javascript-ide/ Sat, 09 Feb 2019 00:00:00 +0000 /blog/livesandbox-in-browser-javascript-ide/ Based on my proof of concept for live JavaScript execution, I've built a slightly more functional version and released it at https://github. /blog/simple-js-live-code-execution/ Thu, 07 Feb 2019 00:00:00 +0000 /blog/simple-js-live-code-execution/ Here is a simple Web page that loads and executes JavaScript from a DIV in the browser. /blog/the-altseven-view-component-and-the-rendering-queue-in-32x/ Sun, 03 Feb 2019 00:00:00 +0000 /blog/the-altseven-view-component-and-the-rendering-queue-in-32x/ As of altseven 3.2.x, I have made some changes to the way view components listen for changes and register for rendering with the render queue. /blog/embracing-reactjs-style-ui-rendering-in-altseven-with-es6-template-literals-part-iii/ Wed, 23 Jan 2019 00:00:00 +0000 /blog/embracing-reactjs-style-ui-rendering-in-altseven-with-es6-template-literals-part-iii/ Update ------------ Parts of this post are no longer accurate, as altseven 3. /blog/embracing-reactjs-style-ui-rendering-in-altseven-with-es6-template-literals-part-ii/ Tue, 22 Jan 2019 00:00:00 +0000 /blog/embracing-reactjs-style-ui-rendering-in-altseven-with-es6-template-literals-part-ii/ Eighteen days seems like forever in the Internet age. It was only eighteen days ago that I wrote Part I of this article about challenges solving some problems with building a React-style rendering solution in the altseven JavaScript framework. /blog/setting-up-and-running-the-tasklist-altseven-example-app/ Tue, 22 Jan 2019 00:00:00 +0000 /blog/setting-up-and-running-the-tasklist-altseven-example-app/ Since I am covering the tasklist application in some detail, I'd like to walk you through the process of setting it up so you can run it yourself. /blog/embracing-reactjs-style-ui-rendering-in-altseven-with-es6-template-literals-part-i/ Fri, 04 Jan 2019 00:00:00 +0000 /blog/embracing-reactjs-style-ui-rendering-in-altseven-with-es6-template-literals-part-i/ I spent yesterday adding support for ES6 Template Literals as an alternative to Mustache/Handlebars. /blog/ui-library-gadget-ui-updated-with-es6-module-support/ Sat, 29 Dec 2018 00:00:00 +0000 /blog/ui-library-gadget-ui-updated-with-es6-module-support/ I just published gadget-ui v. 6.0.0. There are no significant changes or additions to the library itself, but I have added ES6 modules exports to support importing the library, in whole or in part, using the ES6 import command. /blog/tasklist-client-application-for-a-nodejs-rest-api-part-i/ Wed, 19 Dec 2018 00:00:00 +0000 /blog/tasklist-client-application-for-a-nodejs-rest-api-part-i/ A few days ago, I posted a NodeJS application built around a REST API, and some further thoughts around architecture with the NodeJS mysql package. /blog/exploring-architecture-with-the-nodejs-mysql-package/ Mon, 17 Dec 2018 00:00:00 +0000 /blog/exploring-architecture-with-the-nodejs-mysql-package/ In software design, architectural choices have a significant influence on the maintainability of your code base. /blog/creating-a-nodejs-rest-api-with-express-and-mysql/ Fri, 14 Dec 2018 00:00:00 +0000 /blog/creating-a-nodejs-rest-api-with-express-and-mysql/ NodeJS offers the ability to build Web apps using JavaScript. /blog/gadgetuiinputfileuploader-example-part-iii-database-and-cfml-engine/ Tue, 04 Dec 2018 00:00:00 +0000 /blog/gadgetuiinputfileuploader-example-part-iii-database-and-cfml-engine/ In parts I and II of my FileUploader example code, I showed you the client-side and server-side code for the FileUploader component and some example code for a CFML-based server-component to handle the uploaded data. /blog/so-i-created-a-javascript-framework/ Sun, 02 Dec 2018 00:00:00 +0000 /blog/so-i-created-a-javascript-framework/ Last year, and largely as an academic exercise, I created a JavaScript framework called altseven. /blog/gadgetuiinputfileuploader-example-part-ii-the-modelfileservice-server-component/ Thu, 29 Nov 2018 00:00:00 +0000 /blog/gadgetuiinputfileuploader-example-part-ii-the-modelfileservice-server-component/ A FileUploader component does no good by itself. In order to provide upload capability, you need something on the server that can receive the uploaded files and process them. /blog/gadget-ui-javascript-library-updated/ Wed, 28 Nov 2018 00:00:00 +0000 /blog/gadget-ui-javascript-library-updated/ I have been working on an update of the gadget-ui JavaScript library that includes a new feature - a multi-file upload component called gadgetui. /blog/gadget-uiinputfileuploader-example/ Wed, 28 Nov 2018 00:00:00 +0000 /blog/gadget-uiinputfileuploader-example/ I'm going to demonstrate how to use the new gadget-ui. /blog/javascript-automation-part-ii-configuring-grunt/ Fri, 18 Mar 2016 00:00:00 +0000 /blog/javascript-automation-part-ii-configuring-grunt/ Building complex JavaScript front-ends is complicated. Grunt can help you improve your code/debug lifecycle by automating a lot of repetitive tasks that otherwise take up a lot of your time. /blog/javascript-automation-part-iii-configuring-grunt-tasks/ Fri, 18 Mar 2016 00:00:00 +0000 /blog/javascript-automation-part-iii-configuring-grunt-tasks/ Having installed and configured Grunt in Part I and Part II of our series on automating JavaScript builds, we proceed to the heart of the matter - configuring Grunt tasks to automate away the tedium of building our JavaScript client app from source files. /blog/javascript-automation-part-i-setting-up-grunt/ Wed, 16 Mar 2016 00:00:00 +0000 /blog/javascript-automation-part-i-setting-up-grunt/ If you work on single-page apps and other JavaScript-centric Web development, you quickly learn that the code-debug cycle in client-side JavaScript is anything but automatic. /blog/real-time-server-debug-info-using-nodejs-jquery-websockets-and-logbox/ Sun, 17 May 2015 00:00:00 +0000 /blog/real-time-server-debug-info-using-nodejs-jquery-websockets-and-logbox/ Server-side debugging can be a painful process. Creating Rich Internet Applications - RIAs - ( or single-page apps by another name ) in particular can frustrate even the most experienced developers. /blog/custom-constructors-with-mixins-to-add-event-bindings-in-javascript/ Sat, 16 May 2015 00:00:00 +0000 /blog/custom-constructors-with-mixins-to-add-event-bindings-in-javascript/ A few years ago, Douglas Crockford wrote a seminal post on prototypal inheritance in JavaScript where he argued: