VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Build a Calculator with Vue.js

Build a Calculator with Vue.js

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
In this tutorial, you will learn to use Vue.js to create a basic calculator component inside a web browser. -Code: https://github.com/codyseibert/vue-calculator -Check out Cody Seibert's main channel: https://www.youtube.com/channel/UCsrVDPJBYeXItETFHG0qzyw
Date: 2022-03-14

Comments and reviews: 10


Great video! I'm just starting with Vue.js and was wondering what is the criteria for deciding how to divide an app into reusable components. For example, could I create a Vue component for the keys called keyComponent and each key of the calculator would be an instance of this Vue component?
reply

A little bug but can be fixed....just update the equal function : -$-this.operator(-
parseFloat(this.previous),-
parseFloat(this.current)-
)-- ; ..............this.previous should come first not the otherwise

reply

I don't really care about what this calculator is missing, the most important objective is to understand the concept here, and i think this video pretty much explains it
Thanks for the great explanation

reply

Thanks for sharing. This is the easiest implementation of a calculator webapp that I have found so far and I was able to follow it throughly even though it was my first time using Vue.js. Thanks again!
reply

I love the vid but feel that this is more of a JS / CSS tutorial lol
Why didn-t you separate the numbers into separate components to show off Vue-s reusable component system?

reply

Good job... how about some videos on doing Menu's and Routing. Ideally vue.js . single page . where we just slide a card out of view and transition a new card for its place.
reply

I think a good next step would be to show how this calculator could be made into a component for nesting into a larger project. Thanks for the video.
reply

Instead of typing a string with number each time you can do
4
and then
type(e) --
this.result += parseInt(e.target.innerHTML);-
-,

reply

1:1 error Component name -Calculator- should always be multi-word vue/multi-word-component-names
why this is happening and how do i fix this? ty

reply

very bad code. sorry
it-s good video as vue & css grid tutorial.
However, as for the calculator algorithm - everything-s very bad

reply
Add a review, comment






Other channel videos