Coder Social home page Coder Social logo

intro-to-vue's Introduction

Introduction to Vue.js Course Materials

Starter Materials for the Introduction to Vue.js Course

Author: Sarah Drasner

This repo houses the materials and resources for the Introduction to Vue.js course on Frontend Masters.

Most of the materials for the course are outlined below, but there are also directories housed here of very basic examples of some of the techniques we will cover so that students don't have to spend a lot of time researching in order to get started. It is recommended that students use CodePen to create work for the duration of the course, as we'll use preprocessors like SCSS as well as Babel for ES6, and resources like Vue.js, both prod and dev versions, codepen makes it easy to do so without time devoted to setup. If you like, you can also scroll to the CodePen collection section and fork one of the existing pens in those collections, they are comprehensive. There are more true-to-life build process examples, in the VueCLI, Nuxt, and Vuex Resource Sections. It's encouraged to watch the lecture to learn how to set up the builds yourself, though.

Here are the Vue chrome devtools

Here is the codepen debugger chrome extension

Here are the snippets I'll be using vue sublime snippets

For sections covering Nuxt, we will be using the directories listed in the Nuxt section below as well as their directories, prefixed with nuxt- here.

Slides:

All slides have password !vue!

Collections:

Included in this repo are some very basic starter kits.

VueCLI Resources

There's a directory you can use as a Vue-CLI starter kit:

  • setup1

Nuxt Resources

There are directories you can use as Nuxt starter kits:

  • setup2
  • nuxt-css-animation-starter
  • nuxt-js-animation-starter
  • nuxt-fixed-transition-modes

Vuex Resources

There's a directory you can use as a Vuex starter kit:

  • vuex-example

Here are the directories for the Vuex exercise:

  • commentform-problem
  • commentform-solution

License

Creative Commons License

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

intro-to-vue's People

Contributors

sdras avatar 1marc avatar cdvillard avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.