Vue.js Starter's Project

  • Jade / Pug
  • SCSS
  • JavaScript / ES6
  • Vue.js

Qick Summary

  • The first javascript framework I used in website developement.
  • The first 7 works were completed by following a live coding on YouTube.
  • Understood the differces between Vue.js and other front-end framework, such as Angular.js or React.js.
  • I have learned how to use Vue.js and when to use component objects.

Features

Hotel Management Page

Management page with hotel information

  • Two-way data binding.
  • Vue.js components and their attributes with Vue instance.
  • Basic UI design with bootstrap.
View More

Vue.js Slideshow

Vue.js photo slideshow

  • Breif UI design with interesting slogan.
View More

Switchable Table

Switchable table with large and small grid view

  • A good excercise for if/esle condition practice in Vue.js framework.
View More

Vue.js Table

Searchable table for country's dial code

  • Data in table was available with JQuery AJAX.
  • Learned "filter function" of JavaScript and used it to implement the keyword search.
  • Used arrow function of ES6 to achieve more breif codes.
View More