Skip to content

Instantly share code, notes, and snippets.

@w3cj

w3cj/intro-vuetify.md

Created April 25, 2017 02:16
Show Gist options
  • Save w3cj/392eabd838fc3e70cf82e3eee01f6b53 to your computer and use it in GitHub Desktop.
Save w3cj/392eabd838fc3e70cf82e3eee01f6b53 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
intro-vuetify.md

Intro to Vuetify.js

By CJ

@cj on Denver Devs

[email protected]

git.io/w3cj

Agenda

  • whoami
  • Overvue of Material Design
  • Overvue of Vuetify.js
  • Create a Vue app with vue-cli and hookup Vuetify.js
  • Demo of existing Vuetify.js App

CJ

Lead Instructor @ Galvanize

Material Design by Google

<iframe width="560" height="315" src="https://www.youtube.com/embed/Q8TXgCzxEnw" frameborder="0" allowfullscreen></iframe>

Material Design CSS Frameworks

Vue.js Material Design frameworks

Overvue of Vuetify.js

Vuetify.js is a semantic component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify.js uses Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4.

Create a Vuetify.js App

Demo Existing Vuetify.js App

Thanks!

@cj on Denver Devs

[email protected]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment