JSFoo 2019

JSFoo 2019

On component architecture, front-end engineering and Developer Experience (DX)



Majid Hajian


Hardware connectivity with Vue.JS

Submitted May 1, 2019

The browsers can actually take control of physical devices in the real world like lightbulbs, robots, printers, NFC tags, toys, and even drones by providing new web standard hardware connectivity APIs such as WebBluetooth, WebUSB, WebNFC and etc.

On the other hand, Progressive web apps open a new era to build a web application that works offline and resemble a native application. Hence, every day we are getting closer to run web apps only on browsers that don’t need to be installed from any app store and it will take control of hardware around us.

In this session, I am going through some of the web capabilities to connect devices into a Vue.js progressive web app and show how the web could go beyond the browsers and take control of our devices around us.


--- Longer description ---
Initial Outline which its goal is to show interesting demos in addition to theory:

  • web Hardware abilities APIs explanation

  • The WebBluetooth API explained

-- Demos
--- a simple fitness app that shows your heart rate while exercising
--- possible a drone that flies, controlled by a wristband
--- take control of BLE devices and ...

  • The WebUSB API explained

-- Demos
-- connect to a Thermal Printer
-- connect to my Android Device via ADB and control my device via web application from the browser using WebUSB.
-- connect to an Arduino and print on an LED, and do other actions

  • The NFC API explained

    • Demos
      -- NFC ring and NFC tags
      -- A simple web shop that you can scan your NFC tag and be authenticated, then you can scan items and then print via BLE printer.
  • PWA fundamentals walk-through

  • Possibility to download from Google play as a demo,

  • Future APIs such as project Fugu and other exciting API which will come to browsers.

Additional information:

Why this talk? Because First of all, I am passionate about Progressive web apps and this topic in general and also it is an interesting subject that most web developers know very little of, or even do not know at all that this is possible as these APIs are fairly new and recently has better support in browsers. it shows to web developers, how their web application can resemble a native app using PWA which will be so powerful in the near future using hardware APIs on the web and how they can seamlessly become an IoT developer too! which I guess makes them excited about these new technologies. This presentation will hopefully provide lots of fun with demos during presentation too.


Just need an extra table to put all of my devices.

Speaker bio

Majid Hajian is a software developer has developed and architected complex web applications since 2007 after he graduated as a software engineer.
A software developer at heart, Majid is passionate about web platform especially hardware connectivity and performance and in particular Progressive Web Apps.
He loves sharing his knowledge with the community by writing on his blog majidhajian.com and tweeting @mhadaily, speaking at conferences, visiting developers to help them, contributing to open source and organizing meetups and events.
Majid is the author of “Progressive web app with Angular” book published by Apress and “Progressive Web Apps” video tutorial published by PacktPub and Udemy.
He is (co)organizer of a few meetups in Norway dedicated to frontend and mobile in Oslo including Mobile meetup and Vue.js Oslo and Angular Oslo, Framisa and an Organizer of Mobile Era and ngVikings which are the main Nordic conferences for mobile and Angular.

  • This talk has been presented in VueDay in Italy but the video is not ready yet.




{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hybrid access (members only)

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more