Getting Into Vue.js

Presentation I gave at MelbJS about Vue.js and an application I built using it with Amazon Cognito.

Transcript

1. Getting Into Vue Mark Wolfe Developer @ Versent
2. Welcome • @wolfeidau on Twitter and Github • Who is Versent?
3. Vue.js • Javascript Framework • Easy to get started • Helps you provide win to users • Small and Fast
4. vue init <template> • Starter templates • webpack • webpack-simple • simple • Developer experience is front and centre!
5. Testing!? • Mocha / Chai used for unit testing • Nightwatch for e2e testing • Documentation is very thin for testing
6. UI Toolkits • Vue Material • Element UI • This one even has tests! • I just used bootstrap..
7. Amazon Cognito
8. Amazon Cognito • Identity as a service • Designed for Web and Mobile applications • Tightly integrated into the AWS “serverless" ecosystem • Rich API
9. 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..
10. 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
11. Register (1) Amazon Cognito User Pools Verification SMS or Email (2) Confirmation (3) Authenticate Via SRP (5) JWT Token (6) Sucessful Registration (4)
12. Demo • https://cognito-vue-bootstrap.wolfe.id.au/ • Self service demonstration! • Code is at https://github.com/wolfeidau/cognito- vue-bootstrap
14. 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
15. Questions • @wolfeidau on twitter and github • mark@wolfe.id.au
16. Links • https://vuejs.org • https://aws.amazon.com/cognito/ • https://github.com/awslabs/aws-cognito-angular2- quickstart • http://srp.stanford.edu