Tag: JAVASCRIPT

JavaScript and Cloud Services
DEVOPS

JavaScript and Cloud Services

I've been building web applications with JavaScript for more than 10 years now, and at some point you realise that writing the code is only half the battle. The other half is making sure the thing doesn't fall over when actual people start using it. At

davide
Getting started with tensorflow-js and Angular - AngularMVD
AI-ML

Getting started with tensorflow-js and Angular - AngularMVD

Recently I moved to Uruguay, Montevideo. Here I found an active community of developers, yesterday I had a chance of giving a talk at the AngularMVD meetup. Even though it has been ages from the last time I developed an Angular app the talk was about how to use tensorflow.

davide
Parcel web bundler pros and cons
JAVASCRIPT

Parcel web bundler pros and cons

Recently I've been using Parcel (https://parceljs.org/) for some small web apps I'm developing in my free time. Parcel is a modern javascript bundler that is used to package a JS app into a single, or multiple files. We could argue that the state of

davide
Using tensorflow-models/mobilenet for image recognition
AI-ML

Using tensorflow-models/mobilenet for image recognition

Here is a simple tutorial on how to use the mobilenet model released by google with tensorflow-js. This tutorial requires node v >10 and the parcel bundler. To install node use nvm https://github.com/nvm-sh/nvm and to install parcel just run npm -i g parcel-bundler step 1

davide
Easy tensorflow.js intro - basic operations
AI-ML

Easy tensorflow.js intro - basic operations

Tensorflow is the defacto standard for building advanced neural networks of any kind. Natively tensorflow is a python library and gives to the user a framework that simplifies operation with tensors. A tensor is a mathematical object analogous to but more general than a vector, represented by an array of

davide
Posenet
AI-ML

Posenet

Playing with models released for tensorflow js. Posenet is a neural network that allows the estimation of a human pose from an image. For more technical information about how it actually works refer to this blog post https://medium.com/tensorflow/real-time-human-pose-estimation-in-the-browser-with-tensorflow-js-7dd0bc881cd5 import * as posenet from "@tensorflow-models/posenet"

davide
3d force directed graph visualisation with ThreeJS
JAVASCRIPT

3d force directed graph visualisation with ThreeJS

I needed a cool way to visualize a force directed graph with many datapoints, so I thought that webGL was the way to go as it should be able to handle the heavy load better than d3 SVG. The library I've used for this small proof of concept

davide
Client side routing explained
JAVASCRIPT

Client side routing explained

Client side routing explained React router is the defacto standard for client side routing in React SPA application. To understand how React router works ( and other type of client side routing libraries), first, we need to understand how client side router works. Server side routing On a server side web

davide
ASCIICAM
JAVASCRIPT

ASCIICAM

Simple webapp that turns your webcam into ASCII art. code is available on github at https://github.com/david1983/ascii_cam I've done this in 2015 when I realised that I did not know JS enough ... so it is done in vanilla JS, without any libraries and using

davide
Javascript game in less then 1kb
JAVASCRIPT

Javascript game in less then 1kb

Code golf winner of the js1k2010 c=document.getElementById("c");h=t=150;L=w=c.width=800;u=D=50;H=[];R=Math.random;for($ in C=c.getContext('2d'))C[$[J=X=Y=0]+($[6]||'')]=C[$];setInterval("if(D)for(x=

davide
ESC
// awaiting input_