Training material module 'VueJS, Vuetify, NuxtJS'

[PeterNobels]

User story specification (one liner)

As an IT-student I want to learn how I can use VueJS, Vuetify and Nuxt to build a the front end of an application which connects to the back end so I can become a skilled fornt end developer using a modern development stack.

As Kalipo I want to teach students the basics of VueJS, Vuetify and Nuxt so I can create my own workforce (for the project and perhaps for an employment) which can build additional features to Kalipo.

Acceptance criteria

Content

• Frameworks
  • Meta-framework (Nuxt)
  • SPA framework (VueJS)
  • Design bridge (Vuetify)
  • Design framework (Google material design)
• Easy CSS
  • Easy positioning
  • Easy aligning
  • Easy grid system
  • Easy typography
  • Easy mobile scaling
• Components you definitely use
  • Checkboxes
  • Radio buttons
  • Auto completes
• NuxtJS structure
  • Pages
  • Components
• Anatomy of Vue components

Non-functionals

Constraints

• Training: 3 - 3,5 hours
• Suitable for max 15 students
• Entry criteria students: basic knowledge of IT front end development
• English
• Powerpoint template (mix Lisk & Kalipo).
• Examples of uses cases which are related to DAO functionality.
• Reuse of Lisk material. See https://lisk.com/documentation/
• Google format: Google docs, Google Slides, ...

DoD

• Acceptance criteria are met (= accepted by product owner)
• Peer reviewed

Deliverables

• Documents:
  • Module description: https://docs.google.com/document/d/10WjsqLdbSFzOUTrsXafrpT9pIbl1ZcVCJtvfutuKjCc/edit?usp=sharing
• Presentation:
  • Part 1: https://docs.google.com/presentation/d/1shwc2dzTNXEXuOQUGKGFSJ6QlkFhf3rncDgYU0AF0n0/edit?usp=sharing
  • Part 2: https://docs.google.com/presentation/d/18YSI10lFHo49UJRIMmfKykyajtGAh4dGHkMv5tiuwnU/edit?usp=sharing
• Exercises:

[matthiasvandijk]

Update part one / speaker notes