intro-to-vue - Workshop Materials for my Introduction to Vue.js Workshop

  •        27

This repo houses the materials and resources for the Introduction to Vue.js. 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. 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.

https://github.com/sdras/intro-to-vue

Tags
Implementation
License
Platform

   




Related Projects

nuxt-type - Small demo showing custom page animations with a fake typography site

  •    Vue

Small demo showing custom page animations in Vue 2 with a fake typography site, currently using a custom build of Nuxt, pre 1.0.0beta release. Using GreenSock for the animations, including SplitText. Nuxt.js is a framework for creating Universal Vue.js Applications. It presets all the configuration needed to make your development of a Vue.js Application Server Rendered more enjoyable.

page-transitions-travelapp - Travel App, Native-like Page Transitions

  •    Vue

This demo shows an example of how to acheive native-like page transitions on the web. There's much to be improved here- it's not meant to be a full-fledged web application, just a quick demo to show how this kind of implementation could theoretically work. These concepts can and should be expressed differently in your own application, the sky's the limit here! This is created with Nuxt and Vue. For detailed explanation on how things work, checkout the Nuxt.js docs.


sample-vue-shop - A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions

  •    Vue

This small demo shows how to accept payments with stripe with Vue.js using a serverless function. It's actually not that bad to set up! The shop also shows how a number of concepts work in Vue. Server side rendering and routing is done with Nuxt.js. Centralized state management with Vuex for product details. Of note, using computed properties, .sync, CSS Grid, and transition-group.

express-template - Starter template for Nuxt.js with Express.

  •    Vue

This is a project template for vue-cli. Make sure to use a version of vue-cli >= 2.1 (vue -V).

VueCnodeJS - Vue2.x 初/中级项目,CnodeJS社区重构。(Vue.js Junior Project, Rewrite cnodejs.org )预览(DEMO):

  •    Vue

这是我第一个真正意义上的Vue项目,共花了5天时间,每天大概3,4个小时左右在这个项目上。除了Vue.js概念比较了解外,Vue-router和Vue-resource都是现学现用。之前还想着可能要花点时间学下新东西,但看了文档后才发现其实挺简单的...

electron-vue - An Electron & Vue

  •    Javascript

The boilerplate for making electron applications built with vue (pretty much what it sounds like). The aim of this project is to remove the need of manually setting up electron apps using vue. electron-vue takes advantage of vue-cli for scaffolding, webpack with vue-loader, electron-packager or electron-builder, and some of the most used plugins like vue-router, vuex, and so much more.

meal-prep - Source code for a 4-part series I wrote about Vue, Vue Router, Vuex and Vuetify

  •    Vue

This is the source code for a four-part series I wrote on creating a Vue.js application that also uses Vue-Router, Vuetify and Vuex. The articles take you through creating a Vue application and then adding on to it until you have created a fully functional meal delivery website. As I mentioned this source code is the final code created as part of four articles I wrote on creating a Vue.js application using Vue-Router, Vuex, Vuetify and Firebase. Here are links to each version of the articles: Part 1 - Covers creating the application and adding Vuetify for styling. Part 2 - Covers using Vue Router to add navigating between pages in the application. Part 3 - Covers adding Vuex for state management. Also we connect to a Recipes API to get content for our application. Part 4 - Covers using Firebase for Authentication. Users can create an account and order recipes. When they login to their account they will see their orders.

nuxt-bnhcp - nuxt、SSR、vue、mysql、redis、nginx、socket.io NUXT(实战项目)

  •    Vue

nuxt、SSR、vue、mysql、redis、nginx、socket.io NUXT(实战项目)

vue-scrollto - Adds a directive that listens for click events and scrolls to elements.

  •    Javascript

For vue 1.x use vue-scrollTo@1.0.1 (note the capital T) but keep in mind that the old version depends on jquery. vue-scrollto uses window.requestAnimationFrame to perform the animations, thus giving the best performance.

vue-chat - :calling: a web chat tool

  •    Vue

:calling: a web chat tool. Front-End : vue+vuex+vue-cli+vue-router+axios+scss;Back-end: node(koa2)+mysql+JWT(Json web token); socket.io

vue-element-admin - A magical vue admin

  •    Vue

vue-element-admin is a front-end management background integration solution. It based on vue and use the UI Toolkit element. It is a magical vue admin based on the newest development stack of vue, built-in i18n solution, typical templates for enterprise applications, lots of awesome features. It helps you build a large complex Single-Page Applications. I believe whatever your needs are, this project will help you.

vivo-shop - 基于vue2.0实现的vivo移动端商城(vue+vuex-ruoter+vue-axios+webpack)

  •    Vue

基于vue2.0实现的vivo移动端商城(vue+vuex-ruoter+vue-axios+webpack)