Posts Tagged: VueJS

May 2019 In Brief

Posted by admin on 2019-06-01 22:35:48 in Monthly Summaries (604 views)

The Microsoftware Blog got its first upgrade this year, the main additions being a Search menu item for a live search facility, the “Similar Posts” section on post viewing pages, and post tag deletion. Research and review of web development technologies continued on VueJS for which a new Discovery Vue Journal thread was started at Nairaland as well as here; also HTTP call processing and the NuxtJS framework were looked into.

Building and deploying the NuxtJS application

Posted by Lemeechi on 2019-09-18 05:54:34 in Discovery Vue Journal (1152 views)

NuxtJS is a framework that speeds up Vue development. After working through the Traversy Nuxt JS Crash Course, I went on to explore building and deploying the production application.

A first introduction to NuxtJS

Posted by Lemeechi on 2019-09-06 14:12:29 in Discovery Vue Journal (689 views)

NuxtJS is a framework that speeds up Vue development, including server-side rendering for Vue applications. My first formal look at NuxtJS was to work through a Traversy video titled Nuxt JS Crash Course where its features were summarized and a small application was constructed.

Can a global object be used instead of Vuex and props?

Posted by Lemeechi on 2019-08-25 17:00:38 in Discovery Vue Journal (581 views)

While pondering the idea of using a separate library like Vuex to manage shared data in Vue components, I experimented to see if a global object would not serve the purpose. I found that yes, a global object could be used in Vue components, with some provisions...

Deploying the Todo app to the web

Posted by Lemeechi on 2019-06-11 15:41:00 in Discovery Vue Journal (533 views)

To compare and contrast, I decided to upload both versions of the Todo List app to a web server, first the enhanced HTML version, and then the CLI version from the Traversy crash course, with mixed results.

Enhancing the plain HTML Todo app

Posted by Lemeechi on 2019-06-07 11:09:24 in Discovery Vue Journal (511 views)

The next assignment I set for myself was to enhance the Todo app, working with my plain HTML/JavaScript version: Implementing a Data Source dropdown, saving the value as a cookie, using an SQLite database, expanding the About page, etc. This has been accomplished between April 28 and today, May 5...

April 2019 In Brief

Posted by admin on 2019-05-02 14:06:23 in Monthly Summaries (655 views)

Labelwriter was updated twice with technical support provision. Research and review of web development technologies continued from last month, with emphasis on VueJS. MoneyBooks Accounts Payable was updated, while Randomizer got its first revision of the year. A demo WordPress website was installed and a PHP website template was also set up on our server.

Customizing the build in Vue CLI GUI

Posted by Lemeechi on 2019-06-05 02:21:06 in Discovery Vue Journal (490 views)

The Configuration menu of the Vue CLI GUI lets you change the options used when building for production. The settings are saved in the vue.config.js file in the project directory, which you can also edit manually.

Converting the Todo Vue CLI app to plain HTML/JavaScript/CSS version

Posted by Lemeechi on 2019-06-02 21:16:40 in Discovery Vue Journal (579 views)

I next gave myself the task of converting the Vue CLI Todo List app from the Traversy course to a plain HTML/JavaScript version, to see how it would go. The CLI version had 1 .html file, 2 .js files, 7 .vue files or components distributed across different directories, plus two external modules uuid and axios. At the end of the successful exercise, the non-CLI version had just three files, for the HTML, JavaScript and CSS.

Building the Todo course application

Posted by Lemeechi on 2019-05-29 13:35:00 in Discovery Vue Journal (582 views)

The Vue JS crash course by Traversy did not include the build process for the completed application, so I tried this out after the video ended. I first used the Vue Package Manager GUI for the build, then later npm run build, sorting out the app location issue when opened with the browser afterwards.

The Vue JS crash course by Traversy

Posted by Lemeechi on 2019-05-23 15:16:03 in Discovery Vue Journal (1267 views)

I work through another introductory Vue course this time by popular YouTube author Brad Traversy, building a simple todo list. The Vue-Router and the Vue CLI 3 are introduced along with the Vue Package Manager, a browser-based GUI for managing applications.

The Vue Mastery introductory course, Part 2

Posted by Lemeechi on 2019-05-17 15:16:59 in Discovery Vue Journal (557 views)

In the last post on the free Vue Mastery introductory course, I summarized the first seven lessons. This is the concluding part where I summarize the last four lessons.

The Vue Mastery introductory course, Part 1

Posted by Lemeechi on 2019-05-14 21:31:05 in Discovery Vue Journal (693 views)

Having finished with the getting started video at vuejs.org, I began the next exploration with the free Vue Mastery introductory course containing 11 lessons, each a downloadable video. In this first part of the post I will summarize the first seven lessons.

The Vue introductory tutorial video

Posted by Lemeechi on 2019-05-11 13:46:57 in Discovery Vue Journal (745 views)

That 5-minute video that starts on clicking created a video at vuejs.org/v2/guide/index.html actually took a lot longer than five minutes for me to complete as I was coding the application being demonstrated as I went along. And after the coded app didn’t work as expected, I went on a successful debugging trip...

Discovery Vue Journal: Getting Started!

Posted by Lemeechi on 2019-05-11 01:21:16 in Discovery Vue Journal (518 views)

Introducing... Discovery Vue Journal, a personal journey into the world of VueJS web development. This debut Getting Started! reveals that Vue was created by a Google veteran named Evan You, with the aim of having some of the best features of AngularJS that he had worked with.