Jira Quick Filters for Scrum Board

  • Due Today: duedate = now()
  • Due Tomorrow: duedate > endOfDay() AND duedate <= 1d
  • No Due Date: duedate is EMPTY
  • Updated Today: updatedDate >= startOfDay() and updatedDate < endOfDay()
  • Overdue: duedate < startOfDay()
  • Critical: priority = Critical
  • Task: issuetype = Task
  • Defect: issuetype = Defect
  • Recently Updated: updatedDate >= -1d
  • Items Missing Compulsary Fields: project = XYZ AND status != Closed AND  (duedate is EMPTY OR assignee is EMPTY OR affectedVersion is EMPTY OR component is EMPTY OR “Epic Link” is EMPTY)

Secrets of Virtual DOM

  • The fact that JS and DOM are not reactive ie don’t support observables, creates a need for a DSL  and a 3rd Party Library to polyfill this feature, and that’s what Handlebars and Ember etc. do
  • These libraries provide data binding (which is simply binding the data model to the DOM) by providing Observables ( variables with onChange handlers so that DOM can be updated by the library when they change) and Computed Properties (Calculations involving more than 1 Observable that need to be recalculated and reapplied to DOM when any observable changes)
  • Dirty Checking by Angular is better than Key Value Observation of Ember

that = this


var colours = ['red', 'green', 'blue'];
document.getElementById('element').addEventListener('click', function() {
    // this is a reference to the element clicked on

    var that = this;

    colours.forEach(function() {
        // this is undefined
        // that is a reference to the element clicked on

this in JavaScript always refers to current object, method of which was called. But sometimes you need to access this of your object in deeper. For example, in callbacks. Like so:

function MyClass() {
this.a = 10;
this.do = function() {
http.get(‘blablabla’, function(data) {
this.a = data.new_a;
It will not work, because this in callback may refer to http, to some dom element or just window(which is really common). So, it is common solution to define self or that, an alias for this or your object, so you can refer it anywhere inside.

function MyClass() {
var self = this;
this.a = 10;
this.do = function() {
http.get(‘blablabla’, function(data) {
self.a = data.new_a;
This should give you vision why it is used and how it should be used.

There is no other reasons(currect me if I’m wrong) to create special variable, you can use this to send your object to other objects and do things, many assignments, such logic,

Change CSS in VS Code

  • Make sure VS Code is closed.
  • Then open the css file (C:\Program Files (x86)\Microsoft VS Code\resources\app\out\vs\workbench\workbench.main.css) in notepad++ etc. editor and
    • Search: .monaco-workbench>.part.statusbar{-webkit-box-sizing:border-box;box-sizing:border-box;z-index:25;width:100%;height:22px;background
      • Replace with background:rgb(30,30,30)
    • Next, search: .monaco-workbench.vs-dark>.activitybar>.content
      • replace with background-color:rgb(30,30,30)