that's #toshmagosh

This is me, Tara

Software Engineer

turned

Developer Advocate

@tzmanics

#KendoCamperTour

@KendoUI

@NodeSchoolCincy

@CincyWWCode

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

that's me 😄

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

I'M LEARNING

THEN I TRY TO HELP YOU LEARN TOO

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

KENDO CAMPER TOUR PROJECT

An IoT PWA Using Angular & Node

@tzmanics

#KendoCamperTour

@KendoUI

KENDO CAMPER TOUR PROJECT TECHNOLOGIES

Philips Hue

Angular

Kendo UI

Node.js

@tzmanics

#KendoCamperTour

@KendoUI

but mostly because I want to learn these things

@tzmanics

#KendoCamperTour

@KendoUI

KENDO CAMPER TOUR PROJECT INITIAL OUTLINE

  1. pick IoT

  2. make sure it works

  3. create angular app

  4. add ui components

  5. integrate IoT API to UI

  6. upgrade to PWA

@tzmanics

#KendoCamperTour

@KendoUI

IoT

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

KENDO CAMPER TOUR PROJECT INITIAL OUTLINE

  1. pick IoT

  2. make sure it works

  3. create angular app

  4. add ui components

  5. integrate IoT API to UI

  6. upgrade to PWA

@tzmanics

#KendoCamperTour

@KendoUI

#(not so)liveDemo

@tzmanics

#KendoCamperTour

@KendoUI

👉

{

👍

@tzmanics

#KendoCamperTour

@KendoUI

KendoUI.com

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

KENDO CAMPER TOUR PROJECT INITIAL OUTLINE

  1. pick IoT

  2. make sure it works

  3. create angular app

  4. add ui components

  5. integrate IoT API to UI

  6. upgrade to PWA

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

KENDO CAMPER TOUR PROJECT INITIAL OUTLINE

  1. pick IoT

  2. make sure it works

  3. create angular app

  4. add ui components

  5. upgrade to PWA

  6. integrate IoT API to UI

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

✨PROGRESSIVE

🥂PREVENTATIVE

🌏IT'S THE WEB

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

USERS

WE

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

SERVICE WORKER

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

sw-precache

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

ng build -prod

npm run precache

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

APP MANIFEST

index.html

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

APP MANIFEST

manifest.json

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

LIGHTHOUSE

#liveDemo

@tzmanics

#KendoCamperTour

@KendoUI

KENDO CAMPER TOUR PROJECT INITIAL OUTLINE

  1. pick IoT

  2. make sure it works

  3. create angular app

  4. add ui components

  5. integrate IoT API to UI

  6. upgrade to PWA

@tzmanics

#KendoCamperTour

@KendoUI

@tzmanics

#KendoCamperTour

@KendoUI

WANT TO TRY??

https://github.com/tzmanics/u-go-hue-go

@tzmanics

#KendoCamperTour

@KendoUI

THANK YOU

ANGULAR SF !!

Made with Slides.com