Angular Air

How Service Workers will change the way you think about web apps Panelists: Ari Lerner, Olivier Combe, Gleb Bahmatov Guests: Minko GechevShow notes: What Gleb and Minko have been up to lately What is Service Worker? Any relation to Web Worker?Are there other types of workers?  Do they all rest on Sundays? Differences with appCache What is the current browsers support? Can you use polyfills? How can they be used? You can find how existing websites use them right now by opening chrome://serviceworker-internals/and clicking on script urls              Smartcache and offline support Image or video transcodingon the fly Background data sync andpush messages Instant application restartfrom last known HTML (bottle-service) Transpiling code(babel-service) Even running server-sideJavaScript server in the browser (express-service) What are Progressive Web Apps?       angular/progressive What will mobile look like in 5 years when serviceworkers are fully supported? When should we use service workers? When shouldn’t we

Using Web Workers for High Performance Angular 2 Web Apps   Panelists: Olivier Combe, PatrickJS, Dmitry Guest: Jason Teplitz     Who are you? What are web workers? What is the support level in different browsers? Web worker polyfills? What types of tasks in general are web workers good for? How will web workers be integrated into Angular 2? Do you think that we will get to a point where a majority of your app is run in web workers by default? How can you make your code work when you use third party libraries not meant for that? How web workers handle internal file imports, and loading additional files possible with system.js? (currently it is loading additional files several times, and this slowdowns application start time, sample: check network tab here: http://www.syntaxsuccess.com/angular-2-samples/components/web-workers/web-worker-demo.html ) Will it improve or should we bundle web workers code? What are the downsides of using web workers? Web workers are bringing real mul

Angular Universal Intros for new people  History: Jeff’s story with GetHuman, Jeff and Patrick join forces, Getting Universal project going  Why Server Rendering? SEO Performance Browser support Preview (i.e. Facebook, etc.) Cache  Why Universal? Why not just use service workers? 2 modes of server rendering Can you use it to generate static websites? (Olivier) Pre-rendering vs re-rendering Diff between “universal” and “server rendering” Abstracting out your environment   How does it work? (not preboot) Angular 2 Core Rendering Engine (NativeScript, WebWorker, etc.) Universal bootstrap process Preboot What is left before release? Production-ready Documentation Critical 3rd party services Multi-app support Performance Future Non-node.js back ends Crazy caching Partial page rendering and streaming Ng-conf 20 minutes Focused on patterns (i.e. how to deal with common challenges when building universal app)   Tips & Picks PatrickJS Ng-Co

Angular 2 testing using Protractor, Karma and more withJulie Ralph   Panelists: PatrickJS, Ed Conolly Guests: Julie RalphOutline Background Testing landscape Firstquestion...Jasmine or Mocha? j/k Seriously, though, give us a layout of the testinglandscape. What are the major tools/libraries involved in testing an Angular 2web app? When do you use Karma vs Protractor How has the landscape evolved over theyears? What is new with the latest Karma and Protractor? New world of JavaScript How doyou deal with the build process and testing? Webpackor System offer advantages for testing? Are thereare special features in Karma or Protractor for Angular 2? Testing as a discipline How doyou get developers to actually write tests? Why don’tdevelopers write tests? How doyou maintain discipline over time? Generalguidelines for testing to follow? Anythoughts or experiences with BDD / CucumberJS and protractor? Testing strategy When doyou use unit tests vs integration tests vs e2e (and server vs browser) MockedAPIs vs Real A

Using React Native with Angular 2 Panelists:Ari Lerner, Michael Cox Guests:Mark Laval#main-content Whoare you? Whatmotivated you to create this project? Howdoes it work? Whereis the line between ReactNative and Angular 2? Howmuch code can you re-use with other Angular 2 apps? Areyou able to leverage all the ReactNative tooling? Arethere any advantages to using this solution over: ReactNativewith React NativeScriptwith Angular 2 Hybridapps Nativeapps Whatdo you think about Angular 2? Arethere any patterns in Angular 2 that are well suited to React Native (ex.Redux, reactive, etc.) Hasanyone else started using your project yet? Whatissues have you or do you see with your approach? Whatadvice would you give someone who wants to get started working with RN andAngular 2? Whatdoes the future hold?   Links: https://github.com/angular/react-native-renderer https://github.com/mlaval/poc-angular-react-nativeTips &Picks AriLerner Fullstackreact.com JeffWhelpley AngularSurvey https://angular.io/survey ChangeDetection

Why Ionic 2 is going to rock your world Panelists: Olivier Combe, PatrickJS, Josh Moont (fromAngularConnect) Guests: Adam Bradley, Brandy Carney, Tim Lancina, Mike Hartington#main-content Intro Ionic 2 Beta How is it going? Any numbers you can give us for adoption rates so far? https://www.npmjs.com/package/ionic-angular Just switched from ionic-framework npm to ionic-angular https://www.npmjs.com/package/ionic Any notable apps published with Ionic 2? Navigation Create own router How does it work on the web? Work with deep linking? Work with UI Router or Component Router in the future? Jeff note: mention working with universal Cool stuff Ionic team has been working on: Ionic Creator Started off with subset of functionality. How has it gottenbetter over the past 4 months? Works much better Cleaned up a lot of bugs Added more components and customizations Way better now than 4 months ago and more polished,stabilized Who is the target audience for this? Two target, drastically different Developers to speed up

Is NativeScript the holy grail for mobile development? Sponsors: Auth0, Thoughtram Panel: Olivier Combe, Nathan Walker, Ari Lerner Guest: TJ VanToll, Jen Looper#main-content Intros What is NativeScript? What problem is it trying to solve?            What makes NativeScript unique? Accessing all APIs through JavaScript How does NativeScript integrate with Angular 2? Discuss setting up a cookbook for {N} + ng2 similar to whatangular team recently published: https://angular.io/docs/ts/latest/cookbook/ Any story of sharing code between the web and mobile? NativeScript for the Web https://github.com/NativeScript/NativeScript/issues/1612  Comparisons NativeScript vs Ionic? Can you turn an Ionic app into a NativeScript app? NativeScript vs React Native How does it differ from something like fusetools.com orflutter.io?  What does the future hold? (Angular

Full-stack Reactive Programming using Angular 2 + Meteor   Panelists: Dmitriy Shekhovtsov Guest: Uri Goldshtein#main-content●     Intro ○     Who is Uri? ○     What is Meteor? ●     Meteor view layer ○     Will Blaze eventually go away in favor of React andAngular? ○     Is React or Angular getting more traction in the Meteorcommunity? ○     What about Angular makes it a good fit as a view layerfor Meteor? ●     Server rendering ○     How does server rendering work with Angular 1 Meteor? ○     Have you looked into integrating Angular Universal? ●     What is the Future of Meteor? ●     How does Angular Meteor compare to: ○     Firebase ○     RelayWrap Up●     Upcoming shows: ○     March 1st - NativeScript ○     March 8th - Ionic 2 ○     March 15th - React NativeTips & Picks  ●     Dmitri ○     http://neo4j.com/blog/open-cypher-sql-for-graphs/ ●     Jeff Whelpley ○     new sponsors: Auth0 and Thoughtram ○     AngularConnect.com ●     Uri ○     GraphQL http://info.meteor.com/blog/reactive-graphql ○     Gut

53 ngAir - Angular 2 Reactive Redux with Victor Savkin and Dan Abramov    What is state? Is there a difference between UI state and persisted state?   What problems do people run into with state? Why is it hard to manage state? How to keep the state on the client in sync with the state on the server?   What are the popular patterns for managing state? What is used in Angular 1? Difference between the core ideas and implementations What does unidirectional mean?   What is Redux? Benefits of redux and similar patterns Is redux for sync state updates only and is making an HTTP request considered a non-pure inside   a reducer function? What is ngrx? How is the reactive version of redux different than traditional Redux?  What are your feelings on setting change detection strategy to OnPush? How would one go about debugging the state changes in Angular2?   Other general questions Thoughts on cycle.js? There is a pattern in Redux if you have the same object in multiple places, you use _id in

IoT Hangout URL: https://hangouts.google.com/call/hlfajots7uwohxjlpphdk7pkrua First 5-10 mins Intros Guests: Zach Dunn, Atticus White Panelists: PatrickJS, Gleb Bahmutov, Ari Lerner Announcements Upcoming shows: Thursday November 11th - Angular 2 Reactive Redux with Victor Savkin, Dan Abramov and Rob Wormald #topics Intro What is IoT? Atticus: The “Things” in Internet of Things Smart devices (“dumb” hardware embedded with “smart” electronics, ie: Hue Lights) Information providing devices (sensors, ie: motion sensor) Service that ties it all together  Atticus: How IoT fits into the JS ecosystem. A comparison of the event driven characteristics found in both Javascript and the IoT environment. IoT support in the open source community.  Zach: How we think about IoT application development: Personify rooms and devices, enable them to answer questions. Environment data (i.e. sensors, occupants) result in frequent I/O for apps. Lot of states to track.  Atticus: Some IoT labs worked on Grocery l

51 ngAir - Getting Past the Angular Learning Curve with Pascal Precht   What’s the story behind Thoughtram? What’s in a name? Overall Philosophy Why did you decide to teach? What is your approach to teaching? How do people learn? How many workshops do you give per month? Does it get tedious to teach the same thing to people over & over? Angular 1 Are you still doing Angular 1 training? What was hardest thing for people to grok with Angular 1? Angular 2 Do you see mostly people coming from Angular 1 or people totally new to Angular? What is the hardest thing for people to grok with Angular 2? How do you teach *ngFor in a way that makes sense for developers? Harder/easier to teach/learn than Angular 1? How do you manage staying involved in so many different projects? How is it to be a digital nomad? How long did it take until you could leave your daily jobs & work on Thoughtram full time? What do you think about Merrick Christiansen’s comments about not needing DI anymore since he has g

TypeScript Deep Dive with Alex Eagle and Blake Embrey Sure, you can write Angular 2 in ES6 with Babel or even ES5, but most developers that try out TypeScript with Angular 2 never look back. Alex Eagle is on the Angular core team at Google and has been doing a lot of work to make sure Angular 2 works well with TypeScript. Blake Embrey is the creator of ts-node and a huge TypeScript enthusiast. Even if you have concerns about typing in JavaScript, listen to this episode to get the low down on why TypeScript rocks and how it is going to help you to build awesome apps in Angular 2.    Picks •                Alex Eagle http://www.typescriptlang.org/Playground https://basarat.gitbooks.io/typescript/content/ [TrumpScript] (https://github.com/samshadwell/TrumpScript) [Broccoli] (http://broccolijs.com) [ts-node] (https://github.com/TypeStrong/ts-node) •                Olivier Combe Links: Managing state in Angular 2 applications by Victor Savking: http://victorsavkin.com/post/137821436516/managing-stat

What's new in RxJS 5.0? with Ben Lesh - RxJS is red hot right now in the JavaScript community and it is only going to get hotter once Angular 2 lands. Ben Lesh is a Senior UI Engineer at Netflix and is one of the core contributors to RxJS and has been focusing on the latest release (currently in beta) which is largely a rewrite. If you are unfamiliar with RxJS, join us to hear about the basics of Reactive Programming. If you have already started to us RxJS, join us to learn about all the cool changes coming with 5.0. This is one episode you are not going to want to miss! Panelists: Aimee Knight, Olivier Combe and PatrictJS Picks/Tips: Olivier - Everything is a Stream, Front end newsletter, A developer's guide to interviewing Aimee - Introduction to Reactive Programming - Egghead.io Jeff - Angular Universal Patrick - Read the Source: Angular Universal Ben - TC39 considered Observable spec, RxJS 5 repo, RxJS 5 docs, Netflix jobs and culture deck Angular Air is a video podcast all about Angular host

Why empathy will make you a better developer with Joe Eames - One of the most amazing members of the Angular community joins us to talk about understanding your teammates and creating an awesome work environment. Panelists: Aimee Knight and PatrictJS Picks/Tips: Aimee - Introduction To Transpiler Jeff - Angular 2 and Redux Patrick - RxJS 5.0, FalcorJS Joe - Brene Brown Ted Talk, How to talk so kids will listen, Littlebits Angular Air is a video podcast all about Angular hosted by Jeff Whelpley. Please visit the Angular Air website (http://angularair.com) to see upcoming and past episodes. Also be sure to follow Angular Air on Twitter and Google+ to stay up to date with future episodes. Also, all episodes are on the YouTube channel as well. AngularClass Learn AngularJS, Angular 2, and Modern Web Development form the best. Looking for corporate Angular training, want to host us, or Angular consulting? twitter: @AngularClass email: info@angularclass.com chat: Join AngularClass Chat --- Suppo

How to become an open source contributor - Welsey Cho and Jesus Rodriguez from the ng-bootstrap team join us to talk about how and why you should get into open source development. Panelists: Olivier Combe, Aimee Knight and PatrictJS Picks/Tips: Jesus - FOSS Tips, Thoughtram Blog, [Merging vs Rebasing]( https://www.atlassian.com/git/tutorials/merging-vs-rebasing/) Olivier - Sebastian MacKenzie Year in Review, Webpack Angular 2 Starter, There will be blood, Jeff's response Aimee - Frontend Masters Advanced Javascript, JS Remote Conf Patrick - Docker Jeff - Pete Bacon Darwin AngularU talk on OSS Angular Air is a video podcast all about Angular hosted by Jeff Whelpley. Please visit the Angular Air website (http://angularair.com) to see upcoming and past episodes. Also be sure to follow Angular Air on Twitter and Google+ to stay up to date with future episodes. Also, all episodes are on the YouTube channel as well. Learn AngularJS, Angular 2, and Modern Web Development form the best. Looking for corporate Ang

The panel talks about what will happen to Angular and JavaScript in general in 2016. Panelists: Aimee Knight, Olivier Combe and PatrictJS Picks/Tips: Aimee - JavaScript Developer Survey Results Jeff - Angular 2 Survey Results, Jeff's 2015 predictions Patrick - ng-nl Angular Air is a video podcast all about Angular hosted by Jeff Whelpley. Please visit the Angular Air website (http://angularair.com) to see upcoming and past episodes. Also be sure to follow Angular Air on Twitter and Google+ to stay up to date with future episodes. Also, all episodes are on the YouTube channel as well. AngularClass Learn AngularJS, Angular 2, and Modern Web Development form the best. Looking for corporate Angular training, want to host us, or Angular consulting? twitter: @AngularClass email: info@angularclass.com chat: Join AngularClass Chat --- Support this podcast: https://anchor.fm/angularair/support

The Best Angular Productivity Tips - Ari Lerner, author ofng-book joins us to talk about developer productivity.Panelists: Aimee Knight and PatrictJSPicks/Tips:Ari - ng-book 2, spacemacs, Web ComponentsAimee - Auth 0 BlogPatrick - WebpackJeff - TrackJS, Star Wars talkAngular Air is a video podcast all about Angular hosted by Jeff Whelpley. Please visit the Angular Air website (http://angularair.com) to see upcoming and past episodes. Also be sure to follow Angular Air on Twitter and Google+ to stay up to date with future episodes. Also, all episodes are on the YouTube channel as well.AngularClassLearn AngularJS, Angular 2, and Modern Web Development form the best. Looking for corporate Angular training,want to host us, or Angular consulting?  twitter: @AngularClass email: info@angularclass.com chat: Join AngularClass Chat --- Support this podcast: https://anchor.fm/angularair/support

Star Wars - Kyle Newman, director of the Star War-related cult classic movie Fanboys joins the Angular Air crew and special guest Randall Koutnik to talk about Star Wars. No spoilers for episode 7! Also, stay tuned to the end to see a special apperance from Kyle's wife, the actress Jaime King. Panelists: PatrictJS Picks/Tips: Olivier - Star Wars Medley, Star Wars Review Kyle - Fanboys, The Franchise Podcast Angular Air is a video podcast all about Angular hosted by Jeff Whelpley. Please visit the Angular Air website (http://angularair.com) to see upcoming and past episodes. Also be sure to follow Angular Air on Twitter and Google+ to stay up to date with future episodes. Also, all episodes are on the YouTube channel as well. AngularClass Learn AngularJS, Angular 2, and Modern Web Development form the best. Looking for corporate Angular training, want to host us, or Angular consulting? twitter: @AngularClass email: info@angularclass.com chat: Join AngularClass Chat --- Support this podcast:

43.5 ngAir - Angular 2 Beta - The Angular Team stops by to announce the arrival of Angular 2 Beta!!! Also, Thomas Burleson announces the 1.0 release of Angular Material. This show is amazing! Guests: Brad Green, Misko Hevery, Igor Minar, and Thomas Burleson Panelists: Olivier Combe, Aimee Knight, Scott Moss, Carmen Popoviciu, PatrictJS, and Jeff Whelpley Picks/Tips: Brad - Developer News Worldwide Misko - xkcd Igor - http2 Olivier - Auth0 Angular 2 Blog Posts Aimee - Read the Source Carmen - Light Table, Patrick - Angular 2 Beta Jeff - Aerobatic.com, RxJS 5.0 Beta Angular Air is a video podcast all about Angular hosted by Jeff Whelpley. Please visit the Angular Air website (http://angularair.com) to see upcoming and past episodes. Also be sure to follow Angular Air on Twitter and Google+ to stay up to date with future episodes. Also, all episodes are on the YouTube channel as well. AngularAir is sponsored by: AngularClass Learn AngularJS, Angular 2, and Modern Web Development form the best. Looking

Dmitriy Shekhovtsov and Nathan Walker are among the many early adopters of Angular 2. Typically the best way to learn anynew framework is to write code using that framework. Dmitriy wrote ng2-bootstrap, an Angular 2library that wraps Bootstrap. Nathan wrote ng2-image-lazy-loadwhich lets you download images on the fly after your Angular 2 has loaded.Tune in to hear about their experiences and learn the ins and outs of authoring open source libraries on top of Angular 2.Aimee Knight  Tips:Pro tip - say commandPicks:Design Pattern in AngularJeff WhelpleyPicks:The Phantom Menace Should Have BeenElasticSearch elastic.coJurgen Van de MoereTips: Try to find something cool that is not made in Angular 2. Try to port it to Angular 2 and share your journey so others can learn from your learnings and mistakes as well.Picks:How to publish an Angular 2 library on npm by Olivier CombeSeries of interactive exercises for learning Microsoft's Reactive Extensions by Jafar HusainDmitriy ShekhovtsovLinks:Angular2 bootstrap 3 and