Angular 2 - Google I/O 2016

Early on with Angular 2, we focused on creating a full platform that encompasses even more of the needs of our developer community. Mobile is all the rage as of late, but the majority of successful product teams have investment across web, mobile web, installed mobile apps and even installed desktop applications. From individual developers all the way to CIOs, folks would like to reuse both their development expertise and their code across these platforms to deliver quickly and at minimal cost. Please watch to learn how we're addressing this full space of development needs in Angular 2.
Link to the demo repository: github.com/kara/puppy-love-io
Watch more Firebase talks at I/O 2016 here: goo.gl/JTH9Fr
See all the talks from Google I/O 2016 here: goo.gl/olw6kV
Subscribe to the brand new Firebase Channel: goo.gl/9giPHG -
Get started using Firebase today goo.gl/gCHr6r
#io16 #GoogleIO #GoogleIO2016 #Firebase

[@boot-strapper]

I thought I was a good engineer, until I watched this kara girl kick my ass.

[@jeromez7148]

kara produce 100 times codes than me in that 15 mins

[@devanfarrell16]

The fact that she program that quickly and give such solid commentary while she does is incredible to me. It is honestly really impressive.

[@BowlineDandy]

bear in mind that she coded that thing at least 2 times before that recording but still pretty impressive

[@FlashBaanng]

That demo was incredible to watch, bravo angular team you've done something very special with this!

[@mazouzizakaryae4879]

duuude you guys are mind blowing !!

[@test123ok]

wow ! that was totally awesome !

[@AbodyRulez]

I'm in love with Kara 😂🙏🏼 I can confidently trash my Software Engineering bachelor degree after watching this✋🏽

[@ronnymichael3023]

Awesomeness overload! Makes me wanna try angularjs 2.

[@josee248]

Kara that was awesome

[@MihailIvanchev]

I love everything about this. One side question - what theme are you using for WebStorm and what font? Thanks in advance!

[@LarsRyeJeppesen]

material theme

[@NelRodriguez22]

im trying to find it too, i think its seems like eco coding font, or ubuntu condensed or something llike that but i cant find it =( ..let me know if you have any news pls..thnks

[@kelinwufamily]

it was a good live coding... congrats!.. just wondering what is the key diff between angular2--mobile versu ionic 2? also, is that angularfire2 ready to use?

[@IljaDidDevs2]

Could you please link to your syntax style?

[@amrindersinghrandhawa2106]

great wor kara. what kind of mobile emulator she is using? anybody Please

[@jiachaozheng232]

yeah, kara is so cool~

[@mazouzizakaryae4879]

that's awesome... But how does she simulate Iphone mobile phone ?

[@NelRodriguez22]

anyone knows what font is she using in the webstorm? thnks

[@kenmagg]

wow....angular2 has come a long way...and so much better than angular 1😂

[@richterpatrick4691]

Normally I speed up all the videos because the devs are to slow, but here I need to put speed of the video to 0.5

[@NelRodriguez22]

which theme is she using?

[@omarisrael2560]

i need use geolocation in ionic 2 and i do not know how show the map . the tutorials whit js and google maps do not found. plissss creat a tutorial whit angular2 whit geolocation native pliss pliss thank you

[@devin.n]

Wish my girlfriend could code like Kara :)

[@robsteuber3792]

hell no! Then we would have a conversation about code instead of foos/drinks/going-out and housekeeping ;)

[@jakechan5796]

replace could code like with is was what you wanted to say

[@seriousmasterful]

What was the github page again?

[@MiguelRodriguez-cf3tt]

github.com/angular/angular or angular.io

[@EmersonYurivilcaRicaldiDreams]

what is the text editor ?

[@EmersonYurivilcaRicaldiDreams]

thanks

[@AlvarezTech]

What theme do you use to look like this?

[@openshores4288]

Great talk...just distracted everytime I hear 'copulation' when she said 'compilation'

[@caesarbala]

kara looks like Flash from MC :O

[@dmpg0231]

Which is the IDE she is using in the Demo?

[@faruzzy]

websstorm

[@AbodyRulez]

faruzzy it's weird how smooth webstorm is functioning with her, mine is sluggish and ugly

[@faruzzy]

Abdullah M. Magdy what are the specs of your computer ?

[@AbodyRulez]

faruzzy Alienware 16 gb Ram, core i7, 80 gb ssd , 1 tb hdd, Nvidia GT 750M, dual booting windows 8.1 and ubuntu 16.04, but i develop on ubuntu

[@yaghiyahbrenner8902]

she's using the material-theme-ui for webstorm.

[@umeshshaw007]

Useful Resource from the video - Angular Mobile : mobile.angular.io/ - Augury : augury.angular.io/ - Angular CLI : cli.angular.io/ - TypeScript : www.typescriptlang.org/ - VisualStudio Code : code.visualstudio.com/ - WebStrom : www.jetbrains.com/webstorm/ More Resource found at Myshortcut. - www.myshortcut.net

[@werewasyo]

18:17 prepare for CODE

[@24sell]

didn't php do the same as angular universal? render html and css serverside and send it back to browser?

[@peterkulik5943]

"The --mobile flag has been disabled temporarily while we await an update of angular-universal for supporting NgModule. Sorry for the inconvenience." :(

[@ryuhaneda]

Mind.blown. Angular 2 apps that behave like native mobile apps? Sounds like a new app renaissance has already arrived. I'm definitely late to the party (but better late than never).

[@nbnb-ou9js]

Was the original demo that fast and stripped down? As a first look at Angular2, this sort of sucked. It left a lot more questions than it answered. Sort of like watching a professional violinist "teach" you about playing a violin by telling you, "Just hold the violin like this, move the bow back and forth like THIS and finger the strings like THIS and that's all there is to it". Here's Kara giving a novice violin lesson now: (queue kzbin.info/www/bejne/q3KTppqOYttohLc) Now it's your turn. Just do what she did. Simple, eh?