GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → maxpou-slides → Vuejs Training

maxpou-slides / Vuejs Training

Licence: mit
VueJS training including Vue ecosystem: HTTP (Axios), Vuex, Unit Testting (Jest)...

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

htmlvuejsvuexjestaxiostraining

Projects that are alternatives of or similar to Vuejs Training

Vuex Rest Api
A utility to simplify the use of REST APIs with Vuex
Stars: ✭ 365 (+5983.33%)
Mutual labels:  axios, vuex
Vue2 blog
使用vue2.x + vue-cli +vue-router+ vuex + axios + mysql + express + pm2 + webpack+nginx构建的具有登录，注册，留言，用户发帖，用户评论等功能的SPA Blog。注意，注意，注意，后端API全部自己手写，很适合刚学习vue以及express的小伙伴学习，喜欢请Star鼓励一下我，谢谢！项目预览：
Stars: ✭ 417 (+6850%)
Mutual labels:  axios, vuex
Front End Doc
前端文档汇总（觉得对您有用的话，别忘了star收藏哦^_^ ！）
Stars: ✭ 372 (+6100%)
Mutual labels:  axios, vuex
Vuejs Admin
基于eggjs、vuejs的设备管理系统，有帮助的话麻烦给个star谢谢
Stars: ✭ 350 (+5733.33%)
Mutual labels:  axios, vuex
Vue Quasar Admin
Vue 2.0 admin-dashboard based on Quasar-Framework
Stars: ✭ 516 (+8500%)
Mutual labels:  axios, vuex
Vue Website
🍰 想用vue把我现在的个人网站重新写一下，新的风格，新的技术，什么都是新的！
Stars: ✭ 351 (+5750%)
Mutual labels:  axios, vuex
Netease yanxuan
vue版网易严选,体验网易严选购物流程，线上访问:http://zhaoboy.bid/yanxuan/#/
Stars: ✭ 417 (+6850%)
Mutual labels:  axios, vuex
Nuxt Ssr
✨vue+nuxt+sass+node+express+MongoDB 实现的SSR项目。
Stars: ✭ 323 (+5283.33%)
Mutual labels:  axios, vuex
Vue Music
cloud-music(网易云音乐)
Stars: ✭ 500 (+8233.33%)
Mutual labels:  axios, vuex
Blog.admin
✨ 基于vue 的管理后台，配合Blog.Core与Blog.Vue等多个项目使用
Stars: ✭ 500 (+8233.33%)
Mutual labels:  axios, vuex
Dokit
基于 Spring Boot2、 Jpa、 Spring Security、JWT、redis、Vue的前后端分离的后台管理系统开发平台， 用户管理、菜单管理、角色管理、字典管理、权限控制的方式为RBAC，操作日志、异常日志、接口限流、项目支持数据权限管理，支持一键生成前后端代码（支持在线预览及打包下载），支持前端菜单动态路由 可一键部署服务器应用，数据库。系统中活跃用户状态监控，监视当前系统CPU、内存、磁盘、堆栈等相关信息,基于Element UI在线表单设计及生成Vue代码。
Stars: ✭ 348 (+5700%)
Mutual labels:  axios, vuex
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+12050%)
Mutual labels:  axios, vuex
Vue Cli
📃基于 Vue3.0 Composition Api 快速构建实战项目
Stars: ✭ 335 (+5483.33%)
Mutual labels:  axios, vuex
Blog.vue
☘ 一个vue的个人博客项目，配合.net core api教程，打造前后端分离
Stars: ✭ 362 (+5933.33%)
Mutual labels:  axios, vuex
Vue Music
Music Player for Vue.js
Stars: ✭ 324 (+5300%)
Mutual labels:  axios, vuex
Vue Cms
基于 Vue 和 ElementUI 构建的一个企业级后台管理系统
Stars: ✭ 415 (+6816.67%)
Mutual labels:  axios, vuex
Plugin Axios
Vuex ORM persistence plugin to sync the store against a RESTful API.
Stars: ✭ 304 (+4966.67%)
Mutual labels:  axios, vuex
Vue Store
基于Vue+Vue-Router+Vuex+Element-ui+axios，参考小米商城，实现的电商项目。
Stars: ✭ 308 (+5033.33%)
Mutual labels:  axios, vuex
Vue Music Webapp
🎵💞🐔基于Vue 全家桶 (2.x)制作的移动端音乐 WebApp 。媲美原生、项目完整、功能完备、UI美观、交互一流。
Stars: ✭ 499 (+8216.67%)
Mutual labels:  axios, vuex
Ruoyi Vue
(RuoYi)官方仓库 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统
Stars: ✭ 596 (+9833.33%)
Mutual labels:  axios, vuex
View All Similar Projects ➔

Vue Training

Build Status

Installation

$ git clone https://github.com/maxpou-slides/vuejs-training --recursive

Links

Training informations

Prerequisites

  • Basic JS knowledge (es2015 is a must)
  • NPM/Webpack basics

Objectives:

  • Understand Vuejs basics
  • Create a mini FAB

Duration: 3 possibilities

  • 1/2 day: presentation
  • 1 day: presentation + live coding
  • 2 day: presentation + live coding + workshop

Content

  1. Intro
    • Vuejs, a progressive library (what&why)
    • Declarative rendering
    • Virtual DOM
    • Tooling: Chrome/Firefox extension
  2. Vue.js syntax
    • Templating
    • Conditional rendering (v-if, v-else, v-show)
    • loops (v-for)
    • v-model & forms
  3. Components
    • What is a component?
    • Communication between components:
      • properties
      • emiting&listening events
    • Watchers
    • Computed properties
    • Lifecycle
  4. .vue file
  5. Ecosystem:
    • HTTP (with axios)
    • Router (with vue-router)
    • State Management (with Vuex)
    • Unit Testing (with Jest)
    • Server Side Rendering (notions)
    • Other resources (Style Guide)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].