20 posts tagged with "vue"

View All Tags

Vuex & actions

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Finish Vuex exercise
  • Think about possible Vuex structure in Tender
  • Project

Class highlights#

What are we going to do next class?#

  • Defensive programming & error handling

Vuex

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Vuex exercise, understand provide and inject
  • Project
    • Review of the issues
    • Code merge to the main branch for finished issues
    • Testing of finished issues (if we can)
    • Assign new issues

Class highlights#

What are we going to do next class?#

  • Defensive programming and error management
  • Typescript (typed programming languages)
  • TDD and Testing (Test Driven Development and testing software)
  • Apply these knwoledge to plain JavaScript and then to a Vue project

Vuex

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Vuex exercise, understand provide and inject
  • Project
    • Review of the issues
    • Code merge to the main branch for finished issues
    • Testing of finished issues (if we can)
    • Assign new issues

Class highlights#

What are we going to do next class?#

  • Defensive programming and error management
  • Typescript (typed programming languages)
  • TDD and Testing (Test Driven Development and testing software)
  • Apply these knwoledge to plain JavaScript and then to a Vue project

Vue Router exercise & finish sprint

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Vue routing exercise
  • Software development methodologies
  • Finish sprint
    • Finish core components
    • Working login project
    • Workflow Wordpress development
    • Prototype and style finished
    • This weekend would be nice if everyone download the project, execute it and plays a little

Class highlights#

What are we going to do next class?#

Vue routing

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Introduction to Vue routing
  • Project

Class highlights#

What are we going to do next class?#

  • Vuex : to centralize state
  • Vue challange on friday (Oscar will try to find new front end project by friday. Help is welcome.)

Vue components and form communication

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Two exercises about Vue components
  • Project

Class highlights#

What are we going to do next class?#

  • Vue routing (be able to have multi page applications /animals /messages /animals/123/details)
  • Vuex : to centralize state
  • Vue challange on friday (Oscar will try to find new front end project by friday. Help is welcome.)

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

Subclasses in JavaScript and Vue

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Subclasses in JavaScript. The heroes exercise.
  • Deep learning in Vue framework
    • Two way binding: v-model
    • Conditional styling
    • Computed properties
    • Watchers

Daily Highlights#

  • Conditional styling in vue
  • Computed properties & Watchers
  • Two-way binding of components
  • Reminder that any code inside a "normal" function has usually visibility of "this" object. Stackoverflow

What are we going to do the next class?#

  • Finish class exercises and questions
  • Vue: conditional rendering
  • Think about how we can get more profit of Singusaurus