Third week of #100DaysOfCode – Vue & Flutter(?)

After my goal of finishing two Vue tutorials in just two weeks on my #100DaysOfCode challenge, in the third week of learning my approach was a bit more random. Want to know what cool stuff I’ve learnt?

After doing the tutorials I didn’t had an ABC of what to learn, so my learning resulted in random videos found on Youtube + reading Vue documentation. I found really interesting utilities for Vue. If you are starting on Vue just like me, you should check these packages:

Axios

A cool package to interact with REST APIs. It simplifies request petitions to an API and its based on Promises.

Vuelidate

A model-based form validation package. It’s easy to use, easy to create custom validators and it’s pretty lightweight.

Vuetify

Tired of using only Bootstrap as a CSS framework, a few weeks ago I learnt about Materialize CSS. Even it’s pretty similar to Bootstrap, I like Materialize way more than Bootstrap. Looking to use it with Vue I found Vuetify and does more than “just install” Materialize

Vuetify adds new HTML that has its own CSS and functions attached to it, to create drawer layouts, custom navbars, added animations and more. Much more.

MEVN Stack

My problem:

During this week I thought a lot about the course of my first 100 Days of Code challenge.

The purpose of the challenge was for me to acquire knowledge in a set of skills that would help me as developer and in my current job.

I mainly use Django, but I also use Javascript, jQuery and sometimes I had to create a few Python small scripts and one DRF REST API. A few months ago I had the opportunity of creating a new project for one of my bosses using a Django REST API I’ve created, using a currently working database to create a dashboard. I used Angular + for that.

While I saw the power of Angular compared to Vanilla JavaScript, I didn’t enjoyed Angular too much.

I wanted to learn React, and while better than Angular, didn’t click. Then one of my workmates told me about a project he was working with Vue. I tried a 30 min tutorial and I enjoyed.

So I decided that my stack it was going to be Vue as frontend technology and Django (DRF) as backend technology.

Having 15 days of holidays I thought I could learn the basics of Vue in 50 days, so I threw Flutter (a Hybrid Native App framework) in the mix.

But I don’t want to repeat mistakes from the past, where I learnt a new language or framework in 2-3 weeks just to jump into another framework, forgetting everything I (thought) learnt. I want to learn properly Vue and Flutter. And to learn Flutter first I should learn its language, Dart, first. 50 won’t be enough.

My solution:

That’s why I’m going to switch from Vue + Flutter to Vue + Node.js for my first challenge. I already fooled around Node.js before and I can do basic stuff (with help), so it won’t be as mentally draining as learning Dart and Flutter, and my next 100 days of code challenge can be learning just Flutter properly. And as a (mainly) backend developer, I like to add another tool to use in the backend.

Now I can choose between Django or Node.js, depending on the needs of the project.

So that’s for this week. On the next one, I will keep learning Vue deeply reading the documentation.

Check out what I did on fourth Week of 100 Days of Code

Have you used MEVN? What do you like? What you don’t like about this stack? If so, please, leave a comment with your opinion.

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