Vue refactor, Vue Cli/templates, Custom Events

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Refactor Vue exercises: taking advantage of some core JavaScript features
  • Vue-Cli: a better way to develope vue apps.
  • Component communication: how children and parent components communicate
  • Tik tok video feedback

Daily Highlights#

  • We learned about a new tool to scaffold Vue projects
  • ESLint tool to check error prone code.
  • We can access to parent's component HTML attributes with the variable 'this.$attrs'
  • We can define custom events to communicate data to parent component from a child components.

What are we going to do next class?#

  • Feedback to the tik tok please
  • Exercises with Vue files project
  • Finish Tik Tok video
  • Link video

More on vue directives and transitions

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Revision how Vue works
  • Custom directives en Vue
  • Transition Vue
  • Intro to components

Daily Highlights#

What are we going to do next class?#

  • Finish Vue challange
  • Tender project issues (blueprints, video promotion, UX prototype)

Challanges Vue

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • We are going to build a team project using Vue framework.

Daily Highlights#

What are we going to do next class?#

  • Today at 7:00 pm there is gonna a brief about the contest "Tik Tok I have a project for you". Whoever is interested, let's meet in Teams 5 minutes earlier.

Vue v-for directive and project prototype

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

Daily Highlights#

  • We worked in our final project Tender. We started the app prototype and video script promotion. We also started investigating how to figure out how to accomplish some of the main tasks. Github issues

What are we going to do the next class?#

  • Link the todo-list video tutorial
  • Full Vue training