Game library exercise, project confirmation, Vue list rendering

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Exercise out of the blue about a gaming framework
  • Confirm final project
  • Vue: list rendering

Daily Highlights#

What are we going to do the next class?#

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

JavaScript static methods and Vue events

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Pokemon classes exercise with static methods
  • Events in Vue

Daily Highlights#

  • We learn how to use events in VUE
  • We learn about the differences between class methods and static methods
  • There are shorthands for directives in Vue.Cheatsheet

What are we going to do the next class?#

  • Keep working on JavaScript Classes
  • Vue: conditional styling, double-bind directive and computer properties and watchers

Classes in JavaScript - II

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Class exercises
  • Introduction to Vue
  • Braintstorming about our app - part 2

Daily Highlights#

  • 5 hour tutorial to build a landing page in HTML/SCSS/JavaScript Link
  • How to build a todo-app using some JavaScript frameworks . TodoMVC

What are we going to do the next class?#

  • More exercises about JavaScript classes and objects
  • More directives and uses of Vue

Classes in JavaScript

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Practice problem solving
  • Classes in JavaScript

Daily Highlights#

  • We had a first sight at JavaScript Classes
  • You can learn more about JS Classes at W3School

What are we going to do tomorrow?#

  • More exercises objects and classes
  • Braintstorming about our app
  • Vue introduction

Docsaurus - JQuery (Flip a Coin)

Oscar Miras

Oscar Miras

Singulars 2021

What are we going to do today?#

  • Docsaurus tasks
  • JQuery projects

Daily Highlights#

  • We may have to improve our "thinking process". Learn a methodology to figure out how to solve a project.

What are we going to do tomorrow?#

  • Introduction to Object Oriented JavaScript
  • Introduction to VUE