Sixth week of #100DaysOfCode – Vue & Node.js

Back to the basics (for a while)

Chalkboard with 'Back to the basics' text on it

Only 2 weeks before ending the first half of the challenge (the other half will be about Node.JS) I decided to go back to the basics. Learn Vue from the start? No, even more. Learning Javascript.

There is some division between if you need to focus only on the framework or learn the language of the framework. Not only I believe you need to learn the language, but master it. This way, not only you know how the framework works behind the scenes, but you master a language. And also, if the framework is not “hip” again, you can learn a new one in no time.

Anyway.

This week I read a lot about Javascript (thanks to Javascript.info) and also I started a small project.

I want to learn the flow of information between components in Vue. So for that, I’m starting a small project where in the span of 4 days I’ll create each day one project. The same project. The catch is that every day I’ll use one type different of data flow.

The first one, I’ll create a one-component TodoApp. Add a Todo, remove it, edit it or mark it as “Done”.

The second one, I’ll replicate the project but with two components (and a root component) and the data will pass from one component to other passing by the root component first, acting as a “parent” component.

On the third one, I’ll replicate the same project again, with two components but this time the root component won’t do anything. I’ll create a “parent” component, an Eventbus, that acts as a global parent of every component, no matter how deep in the structure it is.

And the fourth one, I’ll use Vuex (a centralized state management tool) as an “only source of truth”, meaning that every functionality, data, etc would be inside a store.js file from Vuex, and every component will use only certain functionalities.

When I’m done, I’ll post the results and my findings, so you can benefit from my insights and discoveries.

Next week gameplan?

Step it up time!

Resultat d'imatges de step it up

For the next days, I’ll create a pet project, a simple one. I don’t know what would be the theme of the project, so maybe I’ll create a poll on Twitter (are you following me?) and ask you guys, but I hope it is something you can use.

My seventh Week of 100 Days of Code took a plot twist

Edit: I finished the challenge, here’s what I’ve learnt: #100DaysOfCode learning Vue: My Five Ws