BooleanBabee

Full-stack Developer, Job Seeker, Lifelong Learner, Bootcamp Grad, PythonDev🐍, Currently Learning Vue, 🏳️‍🌈, please send me all your very best developer & cat memes, tiktoks, posts etc.

[programmerhumour]

Progress!

[programmerhumour]

i want that

[programmerhumour]

!♥️

[programmerhumour]

What came first?

[cherry-code]

This is me everytime I fix a bug.

[programmerhumour]

Why are you lying

[programmerhumour]

Thanks for carrying us guys

[booleanbabeee]

HOV Day2

Today we live coded a ToDo List application today in Vue.js. The learning objectives were as follows 

Use multiple components

Render lists using v-for

Pass data to child components via props

$emit custom events to parent components

Use class binding to conditionally add CSS to an HTML element

Define computed properties on a component

You can view the project here https://github.com/molliegoforth818/HOV-day2-todo.

Can’t wait for our lab day tomorrow I have so many questions to ask. Harry Potter trivia app should be done tomorrow, and I’ll post it here!

[booleanbabeee]

Hands On Vue.js

Started a class on Vue.js and I'm really excited to keep learning. I like that there are a few more rules in Vue compared to React which is one thing I don't like about React because its kind of a free for all. I like having best practices in a language, I'm someone who really needs some rules.

My learning objectives for this course are:

- Gain an understanding of all parts of a Vue component and building a component tree

- Learn the different ways of managing state in a vue applications

- Learn techniques to make your code modular & reusable in the Vue ecosystem

- Learn to leverage the Vue router to create Single Page Applications(SPAs)

- Conform to Vue best practices as outlined by the Official Style Guide

-Build a portfolio by deploying all apps

I completed a practice exercise on code sandbox you can see here https://github.com/molliegoforth818/HOV-day1 where I learned how to

- Create a single file component

- Declare state in a component using data

- Dynamically render text in a template

- Define a method on a component and call it from the template

- Conditionally render parts of your template

- Dynamically bind to HTML attributes