Week 29: Vue.js

What is Vue.js

Vue.js is an open source JavaScript framework. It is created to build user interfaces and single-page application.

Vue.js offers a lot of benefits that I really enjoy using.

1. Virtual DOM: Vue created a virtual document object model and allows the page to update automatically when we update the variable in the JavaScript.
2. Directives: Vue has special commands that we can integrate easily in HTML to handle the logic of the page.
3. Template: Vue makes it easy for the newcomers to learn because of the HTML template with added instructions that only Vue can offer.

Training 1: Built a simple counter

Date: Sep 22, 2023

This is the training that I built to examine the difference between Vue and Vanilla JS.

VueJS makes it super easy to add logic and directives to the page. The user can just insert special commands frm Vue and it will display the data with that logic accordingly.

Training 2: Built up the Project Management App

Date: Sep 22, 2023

Built upon the Figma application, I start to work on the first homepage of the app. I also start to lay out the foundation for the dashboard.

 

Project Hunter Gatherer

Started on: Sep 28, 2023

Staff Guidance: Chris

Description: 

The project aims to update from Vue 2 to Vue 3. I spent a lot of time cleaning up the code, setting up the environment with Vue and Laravel PhP.

Now, the project is in a good position to examine and upgrade the code from Vue 2 to Vue 3.