Slide 1

Slide 1 text

Getting Into Vue Mark Wolfe Developer @ Versent

Slide 2

Slide 2 text

Welcome • @wolfeidau on Twitter and Github • Who is Versent?

Slide 3

Slide 3 text

Vue.js • Javascript Framework • Easy to get started • Helps you provide win to users • Small and Fast

Slide 4

Slide 4 text

vue init • Starter templates • webpack • webpack-simple • simple • Developer experience is front and centre!

Slide 5

Slide 5 text

Testing!? • Mocha / Chai used for unit testing • Nightwatch for e2e testing • Documentation is very thin for testing

Slide 6

Slide 6 text

UI Toolkits • Vue Material • Element UI • This one even has tests! • I just used bootstrap..

Slide 7

Slide 7 text

Amazon Cognito

Slide 8

Slide 8 text

Amazon Cognito • Identity as a service • Designed for Web and Mobile applications • Tightly integrated into the AWS “serverless" ecosystem • Rich API

Slide 9

Slide 9 text

Identity As a Service? • Sign Up • Verify your Email or Mobile No • Sign In • Supports MFA • Password Change and Recovery • Server side encryption of ALL data • Save User Settings • No Servers where harmed during setup..

Slide 10

Slide 10 text

Configuring Cognito • Configure an internal pool of users • Associate that pool with the identity service • Assign some IAM policies • Include the SDK in your application

Slide 11

Slide 11 text

Register (1) Amazon Cognito User Pools Verification SMS or Email (2) Confirmation (3) Authenticate Via SRP (5) JWT Token (6) Sucessful Registration (4)

Slide 12

Slide 12 text

Demo • https://cognito-vue-bootstrap.wolfe.id.au/ • Self service demonstration! • Code is at https://github.com/wolfeidau/cognito- vue-bootstrap

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Takeaways • Vue.js is great “framework” for those getting started with new world SPA. • Lots to learn from their approach to developer happiness • Security should always be front and centre when building web applications • Amazon Cognito is great if you are already working in AWS

Slide 15

Slide 15 text

Questions • @wolfeidau on twitter and github • [email protected]

Slide 16

Slide 16 text

Links • https://vuejs.org • https://aws.amazon.com/cognito/ • https://github.com/awslabs/aws-cognito-angular2- quickstart • http://srp.stanford.edu