Update 2:

Scott Hanselman announced it as well

It also looks like Grunt and Bower are not as far as ASP.NET vNext is, they’re coming quite soon!

Update 1:

Turns out this is not breaking news (video), but it’s still new to me and several others I know.

the video is definitely worth watching. It suggests Visual Studio will have special tooling written just for Angular.JS for example, and increase Bootstrap tooling as well.

So, I saw a nice tweet from Mads Kristense (creator of Web Essentials and one of the team working on Visual Studio tooling):

It was about Visual Studio tooling for Node’s packages.json file.

Side Note

If you are interested in the particular plugin in the previous video:

, , ,

Hello again and welcome to another Angular.JS video. This time I talk briefly about templates in AngularJS and the ng-include directives, and how to combine them to create recursive templates that can be used to model any number of tree levels.

Here’s the video. Check the code snippets belows:

The Code

In this demo, I used a dummy controller just to have a model to work on, the controller looks like that:

function SampleController($scope) {
    $scope.sourceItems = [
        {
            text: "Item A",
            children: [
                {
                    text: "Item A-1",
                    children: [
                        {
                            text: "Item A-1-1"
                        }, {
                            text: "Item A-1-2"
                        }
                    ]
                }, {
                    text: "Item A-2"
                }, {
                    text: "Item A-3"
                },
            ]
        }, {
            text: "Item B",
            children: [
                { text: "Item B-1" },
                { text: "Item B-2" },
                {
                    text: "Item B-3",
                    children: [
                        { text: "Item B-3-1" },
                        { text: "Item B-3-2" },
                    ]
                }
            ]
        }
    ];
}

The obvious magic comes from the HTML, here’s the relevant part:

<body ng-app ng-controller="SampleController">
  <script type="text/ng-template" id="treeLevel.html">
    <ul>
      <li ng-repeat="item in items">
        <input type="checkbox"
          name="itemSelection"
          ng-model="item._Selected" />
        {{item.text}}
        <div ng-include=" 'treeLevel.html'"
            onload="items = item.children">
        </div>
      </li>
    </ul>
  </script>
  <div ng-include=" 'treeLevel.html' "
       onload="items = sourceItems">
  </div>
  <pre> {{sourceItems | json}}
  </pre>
</body>

You can see the result below:

, ,

A few hours ago I tweeted:

In this post I’ll talk about how the experience was like. If you suspect you have a similar issue and came here searching for it, stop, and get the patient to a hospital ASAP. If you are interested in the human experience, read along.

How did it happen?

Things like this can be very easy. The bottom of one of the pants of my pair of jeans hit my left eye while Mrs. was tiding. It hit me like a sharp knife even though it was obviously by mistake.

This happened on Tuesday evening and I didn’t think it’d be a big deal even though the pain was horrible. By morning time, I know I knew I needed to visit a hospital.

,

There was a question in a tech facebook group I co-manage about what tools you’d use if starting a new project today.

tools

I don’t know for sure. It depends -of course- is the expected answer. For example, there’s some idea I had I mind I considered using MongoDB or CouchDB for, while still using .NET, and then I wasn’t sure if I go extra mile in DB I’d go for Node or Rails as well or would prefer .NET for my personal productivity. I also often use Node/Bower when checking libraries with many dependencies.

So, for this question, I thought what tools I might use in a company project. Thinking back, I found that most tools I use now are good enough for what they do. So, I thought I’d list these.

These tools are my personal experience though. While some of them are widely adopted in Readify, some others may have been specific to some clients or Readify teams I worked with. Every team is free to choose the tools that work best for them and make it easier to deliver high quality deliverables in sensible time, so, even if you are at Readify, your mileage may vary…

, , , , , , , , , ,

AngularJS vs IE8

I was checking the last version of AngularJS now and noticed a new version, 1.3 beta 1 is now available. The last 1.2.x release is 1.2.14.

Interestingly, beta 1 doesn’t seem to have any big fixes or features. The changes presented only include a fix for using <tfoot> tag as a top-level parent of Angular template, and being able to use <style> tags in your Angular templates.

The features only include supporting new <input> types, in particular date, time, datetime-local, month, and week.

A Quiet Release

One interesting thing about this release is that there is no official blog post about it. Actually all the other minor versions (1.2.x) didn’t have special blog announcements, and the team said they’ll only do it for big releases. I’d still have thought the first Angular.JS 1.3 public release to be considered big though!

The only mention in the release notes goes to an old post dated in December last year, that informs about the removal of version 8 of Internet Explorer.

, , ,