Already discovered a week or two ago and I’m totally amazed . I played a little around with it and it was probably the first time Web Development was actually fun . Keep up the good work!
I’m amazed. I really am. It’s all sunshine and lollipops, but…
What about accessibility? What about graceful degradation?
With vanilla javascript or with a lib like jquery I can augment the client content, and still provide the same functionality with javascript turned off.
With I can’t seem to provide the same without doubling all the client work to provide a distinct javascript and non-javascript version.
you are right it relies on JS. That is the price to pay. Users which don’t have JS, are simply not going to be you users. But hey its 2010, who does not have JS turned on?
brillian idea!
but one think is MVC that said as a built-in support is a must? because in many experience UI framework that support binding (one way or two) (FLEX/WPF) mostly fit with Presentation Model pattern either than MVC. Or is there because the state that “the test will be easy” make Presentation Model unnecessary?
any comment?
To me MVC, MVP are all kind of loaded terms which mean different things to different people. At the end of the day, what is important is that you have the separation, and that your controllers are trivially testable. does this as shown here: http://angularjs.org/Cookbook:MVC. Notice that in your tests, you simply instantiate the controller and model and off you go testing. The key is that at no point does the controller know about the view, since that would make testing difficult, since you would have to have a mechanism by witch you can mock the view.
Misko, this is a fascinating idea. I have wanted to find a way to let us write web applications without being so limited by a system of protocols designed for sending static pages (Kudos to Google for writing, for example, a Microsoft Office clone in Javascript, but I don’t think anyone can pretend that’s what the language, or HTTP for that matter, was originally written for). This looks like it might do what is needed.
That said, your website about it, angularjs.org, seems to be down right now. Is there anywhere else I could start learning from?
You asked for advice on how to explain angular to people. What makes most sense to me is to say that it is a language. An extensible language. That is the box I put it in. Is there some reason why you don’t call it a language? I wrote about it here: http://hardlikesoftware.com/weblog/2010/09/19/angular-bindings-and-templates/
I never thought of it as language. I have said in the past is that it is a DSL (domain specific language), but I think when you say language people may feel that there is yet another language to learn. But over all I do agree with your summary. Thanks for the suggestion.
[...] more: <angular/>: A Radically Different Way of Building AJAX Apps. http://angularjs.org, github, MIT Licensed. (The older Google Wave Example Youtube Video) [...]
Thanks Misko, It was a great video.. I am building an application using Angular JS and want to use some complex jQuery components like jqGrid and graphs.. Do you have any video presentation on how to make Angular work with jQuery components.
37 responses so far ↓
the video is too blurry to see the code. Do you have a 720p version.
I fully agree with the precedent comment. Please, can you upload a better video quality version?
Like in previous comments – higher resolution would solve the problem of blurred code. Is there any chance that it will be uploaded any soon? Please
We are working on a better quality video, Should be up sometimes next week. In the meantime, you can see the source code here: https://docs.google.com/document/pub?id=1ZHVhqC0apbzPRQcgnb1Ye-bAUbNJ-IlFMyPBPCZ2cYU
Already discovered a week or two ago and I’m totally amazed
. I played a little around with it and it was probably the first time Web Development was actually fun 
. Keep up the good work!
@HelperMethod
thanks! Let me know if I can help with anything or if you have ideas on how to make it better.
@HelperMethod there is also a Google Group regarding
http://groups.google.com/group/angular?pli=1
Hi Miško.
I’m amazed. I really am. It’s all sunshine and lollipops, but…
What about accessibility? What about graceful degradation?
With vanilla javascript or with a lib like jquery I can augment the client content, and still provide the same functionality with javascript turned off.
With I can’t seem to provide the same without doubling all the client work to provide a distinct javascript and non-javascript version.
Am I missing something?
Whoops… Your commentbox swallowed <angular/> . :] It should be
“With <angular/> I can’t seem to provide …”
@miklos,
you are right it relies on JS. That is the price to pay. Users which don’t have JS, are simply not going to be you users. But hey its 2010, who does not have JS turned on?
– misko
brillian idea!
but one think is MVC that said as a built-in support is a must? because in many experience UI framework that support binding (one way or two) (FLEX/WPF) mostly fit with Presentation Model pattern either than MVC. Or is there because the state that “the test will be easy” make Presentation Model unnecessary?
any comment?
@ktutnik,
To me MVC, MVP are all kind of loaded terms which mean different things to different people. At the end of the day, what is important is that you have the separation, and that your controllers are trivially testable. does this as shown here: http://angularjs.org/Cookbook:MVC. Notice that in your tests, you simply instantiate the controller and model and off you go testing. The key is that at no point does the controller know about the view, since that would make testing difficult, since you would have to have a mechanism by witch you can mock the view.
igorbrejc.net » Fresh Catch For August 5th // Aug 5, 2010 at 9:01 am
[...] <angular/>: A Radically Different Way of Building AJAX Apps [...]
@All,
updated the link with higher resolution video.
Woah, way to go Misko, this is amazing. A huge step above stuff like Django and Rails.
Misko, this is a fascinating idea. I have wanted to find a way to let us write web applications without being so limited by a system of protocols designed for sending static pages (Kudos to Google for writing, for example, a Microsoft Office clone in Javascript, but I don’t think anyone can pretend that’s what the language, or HTTP for that matter, was originally written for). This looks like it might do what is needed.
That said, your website about it, angularjs.org, seems to be down right now. Is there anywhere else I could start learning from?
You asked for advice on how to explain angular to people. What makes most sense to me is to say that it is a language. An extensible language. That is the box I put it in. Is there some reason why you don’t call it a language? I wrote about it here: http://hardlikesoftware.com/weblog/2010/09/19/angular-bindings-and-templates/
@John,
I never thought of it as language. I have said in the past is that it is a DSL (domain specific language), but I think when you say language people may feel that there is yet another language to learn. But over all I do agree with your summary. Thanks for the suggestion.
What’s Your Route Down the HTML5 Road? « Tales from a Trading Desk // Nov 5, 2010 at 5:42 am
[...] Knockout, Backbone, Angular, etc. Which roads are you going [...]
20 JavaScript Frameworks Worth Checking Out | linuxin.ro // Sep 24, 2011 at 1:02 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
20 JavaScript Frameworks Worth Checking Out | Web Design Northamptonshire // Sep 24, 2011 at 2:03 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
Web Development articles, tutorials, help » Blog Archive » 20 JavaScript Frameworks Worth Checking Out // Sep 24, 2011 at 2:10 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
20 JavaScript Frameworks Worth Checking Out – blog // Sep 24, 2011 at 4:15 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
20 JavaScript Frameworks Worth Checking Out | Shadowtek | Hosting and Design Solutions // Sep 24, 2011 at 5:22 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
20 JavaScript Frameworks Worth Checking Out « Fast Ninja Blog by Freelanceful – Web Design | Coding | Freelancing // Sep 24, 2011 at 9:34 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
IOS world of development » 20 JavaScript Frameworks Worth Checking Out // Sep 25, 2011 at 6:46 pm
[...] angular: A Radically Different Way of Building AJAX Apps [...]
20 个值得一试的JavaScript 框架 // Sep 26, 2011 at 2:25 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
Nettuts+ Updates – 20 JavaScript Frameworks Worth Checking Out « tisuchi // Sep 26, 2011 at 6:39 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
20 个值得一试的JavaScript 框架 | 在路上 // Sep 26, 2011 at 9:48 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
傻子日志 // Sep 27, 2011 at 5:02 pm
[...] angular: A Radically Different Way of Building AJAX Apps [...]
20 JavaScript Frameworks Worth Checking Out | Virtuousity // Oct 5, 2011 at 1:14 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
20 JavaScript Frameworks Worth Checking Out | en.limalapan.com // Oct 5, 2011 at 9:43 pm
[...] angular: A Radically Different Way of Building AJAX Apps [...]
20个值得一试的JavaScript框架 - 博客 - 伯乐在线 // Oct 29, 2011 at 6:54 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
20个值得一试的JavaScript框架 - phpsir - 致力于php开发 // Mar 27, 2012 at 7:23 am
[...] angular: A Radically Different Way of Building AJAX Apps [...]
<angular/>: A Radically Different Way of Building AJAX Apps | hakre on wordpress // Apr 30, 2012 at 3:03 am
[...] more: <angular/>: A Radically Different Way of Building AJAX Apps. http://angularjs.org, github, MIT Licensed. (The older Google Wave Example Youtube Video) [...]
JavaPins // Aug 7, 2012 at 4:02 am
: A Radically Different Way of Building AJAX Apps…
Thank you for submitting this cool story – Trackback from JavaPins…
Thanks Misko, It was a great video.. I am building an application using Angular JS and want to use some complex jQuery components like jqGrid and graphs.. Do you have any video presentation on how to make Angular work with jQuery components.
Thanks
Neha