Web Development

1. The mix of concerns is largely based on the fact that this block of code is bootstrapping an event handler (proxy.client.broadcastMessage()) and a callback ($.connection.hub.start().done()) that bootstraps another event handler.
2. The dollar sign, when used as it is in this example, is often a reference to jQuery. The key indicator is the selector syntax: $('#thing'), $('.stuff'), etc. Where you see it used as an object that's because it is one. Welcome to the joy of frameworks.
3. Here's the fun part: in JavaScript everything is an object, to include functions. The nested functions simply represent that a return value or process is required at a certain point. All functions in JS can be trivially assigned a function pointer; in fact that's the way that most functions are handled automatically when they are assigned as arguments.

1. As noted earlier, the "$" object is jQuery and any extension loaded for it. Think of it like a class library; somewhere before this code execution there was a <script src=".../.../jQuery.js"></script> and a <script src=".../.../signalr.js"></script>. You can safely think of that as a class library import.

Nathan Minier wrote:

<script src=".../.../signalr.js>

CellCssClassExpression	Func<T1, GridContext, string>	Use this to specify a custom css class based on data for the current cell

Afzaal Ahmad Zeeshan wrote:

there is a tool by Microsoft WebMatrix

if {
time1>24;    // if time1 is greater than 24
time1=+1;    // set time1 equal to 1. I think you really mean to subtract 24 from time1
}
else if {    // else
time2=time2; // if time2 equals time2, which will always be true
time1==0;    // set time1 to zero: why?
}
else{
time1-time2; // otherwise calcualate time1 minus time2, but what happens to this value?
}

<div class="w3-col w3-right w3-top" style="position:relative">
         <p>Translate this page:</p>
         <div id="google_translate_element" style="positon:absolute;top:10px;left:10px"></div>
             <!--Translator scripts-->
         </div>
</div>

<div class="w3-col" style="position:absolute; top:10px; left:10px" id="google_translate_element">
    <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element');
        }
    </script>
    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>