How to Return Ajax Response From Asynchronous JavaScript Call: Methods and Code Examples

When JavaScript is used in conjunction with XML or REST APIs, you can create some useful behaviors with a set of web-development techniques collectively known as Ajax. Let’s take a look at a specific Ajax functionality: returning an Ajax response from an asynchronous JavaScript call. First, What Is Ajax? Asynchronous JavaScript and XML, or Ajax,…

An excellent article on the what, why and how of AJAX.  It’s not just for XML.

via How to Return Ajax Response From Asynchronous JavaScript Call: Methods and Code Examples — DZone Web Dev Zone

Data Driven Documents (D3), API Server (Cdata) Generate REST Server 80+ Data Sources.

2017-08-22_8-45-24

2017-08-22_8-45-52

D3.js is a JavaScript library for producing dynamic, interactive data visualizations in Web browsers, using the widely implemented SVG, HTML5, and CSS standards. The CData API Server enables you to generate REST APIs for 80+ data sources, including both on-premises and cloud-based databases. This article walks through setting up the CData API Server to create a REST…

I have used D3 in concert with C3 to create a data visualization front end to a data warehouse.  D3 has a ton of features but is difficult to use out of the box for the novice user.  The C3 library puts a layer of smarts on top of D3 making it much easier to get started in graphic visualizations.  I’ve also used CData product to get an ODBC connection to Google sheets in order to analyze and transfer results from a Google form survey to a data warehouse.  CData products are very good just be willing to pay for that excellence.

This article is a good read because it combines the two to assemble a REST service and use it to provide the data feed to D3.

via Building Dynamic D3.js Web Apps With Database Data — DZone Web Dev Zone

Powershell + JavaScript + ConvertToHTML = Web Reports

powershell-hero-16-9-ratio.jpg

Some tips and tricks on how to use a combination of Powershell, JavaScript, and the ConvertToHTML Powerlet to get some nicely formatted web reports.  This article is in multiple parts and start with the first one or you will get totally lost.

I’m getting better at PowerShell and never thought to combine these things together.  The solution is pretty simple stuff but very creative.  This is a Maker project in my mind.

Via: Database Weekly

 

 

These 10 programming languages have dominated development in 2017, guess number one

With the continued growth of interest in software engineering and developer jobs, it seems like everyone wants to know which programming languages are the most useful to learn. The popularity of these languages ebbs and flows with the market, so it’s … more

From Daniel Kaufman’s web page comes the news item of the Institute of Electrical and Electronics Engineers (IEEE) recently released its list of the top programming languages for 2017.  Here is a surprise, number one of the list is…… Python.

via These 10 programming languages have dominated development in 2017 — JSFeeds

Better tools for debugging Node.js

Debugging – the process of finding and fixing defects in software – can be a challenging task to do in all languages. Node.js is no exception. Luckily, the tooling for finding these issues improved a lot in the past period. Let’s take a look at what options you have to find and fix bugs in…

I am at the level with Node.JS that I no longer “Suck at it” but I am still learning every time I use it.  One of the areas I struggled with was debugging, which was much different and difficult than my .NET and PHP days.  It seems like open source meant that you were on your own for debugging.

Special thanks to Gergely for his article on just the topic of Node.js debugging.

pino.pngOne of the takeaways in the article is Pino is an extremely fast Node.js logger, inspired by bunyan. In many cases, pino is over 6x faster than alternatives like bunyan or winston
I had tried Winston as it was recommended by one of my programmer gods.  I was not worthy because I couldn’t understand it.  I have high hopes for Pino.

I use Microsoft VS Code editor as my editor and my IDE for almost everything including PowerShell, Bash, JavaScript, SQL, Node.js, ADCIIDoctor, and more.  I was glad to see a section in this article on how to better use MS Code with Node.js

via How to Debug Node.js with the Best Tools Available — RisingStack Engineering

Dashboards on the cheap, DIY with Gridster

Recently, I published an article on various JavaScript libraries for Dashboards. In this article, I am going to demonstrate how we can create a dashboard with drag-and-drop visuals and export it using JavaScript. I am going to use the Gridster library to create the dashboard. I have used this library in my projects and found it…

It takes a few libraries to create dashboards that look like

screen-shot-2017-04-02-at-20-21-09.png

Gridster.JS is a jQuery plugin that when combined with Chart.JS to create the charts and jsPDF to snapshot the page into a PDF file you can build a custom dashboard quickly.  If you have used Tableau or Microsofts Power BI and wondered, “Could I write something like this in code for a specific solution”, me thinks the answer is “Yes”.

via Dashboard: Drag and Drop Visuals and Export Using JavaScript Libraries — DZone Web Dev Zone

Backlogger web app released to Github, it’s a Scrum thing.

2017-03-07 12.30.08.jpg

“Backlog” is one of those SCRUMmy terms used to identify features or functions that have been dreamed up or discussed for an application.   You collect these ideas into a list which is called the “Backlog”.  Then this list is reviewed (Sprint Review) and the ideas are refined (Groomed) and an estimate of effort (Story Points) is assigned to it.  Then folks get together and discuss which ones should be done in the next timeframe (Sprint).  To collect these ideas some companies use an issue tracking system or an off the shelf ticket system (Atlassian JIRA) and others just use a spreadsheet… gasp.

Sometimes all you need is a simple web application that all the participants can use to enter any ANY of the ideas that came up.  Even things like “The buttons should be colored blue.”  I needed a simple project to help me learn some technologies that are new to me.  Hence the “Backlogger” was born.  The whiteboard above shows the original concept.

Technologies used in Backlogger

  • JavaScript
  • NodeJS
  • Bootstrap
  • Mongo without the headache, neDB
  • jsGrid

Design Requirements

The design requirements were meant to be simple as possible to make this project something that could be done quickly.  They also needed to be flexible to allow for better learning.

  • Single Page Application
  • Open Source
  • No user logins, just a password, we are a big happy family
  • Self-contained application, no need for outside services or servers
  • Mongo database and Mongo queries
  • Allow for a maintainable list of people names who contributed ideas to the backlog
  • Allow for a maintainable list of functional areas to help groups the ideas
  • One time entry of an idea, no editing,
  • The editing of an idea will be done during the grooming
  • Filters that help find ideas quickly
  • Ability to backup and wipe the database (Mongo Documents)
  • Simple report that can be printed directly

GeekMustHave would like to thank Phoenix Learning Labs for the resources and funding to do this project.  GeekMustHave would also like to thank the MDHHS-DWIP team for the testing and feedback.

Open source, common components

What does it look like?

2017-04-02_13-19-46

Backlogger is an Open Source project available on Github.

https://github.com/GeekMustHave/Backlogger

Future

I’ve used “Backlogger” in one project so far but others who have seen it have expressed some interest in it.  That’s another reason why it’s Open Source.

Depending on the feedback I might do additional updates.  Maybe I need a “Backlogger” for the “Backlogger”?

 

 

 

 

 

 

 

 

 

 

 

 

MERN the new JavaScript stack

mern.png

TherModern Application Stack – Part 1: Introducing The MEAN Stack introduced the technologies making up the MEAN (MongoDB, Express, Angular, Node.js) and MERN (MongoDB, Express, React, Node.js) Stacks, why you might want to use them, and how to combine them to build your web application (or your native mobile or desktop app). The remainder of…

via The Modern Application Stack – Part 5: Using ReactJS, ES6, and JSX to Build a UI (the Rise of MERN) — DZone Web Dev Zone

There has been some discontent when the migration from Angular 1/1.5 to Angular 2.o actually became a rewrite.  I switched to React after seeing some very convincing presentations and talking with some somewhat rabid developers. I am also looking at Vue as a replacement for the Angular / React part of the full stack.  I wonder how long it will be before we see the MEVN stack being discussed.

4 Useful JavaScript Libraries for Data Analysis and Visualization

2017-02-21_13-10-03Businesses from all around the globe, irrespective of the industry vertical, have realized the importance of data-driven decision making. Data Analytics is currently one of the most trendy topics in the world and businesses across different verticals are increasingly focusing on deriving meaningful insights from data in order to understand both past and future trends. There…

I have used the first of these libraries D3 along with C3.  I think the others are worth a little research time.

  • Data-Driven-Documents (D3.js)
  • Aperture JS
  • InfoVis
  • Cytoscape.js

via 4 Useful JavaScript Libraries for Data Analysis and Visualization — DZone Web Dev Zone