Adding a ServiceWorker to a Webpack project to enable Offline Caching

Things move so fast in the JavaScript world so please make sure this article is relevant to you. It's currently March 2018 I'm using WebPack 4.2.0 I used offline-plugin to accomplish adding a ServiceWorker to my JavaScript app that uses Webpack as a build tool. The README on the offline-plugin repository page has excellent instructions for setting up this Webpack … Continue reading Adding a ServiceWorker to a Webpack project to enable Offline Caching

Advertisements

Migrating a poorly written web app to use Webpack and Babel

I play a lot of Pokemon GO! To help me on the road I built a Type Effectiveness checking site called Poketype! (Poketype on GitHub) It's a simple site and, having come from a company that primarily used jQuery, I decided to write it all in Vanilla JS. This was a bad idea! Note to self: … Continue reading Migrating a poorly written web app to use Webpack and Babel

2 Minute HTTP or Local web server using Node.js

This couldn't be simpler. Jason Watmore covers the steps in detail here: http://jasonwatmore.com/post/2016/06/22/nodejs-setup-simple-http-server-local-web-server Make sure you have Node.js installed. Download links are at the bottom of their home page. Open up your shell of choice - Command Prompt, Terminal, Bash, whatever! Run "npm install -g http-server" (package documentation here) "cd" (Change Directory) into your project folder … Continue reading 2 Minute HTTP or Local web server using Node.js

Using Fetch with SharePoint Online

jQuery's ajax method. If you aren't a fan of using SP.RequestExecutor, chances are good that $.ajax is used heavily to query and post data to SharePoint's REST API in your SharePoint customisations. There's nothing wrong with jQuery's $.ajax method. In fact, it's been incredibly reliable over the past five years for my work. But we … Continue reading Using Fetch with SharePoint Online

DNN 9 Module Development using Christoc VS2017 Templates – Personal Reference

Acquiring the DNN Development Templates: http://www.christoc.com/Products/DNN-Development-Templates Additional documentation here: http://www.dnnsoftware.com/DOCS/developers/creating-modules/create-module-using-templates.html DesktopModules Virtual Directory created when new module Project was created. Causes generic error when accessing DNN site. Resolution here: http://www.christoc.com/Tutorials/All-Tutorials/aid/12 After project creation the reference to "DotNetNuke.dll" had to be added from C:\inetpub\wwwroot\dotnetnuke\bin. If you're reading this, the directory location will depend on where you installed … Continue reading DNN 9 Module Development using Christoc VS2017 Templates – Personal Reference

DNN 9 Theme Development using Christoc VS2017 Templates – Personal Reference

Acquiring the DNN Development Templates: http://www.christoc.com/Products/DNN-Development-Templates Tutorial - Creating a DNN Theme with a Visual Studio Project Template http://www.christoc.com/Tutorials/All-Tutorials/aid/8  Notes: In IIS you will need to add a binding on your DNN 9 site to listen on port 80, hostname = dnndev.me, like so: When the Theme Project is created IIS will create a Virtual Directory with … Continue reading DNN 9 Theme Development using Christoc VS2017 Templates – Personal Reference