Google I/O 2013 - Design Decisions in AngularJS

[@anime-grind]

Hilarious quote: " 2:25 Brad: What was your first inclination as a newbie in the world of JavaScript? What did you do? 2:29 Misko: Well, write a framework. What else would you do? "

[@kelvinchu321]

Wow, thanks for this, this is a super useful talk, and really cleared up my understanding of Angular! Always good to know the background and motivations behind the framework.

[@activeagent]

Misko ..Sincere respect to you, to give us the best JS framework. Simply loved it.

[@TheBitterlove]

I feel like I must use it. Such a nice and beautiful architecture and the idea behind is really simple but yet STRONG concept !! AngularJS is really respect to browser mechanism not like what we have done in the pass which was try to break the way the browser govern the web.

[@NickVanWeerdenburg]

Great talk that's understandable and of value to developers, designers and managers. AngularJS is the right way to build web applications in 2013.

[@Adam-hj1hc]

I am very new to web development and I loved this presentation.

[@nicolalamonaca4881]

I don't think you should be here if you really are..

[@Adam-hj1hc]

why not?

[@nicolalamonaca4881]

Adam Lambrou Because it's really advanced stuff, and I don't think you've already studied the basics of Web Development. Maybe you should first dive into that..

[@Adam-hj1hc]

I understand that, and I have learnt the basics already. I learn and remember things quite quickly. What would your recommendations be?

[@liamo907]

Nicola Lamonaca That comes across as really rude, give constructive feedback and don't sound like a jerk

[@GoutamDey]

Awesome presentation, love it misko and brad great job done for Angular.

[@WEIRDED_BEARDO]

Side note: Why when Google developers are doing these presentations, why are they using Apple devices and not Chromebooks?

[@thomasdarvik9184]

the chromebooks are not really a dev tool just yet :P

[@WEIRDED_BEARDO]

***** there's nothing that can't be done in a browser.

[@PhoungeunVantho]

that really makes you like angular with that cool presentation ....Again Bravo

[@shyscareddick3369]

"Do you know how complicated animations can get ? No, I don't. I'm a manager" :)))

[@dotproto]

Google's stance on languages and technologies seems pretty clear from where I sit; what do you find confusing? JavaScript is the de facto language of the browser, but it was designed in ~10 days and has collected some kruft over the years. Dart is Google's attempt to re-imagine a language for that space and possibly replace JS. To encourage adoption and experimentation Dart compiles to JS. There's a special fork of the Chromium project (Dartium) specifically for working directly with Dart.

[@BradGreen]

@lucas, You are completely right. I spoke poorly about that question about JS-disabled browsers. I'd do it differently if I had it to do again. A better answer would be that JS-disabled browsers accounts for around 1% of all non-automated requests. For any client-based JS framework, there is no reasonable fallback strategy. You'd need to reimplement everything in the traditional server-side way.

[@TysonBensonThe1st]

Really good video here, people should really watch this when starting to learn AngularJS

[@王顺云-x4q]

This is a cool framework and a cool presentation.

[@codemullins]

This is too cool. Wish I knew about this earlier.

[@OlajideOgundipeJr]

The questions at the end were weird, Brad Green is a stud of a manager

[@chrisRam0n]

Misko: can you understand how complicated animation is? Bred: No, I am manager :D great moment. 26:24

[@kamyargilak]

Awesome presentation guys!

[@jeremywilken733]

A great detailed walkthrough with Misko is called "Bringing Angular Apps to Life with Animation by Miško Hevery" - Find it on KZbin.

[@dusanslo]

The manager mention git repistory link at the end of the session. I can not find it .. any help?

[@ChrisStephensFTW]

Google I/O 2013 - Design Decisions in AngularJS on the slide

[@ChrisStephensFTW]

had to dig through the link, looks like this is it: github.com/mhevery/ng-google-io/commits/demo-1.2

[@neohubris]

Misko, what happened to your Testing blog?

[@GregBabula]

Cleaner markup, less code, what's not to love? Great presentation, did he really start learning JavaScript in 2009? (and if so, that's one giant leap...)

[@dotproto]

The Java/Python and C++/Go questions are more out of my depth, but to the best of my knowledge each has its own respective domain. While Java and Python can both be used as server technologies, Python is more often used for rapid development while Java is used for enterprise servers. More specifically to Google, Java is used by the Android platform; most Google libraries I've seen have been targeted at that use case. As for Go vs. C++, Go is a new attempt at a systems programming language...

[@mypresentations]

Will the Angular html templates compile under Google Caja?? :)

[@jeremywilken733]

There is not an easy solution to this, but it wouldn't be impossible to do. I would argue that the work required to create a full experience without JS is pretty hard to justify. Also Angular doesn't provide anything for this (nor should it). You would have to either 1) build a way to render angular templates in a server environment or 2) create an alternate site that users get sent to if they lack javascript.

[@IsaacZepeda]

Angular.js is awesome, I use it in regular basis

[@lightspeedpro3826]

The code listed at 8:19 doesn't work: I see the following error: Error: Argument 'UserCtrl as uCtrl' is not a function, got undefined

[@wyimn]

Where can we find the resources ?

[@DanielaBaronSoftwareDeveloper]

Does anyone have the css that was used for the slide animation?

[@dotproto]

As for Go vs. C++ ... C++ is the reigning champion of for low level code and (near) best in class performance, but its not without its flaws. One of C++'s biggest weaknesses is in multi-process architectures, an environment that's become the norm rather than the exception. Go attempts to reimagine low level systems code for a multi-process world. That's not to say it will (or should) replace C++, but without experimentation you have stagnation. So is Google confused? No, just busy.

[@begood243]

how did you overcome . I have the same problem .

[@begood243]

I posted the question in stackoverflow and I was told that "as" syntax came from 1.1.5 , so i changed version to 1.1.5 and it started working .

[@AlecLaLonde]

That is an angular 1.0.7+ construct. See the angular blog

[@LucasRizoli]

This is a good introduction and demo, and a well-delivered presentation. I just didn't think it right to dismiss the question about users without JavaScript: it's a genuine concern. In the demo, Miško made a point of showing how Angular uses HTML's href in a way that is meaningful without JS-but it doesn't seem it would do much good if the application is not going to degrade well when JS is not available on the client. Is there not some good way of using this server-side or something?

[@kuroketanItem]

good presentation (y)

[@ferntest002aa]

great presentation

[@PhilipMiglinci]

The SEO Link mentioned in the Q&A: yearofmoo. com/2012/11/angularjs-and-seo.html

[@icebill8134]

Wonderful video, and extremely helpful for beginners..however, I felt ashamed for that Chinese guy, next time please don't show off yourself and ask a real question, thanks!

[@heavensrevenge]

Hmm... enjoyable presentation but where's the "Design Decisions" part?? it was all just an intro to AngularJS nothing design decision explanations related to how/why it was made how it was at all :(

[@fungxu1087]

Angular animation is sassy, but can you share the "slide" css code ? Sorry i can't find it in github.com/mhevery/ng-google-io/commits/master

[@kenyee88]

In case anyone else is digging for the answer to that ng-search paging question at the end, there's a jsfiddle for it: jsfiddle.net/SAWsA/11/ I'm excited about AngularJS. Been playing w/ MeteorJS which looks interesting in a different way, but AngularJS looks cool for larger apps until MeteorJS matures...

[@GaneshPilli]

You guys..rock...........

[@SuperToughnut]

Don't people use xhtml now-a-days?

[@gjermundification]

It takes a little breaking in... Kind of like Dr Martin’s, but after a while it will feel like a pair of New Rock!

[@KurtMueller]

One small step for developer, one giant leap for developer-kind.

[@anirangoncalvesbr]

They just keep expanding in the fastest possible pace. And then let the slow technologies die for themselves. I dont like this google philosophy either, but I think that's how things work there.

[@ston3h3ng3]

it's not; development is about patterns, ideas, not languages. For a good programmer like he is learning javascript *in depth* is the matter of a week (maximum).

[@benoyprakash]

Super

[@whatilearnttoday5295]

I can't buy the constant looping and redrawing. Sure might work for a tiny little UX, but lots of data, no way.

[@diespectra]

Have nice day

[@JeremyRobertWalker]

That guy probably knew a dozen other languages or school of expertise

[@steigerwalddaniel]

The way the Misko is creating plain JS app is cumbersome, every sane developer would use templates and event delegation. The real pain of modern AJAX apps is partial DOM update with old fashioned HTML string based templates. Angular is fine and all, but I really don't like coding in HTML. View logic should be in code. Facebook React did it well, they moved templates inside code. Angular, and unfortunately Polymer approach is opposite, move logic into HTML. Sooner or later, declarativeness fail.

[@ran-ran-dom-dom]

Developers making jokes... no no no... :P Awesome presentation guys!

[@TadThorley]

The repo: github.com/mhevery/ng-google-io

[@victorysometh]

Very good presentation! Anyway, is the Chinese boy drunk?

[@YoLninYo]

Google. Please get your confused head straight. Is it DART? or is it JAVASCRIPT? is it Java or is it python? or is it C++ or is it Go?

[@zhengfuchao8835]

very early version. just talk about the decisions. not code.

[@sukieboy12]

cool.

[@PhoHmooAmerica]

He sound like FPSRussia