The web platform is cool (AngularJS)

Take a look at this, a cool JsFiddle snippet. Notice: no js other then including AngularJS via settings.

EDIT: Just checked, IE10 is a no go, try something else (it should definitely work on IE)

That does look cool. Will have to dig further.

Maybe one day these so called "developers" will learn how to write actual real software...

24 minutes ago, Charles wrote

@fanbaby: Seems to be targeting webkit (as seen in a quick scan over the CSS (-webkit...))

C

The jsFiddle site is cool too, but I (and I think fanbaby) was talking about the AngularJS framework.   

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Out of the box, it eliminates much of the code you currently write through data binding and dependency injection. And it all happens in JavaScript within the browser making it an ideal partner with any server technology.

Angular is what HTML would have been had it been designed for applications. HTML is a great declarative language for static documents. It does not contain much in the way of creating applications, and as a result building web applications is an exercise in what do I have to do, so that I trick the browser in to doing what I want.

The impedance mismatch between dynamic applications and static documents is often solved as:

• library - a collection of functions which are useful when writing web apps. Your code is in charge and it calls into the library when it sees fit. E.g., jQuery.
• frameworks - a particular implementation of a web application, where your code fills in the details. The framework is in charge and it calls into your code when it needs something app specific. E.g., knockout, sproutcore, etc.

Angular takes another approach. It attempts to minimize the impedance mismatch between document centric HTML and what an application needs by creating new HTML constructs. Angular teaches the browser new syntax through a construct we call directives. Examples include:

• Data binding as in {{}}.
• DOM control structures for repeating/hiding DOM fragments.
• Support for forms and form validation.
• Attaching code-behind to DOM elements.
• Grouping of HTML into reusable components.

@PaoloM: I think these days it's an elitist thing to go out of your way to write stuff that doesn't work in IE.

It's a cool demo on the jsFiddle though. It does work in IE10 so, maybe fanbaby changed the link since the thread started.

Isn't this kind of like knockoutjs? I.e. Google's re-invention of knockoutjs? I haven't looked closely though.

25 minutes ago, kettch wrote

@PaoloM: I think these days it's an elitist thing to go out of your way to write stuff that doesn't work in IE.

It's a cool demo on the jsFiddle though. It does work in IE10 so, maybe fanbaby changed the link since the thread started.

I can't seem to get it to work with IE10. Works in Chrome though.

26 minutes ago, exoteric wrote

Isn't this kind of like knockoutjs? I.e. Google's re-invention of knockoutjs? I haven't looked closely though.

They sound similar in part, but I think AngularJS goes further with Dependency Injected Services, Routing, Form Validation support, and IMHO a nicer (and extendable) templating syntax.

That looks like it could make web development a lot easier. Thanks for sharing fanbaby.

My understanding is the library works on all modern browsers (there are apparently some gotchas with IE that you have be careful of). However, that specific example works on Webkit browsers, because of the HTML and CSS that is used. Getting to work exactly like Chrome is non-trivial because FF lacks the range input type; this is when jQuery UI would come in handy. It still works in Firefox if you type in the colors.

Getting it work in IE9 is a bit more challenging, I'm thinking you'd have to convert the color values to hex first using JavaScript.

36 minutes ago, DCMonkey wrote

*snip*

They sound similar in part, but I think AngularJS goes further with Dependency Injected Services, Routing, Form Validation support, and IMHO a nicer (and extendable) templating syntax.

The last time I checked out KnockoutJS (which was quite a while back), the templating syntax used was for a jQuery plugin (jQuery.tmpl) that was no longer going to be supported as part of the core jQuery plugins. The jQuery team dropped it for reasons unknown (as far as I can tell) in favor of a new templating engine, which has yet to materialize AFAIK.

jQuery.tmpl got moved over to gitHub, and it's since been abandoned. https://github.com/jquery/jquery-tmpl

But if you want to fork the project and continue improving it, you can. Hooray for open source!

Works on my Win8 IE10. Just some slider controls? Is that what I should be looking at?

@magicalclick:And the slider works on my WP8 IE10 too. Want to ask what does not work.

There's supposed to be some rectangle that updates its colour automatically as you change the slider values. That doesn't appear on IE.

@Sven Groot:Ok. On the other hand, Nokia's "Nokia Xpress" browser can render the box correctly, but refuse to render the sliders.

Seems can't find WP browser that can keep both.