Adventures in Angular

Sponsors

• Sentry use the code “devchat” for 2 months free on Sentry small plan
• Angular Bootcamp
• TripleByte offers a $1000 signing bonus
• Cachefly

Panel

• Ward Bell
• Shai Reznik
• Alyssa Nicoll
• Aaron Frost
• Joe Eames

SummaryJoe Eames introduces a fun panel only show, “The Show about Nothing”. The panel starts by sharing podcast behaviors that bother the members of the panel. Between anecdotes and humor, the panel shares what they are looking for in a guest to their podcasts. The panel engages in a playful debate about the pronunciation of “angular”. Shai Reznik introduces the more serious topic of state management. The jokes continue as the panel discusses the best way to handle state management and change detection.Links

• https://www.ng-conf.org/
• https://www.facebook.com/adventuresinangular
• https://twitter.com/angularpodcast

PicksWard Bell

• https://netbasal.com/why-its-time-to-say-goodbye-to-angular-template-driven-forms-350c11d004b

Shai Reznik

• Dad breast milk
• https://blog.angularindepth.com/the-three-pillars-of-angular-routing-angular-router-series-introduction-fb34e4e8758e

Alyssa Nicoll

• https://www.angularconnect.com/
• https://angulardenver.com/

Aaron Frost

• Power Watch 2

Joe Eames

• Swig
• The Mentalist

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Sponsors

• Sentry use the code “devchat” for 2 months free on Sentry small plan
• Angular Bootcamp
• TripleByte offers a $1000 signing bonus
• Cachefly

Panel

• Charles Max Wood
• Aaron Frost
• Joe Eames

Joined by Special Guest: Michael HartingtonEpisode SummaryAaron Frost introduces a RxJS as a trend that is also a fundamental for angular. Aaron Frost  shares his experience at ng-conf where the community was polled, and the topic most people wanted to learn was RxJS. Charles Max Wood brings up a previous podcast where Ward Bell predicts this trend, sharing the opinion that angular developers must know RxJS to be successful. The panels discusses the need to be reactive in Angular and the need to react to this trend by learning RxJS. Michael Hartington and Aaron Frost share an examples to show how RxJS simplifies the work.The panel discusses the switch from NgRx or RxJS, and a few things that might help someone looking to switch. Panelists share how they learned RxJS and how it helped them, even if they were reluctant to learn it. They finish by sharing resources they found helpful in learning RxJS.Links

• https://devchat.tv/adv-in-angular/rxjs-with-angular/
• https://thinkster.io/
• https://www.ng-conf.org/
• https://twitter.com/Michael_Hladky
• https://rxjs.dev/operator-decision-tree
• https://github.com/MikeRyanDev
• https://twitter.com/mikeryandev
• https://github.com/johnlindquist
• https://staltz.com/blog.html
• https://blog.rangle.io/author/yuri/
• https://github.com/bent
• Michael Pearsons Blog
• https://twitter.com/brandontroberts
• https://github.com/brandonroberts
• www.facebook.com/adventuresinangular
• https://twitter.com/angularpodcast

Picks Michael Hartington

• Harmonquest

Joe Eames

• Gravity Falls
• Dungeons and Dragons

Charles Max Wood

• Podfest
• Go out and meet awesome people in the angular community

Aaron Frost

• Captain Crunch - Crunch Berries

Special Guest: Mike Hartington.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Sponsors

• Sentry use the code “devchat” for 2 months free on Sentry small plan
• Angular Bootcamp
• TripleByte offers a $1000 signing bonus
• Cachefly

Panel

• Alyssa Nicoll
• Aaron Frost
• Charles Max Wood

Joined by Special Guest: Vitalii BobrovEpisode SummaryThe panel interviews Vitalii Bobrov, who recently wrote an article on his blog called “Angular Smart 404 pages”. It is about the Levenshtein distance algorithm and it's uses and implications in working with 404 pages. Vitalii Bobrov explains what a 404 page is and how it is often times due to typos on the users part. He also goes onto explain the Levenshtein distance algorithm and how it can help guide users to the correct site. Vitalii Bobrov shares how he came up with the idea of using the Levenshtein distance algorithm with 404 pages. Charles Max Wood and Aaron Frost ask some very insightful questions on how the algorithm works and how to apply these ideas to their work. They jokingly share ideas on what Vitalii Bobrov could do with this idea.Links

• https://github.com/vitaliy-bobrov
• https://twitter.com/bobrov1989
• Vitalii Bobrov's Blog
• https://www.facebook.com/adventuresinangular/
• https://twitter.com/angularpodcast

PicksCharles  Max Wood:

• ATR2100
• AOC Monitors

Alyssa Nicoll:

• Web Typography Newsletter

Aaron Frost:

• Michael Cohen's Testimony 
• Huawei Mate X

Vitalii Bobrov:

• Trekhleb Javascript Algorithms

Special Guest: Vitalii Bobrov.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Sponsors

• Sentry– use the code “devchat” for $100 credit
• Triplebyte - offers a $1000 signing bonus

Panel

• Alyssa Nicoll
• Joe Eames
• Charles Wood

Special Guest – Andrew EvansEpisode SummaryCharles Wood, Alyssa Nicholl, and Joe Eames discuss guest speaker, Andrew Evans’s article on “How to Deploy to Firebase”.  The article discusses how Continuous Integration and Delivery (CircleCI) and Firebase serve as alternatives to older pipeline technologies such as Jenkins and AWS. Andrew Evans talks about the versatility of Firebase CLI utility and its use as a platform for younger developers with little experience on CI/CD or any type of cloud deployment. It took Andrew a year to get proficient in Jenkins whereas with CircleCI he had a much easier learning curve. Andrew then mentions another article he wrote entitled “How the AngularFire Library makes Firebase feel like Magic”.They also discuss whether CircleCI matches up to Jenkins on a larger scale workflow deployment. Andrew gives the example of a weather app named “Goose Weather” he is working on that uses “NgRx” that has a more robust workflow. He mentions that initially he was working on it for a CapitalOne blog but then took it up as a side project and started working on it by himself. They decide that even though Jenkins owns the market on large scale workflows, CircleCI’s ease of use is a very strong feature. Andrew also mentions that although he didn’t have a chance to test CircleCI on a high-level enterprise project, he feels that it would be a good experience. They also briefly compare the Jenkins and CircleCI on ease of rollbacks and license fees.Shai shares his own experience of how he also really likes Netlify because it automates the commit process like CircleCI. They briefly touch on DevOps.Andrew shares his own experience using CircleCI to do deployments to AWS. He feels the documentation and the blogs really help with the learning process. Andrew explains the meaning of:

• EWS: Elastic Container Service
• ALB: Application Load Balancer
• ELB: Elastic Load Balancer”

The panelists jokingly wonder whether Andrew should give them 50% of his profits from the weather app Goose Weather because he basically outed himself to CapitalOne on the show by revealing he was working on it on the side.     Links

• Deploying to Firebase with CircleCI
• https://blog.angularindepth.com/how-the-angular-fire-library-makes-firebase-feel-like-magic-1fda375966bb
• https://goose-weather.firebaseapp.com/weather
• https://github.com/andrewevans02
• https://twitter.com/AndrewEvans0102
• https://rhythmandbinary.com/
• https://medium.com/@andrew_evans
• AIA-099-firebase-and-angularfire2-with-david-east-and-jeff-cross/

PicksShai Resnick:

• http://exploringjs.com
• https://youtu.be/gwlevtaC-u0

Joe Eames:

• Movie: Alita: Battle Angel
• https://www.youtube.com/watch?v=w7pYhpJaJW8

Charles Wood:

• The Checklist Manifesto: How to Get Things Right by Atul Gawandi
• The Effective Executive by Peter Drucker
• https://www.2000books.com/-by-Mani-Vaya

Andrew Evans:

• Artemis by Andy Weir
• https://www.traversymedia.com/

 Special Guest: Andrew Evans.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Sponsors

• Sentry use the code “devchat” for 2 months free on Sentry small plan
• TripleByte offers a $1000 signing bonus

Panel

• Alyssa Nicoll
• Joe Eames
• Charles Wood

Episode SummaryThis weeks panel, Charles Wood, Alyssa Nicholl, and Joe Eames discuss 2 articles: 1st The Great Divide by Chris Coyier and 2nd Tales of a Non-Unicorn by Laura Schenk. These articles tell of the broad meaning for “Front-End Web Developer” talking of how “HTML + CSS along with JavaScript” all fall under the same title causing confusion with job interviews and even once a developer gets into the job. It is neat to hear perspectives of Alyssa Nicholl and Joe Eames together as Alyssa is more on the HTML/CSS side of Web Dev and Joe Eames is more with the JavaScript side.The panel also discusses difficulties with interviewing for jobs. Charles Wood leads a discussion on what the interviewers could improve on in hiring the people they actually want. The panel shares experiences of not getting jobs for reasons that are not super valid. They also touch on the pay difference between the 2 sides of the “WebDev” job description.Links

• The Great Divide by Chris Coyier
• The Refactoring UI Youtube
• Tales of a Non-Unicorn: A Story About The Trouble with Job Titles and Descriptions
• Why Everyone Is Fighting About CSS/UX and JS
• Economics
• CodePen Job Posting 

PicksJoe Eames:

• The Refactoring UI Youtube
• The Refactoring UI
• Steve Schoger Twitter
• NestJS

Charles Wood:

• The Checklist Manifesto: How to Get Things Right by Atul Gawandi

Alyssa Nicoll: 

• 100 Days CSS Challenge

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Sponsors

• Sentry- use the code “devchat” for $100 credit
• Angular Bootcamp
• Triplebyte 
• CacheFly

Episode Summary   In this episode of Adventures in Angular, the panelists talk with Kevin Kreuzer on source maps. Kevin is a freelance Software Engineer from Switzerland and currently is a part of the frontend architectural team for a company called Schaltstelle. He also regularly writes blog posts on Angular topics, contributes to opensource projects and is the co-founder of a startup – Trasier.Kevin talks about what led to the development of source maps, how they are generated and explains their working in detail. He elaborates on various approaches of deploying source maps to production without revealing the source code and gives tips on solving issues that come up. The panelists discuss about using these maps for templates (CSS, HTML, etc.) and briefly touch on NestJS.Links

• Kevin on Medium
• Kevin’s Twitter
• Kevin’s blog - Angular in Depth

PicksShai

• NestJS
• Capturing stage in events
• Why We Sleep

Alyssa

• Angular Air - Dry Forms with Sander Elias

Charles

• HubSpot 
• Eero 

Kevin

• Trasier
• Uphill Conference - Bern, Switzerland
• Enhancement for Medium stats

Special Guest: Kevin Kreuzer.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Sponsors

• Sentry use the code "devchat" for $100 credit
• Angular Bootcamp

Panel:Alyssa NicollCharles Max WoodSpecial Guest - Mike HartingtonIn this episode of Adventures in Angular, the panelists talk with Mike Hartington, who is a Developer Advocate at Ionic. They talk in depth about the recently released version of Ionic, future projects the Ionic team is working on and what’s out there for Angular developers.Show Notes:0:22 - Advertisement - Sentry - Use code “devchat” to get two months free on Sentry’s small plan.1:21 - Mike introduces himself briefly and explains what exactly Ionic is.3:15 - Charles asks about the new features of the recently released Ionic version 4.0. Mike explains that even though they love Angular, they wanted to decouple from any full framework like that and ship the components as JavaScript web components and then provide wrappings from any available framework. They spent a year on working on it and tried to double down on framework specific tooling.5:50 - Charles asks if Alyssa has worked on Ionic. She answers that she hasn’t but has heard a lot of good things about it. She asks Mike if Ionic is the same as NativeScript. While explaining the difference, Mike replies that the team likes to work on the web technologies’ side, so even if Ionic is deployed on any available OS, everything is rendered in the browser. Charles also talks about the differences between NativeScript and Ionic.7:38 - Alyssa asks if there is any specific popular framework or groups of people using Ionic. Mike answers that a lot of their user base consists of Angular developers, but they are seeing growth elsewhere too.8:40 - Charles mentions that people like the fact they don’t have to learn different technologies for different platforms while developing apps, and prefer to do it by porting work from one platform to another. Mike agrees while saying that Ionic is a great option for that and it comes with a decent UI.9:30 - Charles asks about Electron, if it’s the same codebase. Mike answers that Electron is quite new to them, but they are building an option for the native compiler that solves many technical issues and introduces new ideas on how to work with common APIs for IOS, Android and Electron.12:02 - Alyssa asks how does Ionic compare to various UI themes and whether it can be customized. Mike answers that they have two themes - an iOS theme and a default material design theme. He says that they also have an option of creating custom themes using CSS variables.13:30 - Charles asks if they have an update to the UI builder as well. Mike answers in affirmative and explains that they are working on a tool called Studio and proceeds to give some historical background on how they got there. He elaborates on the features of Studio.15:40 - Alyssa asks if the tool is still under development or they are ready to start using it. Mike answers that a small group of users is using it and they are focusing on enterprise users currently.16:50 - Charles asks about the next steps after Ionic 4.0. Mike explains in detail says that they want to work on some Angular tooling and on maintaining an update schematic.18:17 - They discuss on how having different options help developers and users make flexible decisions leading to better products.19:15 - Mike says that he is going to be at VueConf in Florida in March and Ng-Conf in Salt Lake City, and he is active on Twitter, Reddit and Instagram.22:36 - Charles asks if there is any tutorial on Ionic for beginners. Mike asks users to search for “Ionic 4 Crash Course” - a 15-minute video encapsulating everything that they need to get it up and running.22:35 - Advertisement - Angular Bootcamp 24:20 - Picks!28:04 - END - Advertisement - CacheFly!  Picks:Alyssa

• dto

Charles

• Modern Medicine
• Keeping perspective on things in general

Mike

• Tidying Up with Marie Kondo
•  

Special Guest: Mike Hartington.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Sponsors

• Sentry use the code “devchat” for $100 credit
• Angular Bootcamp
• TripleByte

Panel:

• Charles Max Wood
• Joe Eames
• Ward Bell
• John Papa

Special Guest:  Eyas SharaihaNotes:This episode of Adventures in Angular has the panelists speaking with Eyas Sharaiha, who is a software engineer working for Google, working primarily with Google Maps . Eyas mostly does back end and infrastructure work, which gives him an interesting view of Angular. The panelists and Eyas discuss his article Data and Page Content refresh Patterns in Angular. Eyas talks about the most common mistakes he sees in using Angular, namely transforming observables and then subscribing to them too early or too late, and putting certain kinds of data transformations in places where they end up making the code a lot less clear. His approach in his articles is to walk readers through with trial and error, rather than laying down some sort of law. Eyas lays out how he deals with changes in Angular, naming the three best things to do to use Angular and RXJS correctly, emphasizing the importance of looking for side effects. His rule of thumb is that if the observable does anything other than the data it is admitting, then something is probably wrong. The panelists go on to discuss the usefulness of observables. The ask Eyas what the most common code smells he finds in angular apps that frequenly use observables and how he would correct people. Eyas again emphasizes side effects or mutation as a sign of a deeper problem, cautions people against bending over backwards to use an observable, and discusses the importance of unpacking an observable at the correct time. He encourages listeners to try out the ergonomics of AsyncPipe to combine observables where possible, and the importance of using observables correctly. The shift in Angular becoming more about learning RXJS and non-Angular things than it is about Angular is discussed and length, as well as the difficulty to relate Angular to other things. Eyas feels that this trend has taken away some of the magic of Angular. In fact, NG Conf’s annual survey revealed that the top struggles are RXJS and architectural guidance. The panelists emphasize that programmers should ask themselves why they are doing things this particular way, and to seek creative solutions using different types of programming, such as procedural, reactive, idiomatic, and object oriented programming. Terms:

• Observables
• RxJs
• Async pipe
• TypeScript
• Reactive programming
• Inheritance
• NGRX

Picks:Joe Eames

• Talk List over at NG Conf
• Five Minute Marvel

John Papa

• http://realtalkjs.com

Ward Bell

• https://auth0.com/blog/ngrx-facades-pros-and-cons/

Charles Max Wood

• http://libsyn.com 
• Purple seat pad
• vrbo.com

Eyas Sharaiha

• Schema-DTS – TypeScript library for Schema.org
• Bad Blood

Special Guest: Eyas Sharaiha.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Sponsors

• Sentry use the code “devchat” for $100 credit
• Angular Bootcamp
• TripleByte
• Cachefly

Panel

• Joe Eames
• Aaron Frost
• Alyssa Nicoll
• Ward Bell

Joined by Special Guest: Ben NadelSummaryBen Nadel introduces the irrational demonization of two-way data-binding in Angular as a topic for the panel. The panel discusses the survey that put Angular in a poor light and favors React; acknowledging that a fair survey is hard to find. The panel considers how technologies that are now out of favor changed the web. The panel compares Angular to other frameworks and considers what to they can do about other frameworks. Ward Bell invites the panel to try other frameworks and find what is beautiful, not just ignore them or diss unknown frameworks. Ben talks about his companies move away from Angular and the opportunity this presents for him to learn about other frameworks.Links

• https://www.invisionapp.com
• https://www.bennadel.com/
• https://github.com/BenNadel
• https://twitter.com/BenNadel
• https://www.facebook.com/adventuresinangular/
• https://twitter.com/angularpodcast

PicksJoe Eames

• https://www.ng-conf.org/
• https://elm-lang.org/
• Felt
• https://thinkster.io/

Aaron Frost

• https://blog.angularindepth.com/connecting-the-dots-where-hard-work-and-dreams-can-lead-you-2e8ef44096b

Ward Bell

• Learn how to sharpen a pencil

Ben Nadel

• http://icon.no.sh/
• https://www.netlify.com/
• The Marvelous Mrs. Maisel
• http://freakonomics.com/
• https://www.npr.org/podcasts/510308/hidden-brain
•  

Special Guest: Ben Nadel.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Sponsors

• Sentry use the code "devchat" for $100 credit
• Angular Bootcamp
• TripleByte

Panel

• Charles Max Wood
• John Papa
• Ward Bell

Joined by Special Guests: Uri Shaked and Netta BondiEpisode SummaryNetta is a senior web developer at a startup called Reali, although her degree is in social work. She also co-founded the largest community of women in research and Development in Israel. Netta and Uri are here to talk more about the talk they gave at FrontEnd Con about Angular Ivy and React Fiber. They share how this talk came to be. Uri and Netta compare Angular Ivy and React Fiber, which take different approaches to managing the cycle of code. The panel discusses whether or not there is an advantage to digging into the framework.Netta and Uri talk about some of the processes they explored while investigating Angular Ivy and React Fiber. They share techniques for not getting lost in the source code and delve into some of the differences between Angular Ivy and React Fiber. Through their investigations, they learned that the primary difference between the two is in the event delegation pattern. They advise that when deciding which technology to use, companies should consider which one will be easier to hire new employees for.The panel discusses whether or not big tree frameworks have become a commodity. Most new frameworks focus on making builds smaller and faster, but they would like new frameworks to have more benefits than just speed. The show is finished by Uri and Netta sharing how to track features down in Angular Ivy and React Fiber.Links

• Angular Ivy
• React Fiber
• Virtual DOM
• Incremental DOM
• Ajax
• jQuery 
• Lin  Clark - A Cartoon Intro to Fiber - React Conf 2017
• Netta Bondy & Uri Shaked - React Fiber vs. Angular Ivy / FRONTEND CON 2018

Follow DevChat on Facebook and Twitter PicksCharles Max Wood:

• Package Thief vs. Glitter Bomb Trap
• Help Charles move Devchat from WordPress to Eleventy and get an hour of coaching. Write show notes for 3 episodes and tag it, Charles will do an hour of coaching with you.

John Papa:

• NG Atlanta

Ward Bell: 

• BlacKkKlansmen

 Uri Shaked:

• NG Atlanta
• Why We Sleep
• Uri is on Twitter as @UriShaked and github (urish)

Netta Bondi:

• Hassan Minaj: Homecoming King
• Iliza Shlesinger: Elder Millennial
• Netta is on Medium and Twitter (@_bondit_)

  Special Guests: Netta Bondy and Uri Shaked.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.