An Angular 2 Force Awakens - John Papa

www.ng-conf.org
ng-conf is a two day, single track conference focused on delivering the highest quality training in the Angular JavaScript framework. 500 to 700 Developers from across the country will converge on beautiful Salt Lake City, UT to participate in training sessions by the Google Angular team, and other Angular experts. In addition to the invaluable training, ng-conf will deliver a premier conference experience for attendees, providing opportunities to network with other developers, relax at social events, and engage in some of the unique entertainment opportunities available in Utah.

[@johnpapa]

Here is the github repo from this talk. github.com/johnpapa/angular2-force Thanks for watching.

[@leonardoy3627]

+John Papa what extension you used for changing chrome developer tools dark themes?

[@hongweifang1373]

+John Papa Thanks John for showing us so amazing speech, one thing I want to know is , in the video I can see you just typed "ng2" in code insider tool, selected one drop down, then can generate the skeleton of service, could you tell me which plugin are u using ? or any config I have to do ? thanks

[@johnpapa]

+hongwei fang Hi. I was suing the VS Code snippets. marketplace.visualstudio.com/items?itemName=johnpapa.Angular2

[@hongweifang1373]

+John Papa thanks John , it's really a awesome tool

[@flaviusinc]

awesome job, better than the tutorial ! :)

[@beeeeeeeeeeep]

This is 1h content in (a very intelligible) 20min. And this is AMAZING! As a professional trainer I keep watching this again and again to learn as much as I can, all the small details that makes you go from good to great presentations. Thanks.

[@PeaceUrSoul]

Thanks John for this video. This video is useful for those who already know the basics of AG2, here you have covered all concepts of AG2 from components to templates to model to service in just 20.39 minutes.

[@GiacomoCerquone]

He's such a genius! Keep up the good work and thank you very much John Papa!

[@shiptoncraig]

As a stickler for neat code, my experience with John Papa's Angular 1 styleguide has been nothing but great. Will definitely have to get on the ng2 one!

[@eyalcohen2029]

One of the best presentation that i saw about coding or maybe every subject, Thanks John, very simple and clear way to look on angular 2 revolution.

[@drantunes]

If there is more demos and tutorials such as this, the adoption of Angular2 would be much easier and faster.

[@naveenkumarneo]

@John Papa , this was amazing..really loved your talk. Its always a pleasure watching your sessions.

[@thomasvnl]

Thanks for the presentation. Showed me a lot of improvements in respect to AngularJS v1.x. And thanks for maintaining the Angular Style Guide!

[@NeymarJr-uj1wf]

good job, John. Thank you !

[@yl3761]

Watched about 10 times, comprehensive and really helpful to have basic ideas in Angular 2.

[@johnpapa]

+Yun Luo Glad you like it

[@souravpati2007]

Its a great presentation,Thank you !

[@henninghoefer]

Awesome talk! Love the "what you DON'T see me doing..." theme

[@johnpapa]

+Henning Hoefer Thanks :)

[@stefanaerts4960]

John, keep up the good work,again a nice video.I like the video's,courses and documents you make.the gulp course was very good,very useful,the style-guide is good , angular2 first look is next on my list. Also the tool visual studio code i am using now for a couple of weeks after i started with brackets first is a very good tool and you showed a lot best practices for that tool in several video's i found on the internet. the angular cli sounds good.

[@SampathLokuge]

Supper Excellent presentation.Thanks a lot :)

[@arianul]

Wow...thanks...all one needs to know in 20 mins :-)

[@xEndgameRA]

Love it.

[@rajkumarvaratharaju3637]

Amazing!

[@JeeteshNariya]

it's was great conf and also nice explain topic with fun, and much more useful to understand some issues of angular 2 , so final word to @John_papa it was awesome tutorial..! and Thanks for lot's of learning from you.

[@MrJohncenaraw]

very nice John

[@pawangandhi123]

Awesome

I highly recommend the course Pluralsight of John Papa and Dan Wahlin: Typescript Fundamentals. The free 3-month subscription can get with Microsoft Dev Essentials -> Benefits. Its course was recommended by: Deborah Kurata in AngularJS 2: Getting Started. He explains from beginning to end, clarifies much without asking questions. Continues as well. Best regards. (Y)

[@codeconcept]

Great content, as usual with John Papa. Was it Joe Eames voice's introducing him?

[@LarsRyeJeppesen]

+codeconcept Think it was Ward Bell :)

[@codeconcept]

Lars Rye Jeppesen Ok thanks :) Just went to your google+ page and enjoyed the vertical video syndrom. Not recent but still very funny. Happy coding ;)

[@johnpapa]

+codeconcept Yes, that was my friend Joe Eames with the funny intro

[@gautamutha]

This is super ! I have created sample app using angular CLI.. but now I want to deploy/host in IIS. I dont want use like localhost:4200 always I need something like localhost/testapp/index.html or localhost/testapp/ (without ng serve everytime). The one I deployed doesn't work. just shows the message that angular cli gives (i.e. app works!), where as I am expecting our heroes component here. Thanks GM

[@hongweifang1373]

Hi @John Papa, thanks for giving us so awesome talk. I am very interesting in the tool you are using it's coder insider , I can see used a short cut ng2 which can create a component very fast, I tried in my local, it doesn't work , can you please let us know how to config it ? thanks

[@Fennecbutt]

+hongwei fang It's Microsoft's VSCode, the app is just called Code, so his folder name must be called "Insider" or something...

[@hongweifang1373]

+Fennecbutt thanks, I can see John typed ng2 then can create a skeleton of a service , is that because of insider folder? I can see we can download code or code insider from Microsoft

[@johnpapa]

+hongwei fang When using VS Code you can add extensions (plug ins). I created a plug in for Angular 2 snippets. You can find the link for the extension in the end of the video jpapa.me/a2vscode

[@hongweifang1373]

+John Papa , thanks you so much John.

[@Bargains20xx]

whats the second laptop for ?

[@madhuri34720]

I really want to Jo in your work shop ☺

[@markocen]

hi ng-conf, could you share the repository in this video?

[@ngconfonline]

+Marko Cen Not sure, will look into that for you!

[@c1rusko]

+Marko Cen github.com/johnpapa/angular2-force

[@rvmladenov]

Does anyone knows if there is a difference between importing the HTTP_PROVIDERS in some Component and bootstraping it in the app's main.ts ?

[@maksim8601]

Read this: angular.io/docs/ts/latest/guide/hierarchical-dependency-injection.html

[@anasfirdousi]

If you import that in main.ts, HTTP services will be available across all components. If you inject it in any particular component, it will be available only in that component and any child components if that particular component has any.

[@CyberScence]

why there is no sound? ?! ?! ?!

[@pcoshta]

Sample code - github.com/prashantkoshta/angular2

[@simonpetersen388]

But angular 2 is SO BIG, how would a 3G connection download all this

[@johnpapa]

Watch the keynote from ngConf. At that time they had gotten it down to less than 50k gzipped. the offline template compiler and tree shaking will get it there.

[@777jimkim]

MONUMENTAL waste of time. 1/3 of it is deprecated. Spent hours looking at documentation to fix all the brokenness.

[@terrancemitchell4660]

Angular2 is messy! Went from a single script tag and POJS to typescript, system.js etc. Why is it that everyone is delusional and in denial? Angular team made Angular2 1000xs more complex. The objective is to write less code. Now i have to spend my life writing typescript to write JavaScript. I am almost certain Angular3 will be completely different because you pretty much put Angular on its death bed.

[@rvmladenov]

+Terrance Mitchell I actually prefer Angular 2 over Angular 1. For me, personally it is more fun writing code now. Also TypeScript is just a superset of JavaScript and nothing complicated - it just adds some sugar like strong typing and interfaces(but Angular also gives you the ability to write ES6 if you do not like TypeScript). And about the "write less code" - for the things I was using both of the versions can not find much difference in the code base. But everything else is in favor of Angular 2

[@jo0o0oke3e3er]

just abitude dude ! just abitude ... then im sure you will change yours considerations about it.

[@polarnj]

I thought so too at first but if you use the cli tool to generate your projects, its honestly much easier to code and conceptually makes more sense. Honestly, scope and the digest cycle was a pain in ng1 when i look back. Directives were written in huge messes of useless parameters. You can also generate components and services and routing etc with the angular-cli and get skeletons of compents in a second which are so much faster to make than old directives. Plus each one can have its own css file or styling right in the component class! Just take a breath and make a couple quick apps with it and youll see it really is better man. But the templates are ugly with so much syntax on top of their html.

[@abathur2438]

angular 2 is much better...