O'Reilly logo

Hands-On Full Stack Web Development with Aurelia by Erikson Haziz Murrugarra Sifuentes, Diego Jose Arguelles Rojas

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Refactoring our application

First, we need to start our application and open it in a web browser. Let's use our aurelia-testapp:

$ cd aurelia-testapp$ au run --watch

With the application up and running, head over to http://localhost:9000 to see the application. We will add a button and when the button is pressed, we will debug some dummy code. Open the info-box.html file and apply the following change:

<template>    <button click.trigger="debugme()"> Debug Me!</button></template>

Open the info-box.js file and apply the following changes:

export class InfoBox {     debugme() {        alert("YOU PRESSED THE DEBUGME BUTTON")  }}

Go back to your browser application, click on the Debug Me! button, and you should see the following on the screen:

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required