First week of #100DaysOfCode – Vue & Flutter

You might know that I’m doing the #100DaysOfCode. Even maybe you’re considering to do it yourself. It is worth to take the challenge?

This is what I’ve learnt in just one week.

On my first week of the #100DaysOfCode I learnt A LOT.

I bought the Shaun Pelling (AKA The Net Ninja on Youtube) and managed to finish it in just one week.

I did it mum!

Yeah, the tutorial it’s “only” 11:30 hours, but it packs a lot. The teaching method is: Learn the basics, and something else, then let’s build projects. I really like this kind of approach as I believe that you learn by doing, not by listening (or copy-pasting, a common sight on tutorials). As I said, it’s only 11 hours but I have learned t a lot about Vue but also about how Firebase works.

Weekly breakdown

Day 1

Vue Basics

  • Events
  • Event Object
  • Keyboard and Mouse Events
  • Two-way Data Binding
  • Modifiers

Day 2

  • Conditionals (v-if, v-else)
  • V-For
  • List rendering
  • Vue Cli (Command Line Interface)
  • Nesting components inside other components
  • Limiting CSS to a component
  • My first Vue App
  • Reading the docs.

Day 3

  • Passing data from parent to children components via props
  • Passing data from children to parent components via this.$emit
  • Lifecycle hooks
  • Getting requests with axios
  • Filters
  • Computed properties
  • Vue Router
  • Reading the docs

Day 4

  • First WebApp: A Smoothie recipe list (Check it here)
  • Reading the docs.

Day 5

  • Second WebApp: A real-time chat (Check it here)
  • Passing data from component to component (via props in the route)
  • Navigation Guards
  • Moment.js library
  • Reading the docs.

Day 6

  • Third WebApp: A GoogleMaps map that lists every user (Check it here)
  • More on Navigation Guards
  • Authentication with Firebase (Login, logout and CRUD operations)
  • Reading the docs.

Day 7

  • Firebase rules
  • Firebase Cloud Functions
  • ES6 Arrow Functions, Promises, Exports and Imports, Filter method
  • Vue Cli.

Find out what I learnt on Second Week of 100 Days of Code

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