Update of Laracasts The Vast World of Vue.js 0.12: At a Glance

Hi. I thought it would be useful to capture my code from walking through the Laracast The Vast World of Vue.js 0.12: At a Glance. It is an archived Laracast, meaning that it is out of date. And because of this, some of the code examples break.  I sought to fix these breakages as I went through the Laracast and I have posted my working code (as at 20161012) here.

Tasks ({{ tasks.length }})

  1. {{ task.body }}

And the code. It is all crammed into one file in the name of convenience and expediency so it is far from best practice! So please, be gentle with me.

<!DOCTYPE html>
<meta charset="utf-8">
<title>Laracasts Vue</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
H1 { color: darkgray}
li button {
font-weight: bold;
background: none;
border: 0;
color: red;
padding: 0;
float: right;
#tasks {
width: 400px;

<div class="container">
<h1>Laracast Vues Tutorial</h1>
<div id="tasks">
<h3>Tasks ({{ tasks.length }})</h3>
<ol class="list-group">
<li v-for="(task, index) in tasks"
<span v-on:dblclick="editTask(task, index)">{{ task.body }}</span>
<button v-on:click="removeTask(index)">&#10007;</button>
<form v-on:submit="addTask">
<div class="form-group">
<input ref="taskInput" v-model="newTask" type="text" class="form-control" placeholder="I need to ..."></input>
<button class="btn btn-primary">Add task</button>

<script src="http://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://unpkg.com/vue@2.0.1/dist/vue.js"></script>
new Vue({
el: '#tasks',
data: {
tasks: [
{body: 'one', completed: false},
newTask: '',

methods: {
addTask: function(e) {
body: this.newTask,
completed: false
this.newTask = '';
removeTask: function(taskIndex) {
this.tasks.splice(taskIndex, 1);
editTask: function(task, taskIndex) {
this.newTask = task.body;
// this
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>

6 best practice budgeting practices

Budgeting is a process that many business struggle with. They need them to set expectations, goals and targets but many operational and sales people - those with the subject matter expertise to best align the budget process with the day-to-day reality of a business- feel like they are a waste of effort.

The signs that your business might want to take a look at its budgeting practices are - 

  • It takes more than two months from beginning to end. More than three months and it really is time to act.
  • Budget owners - the people you ask to input into budget numbers - don't see the value in doing it because it doesn't relate to the goals of their area of responsibility. Especially if the whole process takes more than two months.
  • The budget result ends up inaccurate. OK ... so this one is a tricky one. A budget may become accurate because it acts as a cap on performance, which is a bad thing. Or budget owners may be gaming the budget process. We'll put that aside for this post and assume that if you are going to spend time putting together a budget then you want it to be either accurate or you want the variations to be reconcilable to valid internal and external factors rather than random error or poor budget owner judgement

So with that in mind, let's take a look at what might be considered best practice budgeting.

1. Better align strategic goals to budgets

A budget should reflect the broader strategy of an organisation. It should help to guide activities that align with that strategy.

Where strategy does not obviously cascade into desired operational activities - and it often does not - an additional operational planning stage may be required as part of the annual budget process.

The objective of this stage is to convert strategic statements into SMART (specific, measurable, agree-on, realistic, and time bound) goals which allows them to be incorporated into the budgeting process. 

2. Increase the use of modelling

Not every line of a budget is as important as another. Larger monetary-value items are by definition more material. Smaller monetary-value items are generally less material.

Other budget items are strongly correlated to volume or seasons or some other driver.

Where an item is both less material and highly correlated to another driver it is a prime candidate for being calculated - or modelled - rather than manually derived by a budget owner. Modelling these budget items will reduce the amount of labour involved in creating budgets and make the budgeting process more efficient. 

They can also make budgets more accurate by eliminating human behaviours, such as gaming.

Where an item is less material and weakly correlated to another factor or more material and strongly correlated to another factor a value judgement will need to be made as to whether it should be modelled or not.

3. Leverage forecasting in the budgeting process

Rolling forecasts provide a improved horizon of information by which to make better decisions and to increase budget cycle efficiency.

It can also provide a solid baseline for annual budgeting activities.

There is a train of thought that suggests best practice budgeting is no budgeting at all; that rolling forecasts can replace budgeting in many businesses, though that will not be espoused in this post.

4. Performance management based on like-clustered activities

KPIs for departments or activities of a similar nature can be defined and grouped. This has the potential to facilitate the development of appropriate KPIs that facilitate performance comparisons between departments across different services and products. 

5. Multi-faceted KPI selection

Best practice budgeting suggests a cross-section of leading and lagging, internal and external, financial and non-financial, and fixed and relative measures should be considered when selecting a final suite of KPIs. 

This promotes an accurate and relevant view not only of past performance, but also of the operating environment it will face in the future.

6. Support good processes with good systems

All top-performer budgeting and forecasting benchmarks are underpinned by the use of appropriate technology.

While there are several vendors in the budgeting and forecasting application market, it is dominated by Oracle, SAP and IBM

If you'd like to discuss how best practice budgeting might apply to your own business, contact us at BRZ.

How to join text in different cells

One really handy thing you can do in Excel is join text from different cells. Joining cells is sometimes called 'concatenation'.

In this example we have a column of first names, a column of last names, and some cells that we want to populate wth both first an last names.

So how might we go about that. Well, it's pretty simple.

Click on the video for the details.


The quickest, easiest way to make spreadsheets look better

My number one tip when it comes to making spreadsheet look better is to turn off gridlines.

Gridlines are switched on by default in Excel. And they are useful in creating spreadsheets. But they are not so great at helping finished spreadsheets look good.

It is simple to turn off gridlines. You can always put them back, but for mine they look better without them.

Play the video for the details.

Download Excel Formula Examples - Working with Text

This is the next in a series of blog posts where we show you how to do some common things in Excel - and spreadsheets - by providing downloadable examples.

The file included in this blog post covers working with text in Excel and shows ho to: 

  • Use Excel to join two names, with a space in between
  • Use Excel to split a name in two, given a space between the two names
  • Get the middle part of three part name using Excel
  • Use Excel to capitalise the first letter of multiple words
  • Use Excel to capitalise all letters of multiple words
  • Use Exce to make all letters of multiple words small
  • Use Excel to replace a word
  • Use excel to remove a word
  • Use Excel to remove excess spaces from a series of words

The provided formulas be edited for your purposes, but they do work as-is and should help you understand how to work with text in Excel.