Vue 101 Introduction

These are the materials and the code snippets used on Vue.js training sessions presented by Moez Bouhlel from Tik.

This repository is composed from:

• Demo used on the training under demo folder.
• Todolist demo of Vue.js and Ionic integration used on the training under todolist folder.
• Third-party libs used on the training under vendor folder.

This course pre-requires knowledge on Web programming as presented on our WebApp 101 Course and our book Programmation Web.

Vue Project Setup Commands

# Install Vue tools globally
npm install -g @vue/cli
# Create a new Vue project
vue create PROJECT
cd PROJECT
# Run Vue project
npm run serve
# Build Vue project under dist/
npm run build

# Add Ionic components to Vue.js project
npm install @ionic/vue

# Install Cordova globally
npm install cordova
# Add cordova to Vue.js project
vue add cordova
# build Android APK
npm run cordova-build-android

Links:

• Vue.js Documentation
• Ionic Documentation
• Ionic Icons

Self Promotion

Tik is a skilled software development and consulting agency. We offer the following services:

• Training: High-quality training for cutting-edge technologies for individuals and enterprises.
• Consulting: Optimize software architecture and code. Fix hardest bugs.
• Web Development: From simple single web page to high scale modular web platforms.
• Software & Application Development: Reliable software highly optimized for your system and your workflow.
• IOT: Turn-key long lasting Big Data backed IOT build and integration solutions.
• Cloud & Web Hosting: PaaS hosting solution to meet every need. Top-class server administration services.

For more details, contact us at contact@tik.tn or contact Moez Bouhlel at lejenome@tik.tn.

Licence

These materials and code snippets are licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

Copyright © 2018, Moez Bouhlel (lejenome@tik.tn), Tik.