GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - wftutorials/vue_beginner_tutorial: Creating a blackboard application using vuejs

BranchesTags
Open more actions menu

Latest commit

 

History

4 Commits
4 Commits

Folders and files

NameName
Last commit message
Last commit date
build
build
 
 
config
config
 
 
src
src
 
 
static
static
 
 
.babelrc
.babelrc
 
 
.editorconfig
.editorconfig
 
 
.eslintignore
.eslintignore
 
 
.eslintrc.js
.eslintrc.js
 
 
.gitignore
.gitignore
 
 
.postcssrc.js
.postcssrc.js
 
 
README.md
README.md
 
 
index.html
index.html
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 

Repository files navigation

The Vue.js Blackboard Tutorial

This is a sample tutorial used to experiment with the features of Vue.js. I created a blackboard that allows users to enter text in a text input and have that text blow up in scale so others can see it easily.

You can learn more about vue.js here - https://vuejs.org/

The walk-through for this application can be found here - https://wftutorials.wordpress.com/2019/01/11/vue-tutorial/

Preview

https://wftutorials.files.wordpress.com/2019/01/vue_tutorial_with_content.png

Installation

# download repo
git clone https://github.com/wyntonfranklin/blackboard-vue-tutorial.git

# make sure vue-cli is installed
npm install -g vue-cli

# Go into repo
cd blackboard-vue-tutorial

#Install dependencies
npm install

#run the app
npm run dev

Features

  • Increase/decrease text size dynamically
  • Save pages and review pages
  • Toggle background - black/white
  • Create new pages

Topics Covered

  • Vue Cli
  • Application Structure
  • Routing
  • Single File Components
  • Templating
  • Declarative Rendering
  • Binding Attributes
  • Methods and Computed Properties
  • Child Components

About

Creating a blackboard application using vuejs

app.wftutorials.com/tutorial/96

Resources

Readme
Activity
Custom properties

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.