Learn to make fully functional Single Page Applications with Vue.js

VueApp.tar.gz

Backend

JSFrontEnd

JSFrontEnd2

Vue/Cli

Vue/Cli-copy

Become a VueJS Developer

This module will provide you with the necessary skills to develop intermediate-level Single Page Applications (SPA) by using Vue.js.

You will start with an introduction to Vue.js, why it is useful, and an explanation of its basic structure. After that, you will cover some crucial materials around Vue.js like directives, renderers, user input handlers, and Vue components.

Finally, you will combine all these concepts together to make a Single Page Application that interacts with a backend server, APIs, and a database.

Throughout the module, you will find quizzes and coding challenges to help strengthen your grasp of all the concepts.

Hands-on Vue.js

# Problem
Define a function `getNumWords(sentence)` that takes a sentence (`string`) as an argument and returns the number of words in the sentence. 

Integrate the function in the below-provided Vue.js application code skeleton and show the output at **line 10** as prompted.

## Sample Input:
`getNumWords('I am a sentence')`

## Sample Output:
4 

As seen, there are four words in the following sentence: 'I am a sentence.'

Test your skills by solving the coding challenge presented below.

Before We Begin

Commencing the Journey: Introductions and Conventions

Why Use JavaScript Front-end Frameworks?

Basic Structure of Vue.js App

Vue Directives, Bindings, And Reactivity

Handling User Input and Event Handlers

Vue Components

Interaction With Backend Server (Database and API)

The Final App

Conclusion

Vue.js Exam

Coding Challenge: Vue.js App Structure

Problem