Adventures in Angular

SponsorsSentry- use the code “devchat” for $100 creditAngular BootcampTriplebyte CacheFlyEpisode 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.LinksKevin on MediumKevin’s TwitterKevin’s blog - Angular in DepthPicksShaiNestJSCapturing stage in eventsWhy We SleepAlyssaAngular Air - Dry Forms with Sander EliasCharlesHubSpot Eero KevinTrasierUphill Conference - Bern, SwitzerlandEnhancement for Medium statsSpecial Guest: Kevin Kreuzer. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

SponsorsSentry use the code "devchat" for $100 creditAngular BootcampPanel: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:AlyssadtoCharlesModern MedicineKeeping perspective on things in generalMikeTidying Up with Marie Kondo Special Guest: Mike Hartington. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

SponsorsSentry use the code “devchat” for $100 creditAngular BootcampTripleBytePanel:Charles Max WoodJoe EamesWard BellJohn PapaSpecial 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:ObservablesRxJsAsync pipeTypeScriptReactive programmingInheritanceNGRXPicks:Joe EamesTalk List over at NG ConfFive Minute MarvelJohn Papahttp://realtalkjs.comWard Bellhttps://auth0.com/blog/ngrx-facades-pros-and-cons/Charles Max Woodhttp://libsyn.com Purple seat padvrbo.comEyas SharaihaSchema-DTS – TypeScript library for Schema.orgBad BloodSpecial Guest: Eyas Sharaiha. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

SponsorsSentry use the code “devchat” for $100 creditAngular BootcampTripleByteCacheflyPanelJoe EamesAaron FrostAlyssa NicollWard BellJoined 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.Linkshttps://www.invisionapp.comhttps://www.bennadel.com/https://github.com/BenNadelhttps://twitter.com/BenNadelhttps://www.facebook.com/adventuresinangular/https://twitter.com/angularpodcastPicksJoe Eameshttps://www.ng-conf.org/https://elm-lang.org/Felthttps://thinkster.io/Aaron Frosthttps://blog.angularindepth.com/connecting-the-dots-where-hard-work-and-dreams-can-lead-you-2e8ef44096bWard BellLearn how to sharpen a pencilBen Nadelhttp://icon.no.sh/https://www.netlify.com/The Marvelous Mrs. Maiselhttp://freakonomics.com/https://www.npr.org/podcasts/510308/hidden-brain Special Guest: Ben Nadel. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

SponsorsSentry use the code "devchat" for $100 creditAngular BootcampTripleBytePanelCharles Max WoodJohn PapaWard BellJoined 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.LinksAngular IvyReact FiberVirtual DOMIncremental DOMAjaxjQuery Lin  Clark - A Cartoon Intro to Fiber - React Conf 2017Netta Bondy & Uri Shaked - React Fiber vs. Angular Ivy / FRONTEND CON 2018Follow DevChat on Facebook and Twitter PicksCharles Max Wood:Package Thief vs. Glitter Bomb TrapHelp 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 AtlantaWard Bell: BlacKkKlansmen Uri Shaked:NG AtlantaWhy We SleepUri is on Twitter as @UriShaked and github (urish)Netta Bondi:Hassan Minaj: Homecoming KingIliza Shlesinger: Elder MillennialNetta is on Medium and Twitter (@_bondit_)  Special Guests: Netta Bondy and Uri Shaked. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

SponsorsSentry use the code "devchat" for $100 creditAngular BootcampTripleBytePanelJohn PapaAlyssa NicholJoe EamesCharles Max WoodJoined by Special Guest: Chaz GatianSummaryChaz Gatian joins the show to discuss his blog post, “10 Lessons Learned in Enterprise Angular Development”. He starts by defining enterprise and the panel dives into the first point of his blog post about not making boneheaded mistakes. Next, the panel discusses utilizing view components and compare the ways they organize their code. Which touches on a couple more points, bubbling your components and packaging only if you are going to share. Alyssa Nichol asks Chaz about teams developing a fun application and breaking out of the research loop.Linkshttps://blog.angularindepth.com/@Cgatianhttps://blog.angularindepth.com/10-lessons-learned-in-enterprise-angular-development-cc4bd194fcb7https://twitter.com/Cgatianhttps://twitter.com/angularpodcasthttps://www.facebook.com/adventuresinangularPicksJohn Papahttps://medium.com/Alyssa Nichol8th anniversary today!Blow up Christmas At-atJoe EamesThe Quacks of Quedlinburg Renegade Game Studios Spell Smashers, GameCharles Max Woodhttps://mckirdytrained.com/Garmin Forerunner 235 Watchhttps://www.stgeorgemarathon.com/Chaz GatianImproved UX with Ghost Elements + Angular 7 Animations Special Guest: Chaz Gatian. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Panel: - Charles Max Wood- Joe Eames- Aaron Frost- Alyssa Nicoll Special Guests: https://twitter.com/brian_love?lang=en & https://twitter.com/KevinSchuchard In this episode, the panelist talk with today’s special guests Brian Love & Kevin Schuchard! Brian and Kevin work at https://www.briebug.com – check out their employee profiles https://www.briebug.com/briebug-development-team/! The panelist and guests talk about schematics, Angular, AST, and much more!Show Topics:0:00 – https://devchat.tv/get-a-coder-job/ 0:50 – Chuck: Hello! Our panel today is Joe, Aaron, Alyssa, and myself. We have two guests today, and we are going to talk about schematics. Let’s dive into that!1:46 – Guest: Schematics is a library that is coming out of Angular and the Angular Team.The guest gives a definition of Angular Schematics. 2:26 – Alyssa.2:31 – Kevin: The functionality that you are hoping for depends on the CLI that you are on.3:00 – Alyssa: Sorry for diving into the juicy stuff but we forgot to talk about your introductions!3:19 – The guests talk about their backgrounds and introduce themselves to the panel and the listeners.  3:49 – Alyssa.3:54 – Guest continues.4:21 – Panel: Crazy and busy!4:28 – Alyssa.4:31 – Kevin: I am Senior Developer, and I have worked here for a few years. I have had the opportunities to write some schematics for the company and some of my own schematics.4:53 – Alyssa: Aren’t you so proud that you are a “Senior Developer”?!5:10 – Guest and panelists go back-and-forth. 6:23 – Guests: We want people to be familiar with schematics and start their journey with schematics.6:50 – Panel: It’s kind of trippy isn’t that right?7:00 – Guest: Yeah there are hurdles to learning schematics at first – for sure.7:22 – Alyssa: What is AST?7:29 – Guest gives a definition of AST and goes into much detail about this. 10:00 – Alyssa: I think I understand, now, what AST is. Thanks.Alyssa asks the guests a question. 10:14 – Guest answers the question about AST. 10:51 – Guest continues. 11:27 – Panelist is talking about the AST and schematics. 12:03 – Guest: You can read the whole file and using the AST you can figure out where you went to enter the text.12:25 – Alyssa asks a question. 12:28 – Guest: We are not the developers of schematics, but we are just here to share our knowledge. I want to be super clear here.13:39 – Panelist talks about schematics, CLI, and AST. 14:18 – Guest: You don’t have to know all about AST and everything there is to know to get into it. You can build schematics w/o getting into AST. Just to be clear.14:39 – Alyssa asks a follow-up question. 14:41 – Guest continues. 15:57 – Guest: AST has been around for a while – it’s not a new thing it’s kind of an old thing.Guest talks about tools (Code Shift) that Facebook has built that is related to this topic.  17:22 – Guest: Yeah AST has been around for a while.17:28 – Alyssa asks a question about Code Shift.  17:36 – Guest.18:21 – Panel and guest go back-and-forth. 19:51 – Alyssa: You said you really don’t need to get into AST to do schematics – right? (Yes.)Alyssa asks a question. 20:19 – Guest: There are two pieces with schematics and that’s adding of new files and you can decide which pieces of the templates you want to be compiled.21:58 – Chuck: For schematics you mentioned you could drop strings in.Chuck asks a question.22:29 – Guest answers the question with a hypothetical situation. 23:09 – Chuck: I read the article you wrote and I have a question about your article. Tell me about the tree?23:29 – Guest talks about the tree or aka the host. 25:40 – Guest: The tree is a virtual kind of context and it’s not committing all of the changes to the file system. Whether that is adding, deleting, or updating these files.26:10 – Chuck: Makes sense to me.26:15 – Guest continues talking about schematics. 26:53 – Alyssa: https://yeoman.io is a replacement for schematics?27:05 – Guest: It’s a lightweight alternative. 27:33 – https://angularbootcamp.com 28:10 – Chuck: How does one build a schematic?28:16 – Guest answers the question.  30:34 – Panel: What’s the latest thing you’ve built? Talk about that, please.30:40 – Guest: It’s a schematic and took what we’ve learned to set you up for a starter project. It starts with a blank project.32:57 – Panel: You are just talking some lessons learned and you are saying this is how Kevin says to do it. You’ve packaged that up33:26 – Guest: Yep I have found things that work and there isn’t any magic but put these practices together and made a repository to help testing and making schematics.33:55 – Panel and guests go back-and-forth. 34:20 – Chuck: Let’s say I’ve built this schematic and Frosty wants to share it with his friends. How do we do that? How do you share it? Is there some component that you’ve built?35:06 – Guest: It depends on what you are doing with it.36:14 – Chuck: For mass production, though?36:25 – Guest: I think Chuck is wondering about discoverability. Guest continues and he mentions https://github.com/prettier/prettier, extensions, among other things. 37:18 – Guest: I think it’s my favorite about schematics and it’s Kevin’s.37:40 – Guest.38:20 – Guest continues talking about schematics and https://www.ng-conf.org 38:57 – Guest talks about libraries.40:12 – Chuck: Anything else? Do you NPM install it and it’s just there?40:29 – Guest: There are 2 ways to go about it.53:05 – https://www.freshbooks.com END – https://www.cachefly.com Links:- https://vuejs.org- https://jquery.com- https://angular.io- https://www.javascript.com- https://www.python.org- https://reactjs.org- https://www.cypress.io- Yhttps://yeoman.io- http://groovy-lang.org- https://github.com/prettier/prettier- https://www.ng-conf.org- https://brianflove.com- https://www.linkedin.com/in/kevinschuchard- http://blog.briebug.com/building-an-angular-schematic-for-jest-testing- https://brianflove.com/2018/12/12/angular-schematics-tutorial/- https://www.kevinschuchard.com/blog/2018-11-20-schematic-sandbox/ + starter project- https://github.com/schuchard/schematic-starter- https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2- https://leanpub.com/angular-schematics- https://github.com/angular/angular-cli/tree/master/packages/schematics/angular 1- https://github.com/angular/material2/tree/master/src/lib/schematics 2- https://astexplorer.net/- https://www.eventbrite.com/e/evening-of-angular-2019-tickets-52323800897- Example Schematic project with Sandbox: (Written by Kevin)- https://github.com/briebug/jest-schematic- https://github.com/schuchard/prettier-schematic- https://github.com/briebug/ngrx-entity-schematic- https://github.com/blove/schematicsSponsors:- https://angularbootcamp.com/- https://www.cachefly.com-Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Panel: - Charles Max Wood- John Papa- Aaron Frost Special Guest:  Juan HerreraIn this episode, the panelists talk with today’s special guest, Juan Herrera. The guys talk about community and how the Angular community is different than others out there. The following topics are discussed: calls for proposals (CFP), talking at conferences, Meetups, and reaching out to others within the same field as yours. The team emphasizes how meeting and networking not only creates great business connections, but great lasting friendships, too! Check it out!Show Topics:0:00 – Advertisement: https://angularbootcamp.com 0:52 – Chuck: Hello! Our panel is Eric, John, and myself. Our special guest today is Juan Herrera!1:00 – Panel and guest go back-and-forth. 2:28 – Chuck: Let’s discuss how to think about community locally, nationally, and internationally!2:39 – Guest talks about his background and his work in Columbia.  4:00 – Aaron: I will give my talk in Spanish and it will be epic. I think we should start a hashtag “bonniemademedoit.”Aaron is talking about Bonnie and how she’s inspired Juan and many, many people. 5;18 – Chuck: She is so enthusiastic about this stuff you have a hard time telling her “no.”5:32 – Guest.6:00 – Panel: I am proud that she is apart of our community, which is our topic today.6:26 – Guest: Yes, I think these conferences help make people pumped-up about these sort of things.6:53 – Chuck: I am curious when talk about community – talking about global communities they are similar to other Meetups and incorporate their own way of doing things. How do you find that your particular area is unique in its own way?7:32 – Guest: When we start this community I want to see what’s already out there? Once I know that I was trying to mimic what was already out there. In addition to that I went out of my way to figure out how to make people feel welcomed and find our own niche.10:27: Panel: Hey – let’s create a community! I think sometimes it’s deliberate and other times it just happened. It sounded like you were very intentional. How did you get people involved? How did you get the word out? How did you get people to give talks?11:10 – Guest: Yes that is a great challenge for us. Great question! I wanted to help people gain exposure and to help them participate at the conference. After giving their talk we give them a special gift. It can be a shirt or sticker or something. It seems enough for people to come and participate. We realized some people were scared to participate b/c imposter syndrome kicked-in. We made sure they felt comfortable and it helped them to participate.15:00 – Panel: Yeah it sounds like 300 is a very solid conference. Good job!15:18 – Chuck: Yeah they compare it to the bigger conferences when the local conferences are just as strong and good. Sometimes the smaller conferences are really nice b/c they are more intimate.16:05 – Panel: I am not a fan of these massive conferences. Great, but you can’t have conversation with 50,000 people. You go to the vendor floor – it’s loud and dark. I go to conferences to talk and listen to them. I like to listen to their challenges and hear stories.17:01 – Panel: I enjoy the variety.17:48 – Panel: Just the quality of people that were there was fantastic. NG VIKINGS is a great one to go to!18:10 – Panel: I saw the conference for New Zealand? And the one that is in https://twitter.com/antarcticonf?lang=en 19:10 – Panel: Some people say: I don’t know how to get involved with X conference? I have a hard time giving advice b/c we all have different backgrounds. Who wants to present on Chrome Frame? Or...21:07 – Guest: Not everyone is outgoing nor comfortable being in front of an audience. However, just practicing helps!21:33 – https://devchat.tv/get-a-coder-job/ 22:12 – Panel: Chuck, I want to hear about your community!22:25 – Chuck: I can’t go to a development conference that doesn’t know who I am. I thrive off of people and connecting with them. There are a lot of great opportunities from learning from folks.The email went out this morning and get in the general channel and say: What do you listen to? What are you up to? It’s nice to hear feedback.25:54 – Panel: I appreciate the work you’ve done within the community, too, Chuck!26:08 – Panel: My community I’ve been around the block for about 20+ years. I get into one technology and then bounce from one to the other. I’ve had the blessing to be apart of many different communities. I did a lot of JavaScript back in the day and then left when it was a mess. These communities all have something similar: people come together. They want to find others who look/act like them! These experiences change people’s lives!28:11 – Guest: Through these communities I’ve made a lot of friends and great colleagues. Not just professional but also personal.28:44 – Panel: Yep the people that I’ve met through Twitter and conferences.29:00 – Panel.29:33 – Panel: I was in Poland a few weeks ago and I met some guys – two different Mike’s. I love how down-to-earth these guys are and I think it’s awesome to meet these great people at these conferences!30:11 – Panel: Go to Angular conferences if you can!31:25 – Panel: I tell people to do the same thing!33:17 – Guest: Yeah there are people out there that are introverted, but know that other people are like you, too! Reach out to people before the conference and Tweet at them! Invite people to your group and meet-up at conferences and have a coffee!34:55 – Panel: I meet a lot of people on Twitter.35:51 – Panel: I think we are getting to the end and I need to say this. The angular community is a bit different compared to other communities. One thing that this community doesn’t have is the focus of the community. On top of the community are Rob, Steven, Jewels and Naomi and others! I think the Angular team themselves really care! I know they care.38:09 – Guest: I completely agree with you, Aaron! We appreciate it!38:25 – Chuck: To wrap-up let’s talk to you, Juan, about where communities should be going to take care of the people38:45 – Guest: Yeah, what are we going to do next year? Are we going to do https://www.meetup.com Do they need something else? What are the needs of our members today and tomorrow? We decided to change the format. We realized that Meetups are great but they are 20-minute talks and they aren’t enough for our members. We do 4 hour https://www.meetup.com that is called the MEGA MEETUP!41:00 – https://www.freshbooks.com END – https://www.cachefly.com Links:- https://vuejs.org- https://jquery.com- https://angular.io- https://www.javascript.com- https://www.python.org- https://reactjs.org- https://www.cypress.io- https://www.meetup.com- https://twitter.com/antarcticonf?lang=en- https://twitter.com/jdjuan?lang=en- https://github.com/jdjuanSponsors:- https://angularbootcamp.com/- https://www.cachefly.comPicks:Aaron- https://www.harrypottertheplay.com/uk/- https://youtu.be/f8172H32vxo- CFP: https://ngvikings.org- CFP: https://docs.google.com/forms/d/e/1FAIpQLSfYLqvSIckyuhWyIl2NAYWQnSEOz2pXt6VRF1hF9MlBmP7aXw/viewform- https://twitter.com/aaronfrost – Twitter!Chuck- DevChat TV transferring from WordPress to a static site.Guest- JS – library- https://www.ngcolombia.com- https://twitter.com/jdjuan?lang=enJohn- https://www.forbes.com/sites/darrahbrustein/2018/04/01/15-ways-to-start-a-conversation-at-a-conference-without-feeling-weird/#13beebf83b39Special Guest: Juan Herrera. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out:Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Panel: - Charles Max Wood- Joe Eames- John Papa- Alyssa Nicoll Special Guest:  Michael GiambalvoIn this episode, Chuck talks with special guest https://twitter.com/heathkit who is an author of the book titled, “Testing Angular Applications.” This book can be purchased through Amazon, Manning Publications, among other sites, too. The panelists and the guest talk about different types of tests, such as end-to-end testing and unit testing. They also talk about Angular, Java, Mocha, Test Café, and much more! Check it out!Show Topics:0:00 – Advertisement: https://angularbootcamp.com 0:53 – Chuck: Our panel is John Papa, Joe Eames, https://twitter.com/AlyssaNicoll, and myself. My new show is the http://thedevrev.com – check it out, please!1:26 – Guest: I am a contributing author to our https://www.manning.com/books/testing-angular-applications, which is about Angular.1:56 – Chuck: How is it like to write with multiple people?2:04 – Guest: Yep it’s hard b/c we are in different areas. Back in the 2.0 days, Jesse was writing a book. He was talking about typescript and components. Craig made friends with Jesse and they were talking about the book he was writing. Then we all jumped in to get in finished. We all had areas that we were specialists in!3:21 – Alyssa: If you break it up that makes sense.3:31 – Guest.3:40 – Panel: Pick different words and go around the room.3:51 – Panel: You write the first ½ of a sentence and then you write the other ½ of the sentence!4:10 – Guest: You have these big word documents and go back-and-forth.4:36 – Alyssa: Editing and then pass it back-and-forth – how does that work?4:46 – Guest: It’s like 8 pass backs-and-forth.5:35 – Guest: The editing was the main issue – it took forever!5:50 – Chuck: We were going to co-author a book and we didn’t.Chuck: If you could break down the book in 4 core topics what would they be? Elevator pitch? What is the starting knowledge?6:18 – Guest: We expect you to know Angular Intro and that’s it!6:43 – Chuck: What are the principles?6:50 – Guest: We talk about the testing component. We highlight the benefits of using Angular vs. Angular.js. That shows up in the book a lot. It’s very example driven.7:28 – Chuck: We have been talking about testing quite a bit on the show lately.8:22 – Chuck: Do you see people using the testing in regards to the pyramid?8:33 – Guest: I am not a huge fan of the pyramid. Some questions I ask are: Does it run quickly? Is it reliable? To give you some background I work on Google Club Platform.10:21 – The guest talks about “Page Level Integration Tests.” 11:31 – Alyssa.11:50 – Chuck: After your explanation after writing your book I’m sure it’s a breeze now. Knowing these tests and having the confidence is great.12:13 – Guest: Tools like Cypress is very helpful. Web Driver Testing, too.12:43 – Chuck: Where do people start? What do you recommend? Do they start at Protractor or do they come down to unit tests?13:02 – Guest: Finding the balance is important.14:30 – Chuck: Check out a past episode that we’ve done.14:40 – Panel asks a question about tools such as Test Café and Cypress.14:50 – Guest: I really don’t know Test Café. There is a long story in how all of these fit together.The guest talks about Selenium, Cypress, Safari, Edge, Chrome, Firefox, and Puppeteer! 19:24 – Chuck: Does it work in Electron as well, too?19:26 – Guest: Good question but I don’t know the answer.19:39 – Chuck: Maybe a listener could write a comment and tell us.19:43 – Panel: I’ve used Protractor for many years. I like the explanation that you just gave. The great thing about Protractor is that you can...20:29 – Guest: We wanted to explain the difficulty of Protractor in this book.Guest: You have this test running in Node but then you have your app running in the browser. You have these 2 different run times. You might have to run them separately and there is tons of complexity.21:15 – Panel: As I am coding you have this visual browser on one side, and then on the other side you have...22:22 – Guest asks the panelists a question.22:32 – Panel: I have only used it for a few months and a few several apps but haven’t had those issues, yet.22:55 – Guest: I haven’t heard of Test Café at all.23:05 – Alyssa: Is the book online?23:13 – Guest: It’s available through Manning Publications and Amazon. I think we have some codes to giveaway!23:34 – Chuck: Yeah, we are working on those codes and giveaways. We have mentioned about 5 or 6 tools – are you worried about your book going out of date?24:05 – Guest: Sure that is something we are worried about. When editing took a long time to get through that was one of my thoughts.The guest talks about Selenium, control flow, Protractor, 25:45 – Guest (continues): These new features were coming out while the book was coming out – so there’s that. What’s this thing about control flow and why this matters to you, etc. We were able to add that into the book, which is good. We were able to get those instructions out there. Books have a delay to them.26:47 – Chuck: We talked about this in JavaScript Jabber. This guest talked about this and he is from Big Nerd Ranch. At what point do you have this breaking point: This isn’t a good fit for Test Café or Selenium BUT a good fit for Mocha or Jest?27:27 – https://devchat.tv/get-a-coder-job/ 28:04 – Guest: Do you have a reason why you would switch testing tools?28:12 – Chuck.28:41 – Guest: That’s the tradeoff as you move down the ladder.29:43 – Panel: If you want to trigger an action that isn’t triggerable?29:50 – Guest answers the question. 30:07 – Panel.30:20 – Chuck.30:33 – Guest: You can access code. Usually something in a workflow will make it happen. You have to fall back on some type of UI sort of thing. It’s almost like doing Tetris! I’ve never had to directly call something. I am not the best one to answer that.31:16 – Panel: It’s like a weird mix of tests.31:29 – Panelist is talking about unit testing and other tests. 31:55 – Chuck asks a question. 32:02 – Guest: It depends on the scale of your project.32:28 – Chuck: Do you guys use a test coverage tool or on the side of: everything should run and then test if there is a bug.32:43 – Guest: Coverage isn’t the full story.33:26 – Panel: You said you weren’t a fan of the testing pyramid – can you explain why?33:43 – Guest: I think it turns too much prescriptive.Guest: I think there are bigger concerns out there and the test pyramid is an over-simplification.35:22 – Panel: What’s the difference between fast and slow testing?35:28 – Guest: It really depends on your level of knowledge. If your test suite runs more than twenty minutes to an hour that is probably too slow!36:03 – Alyssa.36:09 – Chuck.36:16 – Alyssa: There is no way that 20 minutes equals that!36:26 – Guest: 20 minutes is the extreme limit. 36:51 – Chuck.37:11 – Panel: Any new Twitter news on Trump?37:21 – Panelist talks about test suites! 37:40 – Panelists and guests go back-and-forth. 38:11 – Chuck: Do you have any recommendations for the unit testing? Keeping it small or not so much?38:29 – Guest: Think: What is this test asking? Don’t write tests that won’t fail if some other tests could have caught them.39:04 – Alyssa: That’s smart!39:09 – Guest continues. 39:28 – Chuck: What else to jump on?Chuck: Do you write your tests in typescript or in Java?39:48 – Guest answers the question. He mentions https://www.python.org, typescript, and more!  40:17 – Alyssa.40:22 – Guest continues. 40:46 – Alyssa: How many people worked on that project?40:50 – Guest: 2 or 3 framework engineers who did the tooling. About 20 people total for tooling to make sure everything worked.41:18 – Panelist asks a question.  41:22 – Guest: About 20 minutes!42:35 – Guest wants to talk about the topic: end-to-end testing! 44:59 – Chuck: Let’s do picks!45:09 – https://www.freshbooks.com END – https://www.cachefly.com Links:- https://vuejs.org- https://jquery.com- https://angular.io- https://www.javascript.com- https://www.python.org- https://reactjs.org- https://www.cypress.io- https://github.com/GoogleChrome/puppeteer- https://www.protractortest.org/#/- https://mochajs.org- https://www.seleniumhq.org/projects/webdriver/- https://docs.microsoft.com/en-us/dotnet/csharp/- https://github.com/DevExpress/testcafe- https://istanbul.js.org-Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Panel: Charles Max WoodIn this episode, Chuck discusses his new podcast show titled the DevRev. Chuck also asks you very honest questions that will get you thinking; such as: What does freedom mean to you? How do you want your life and career to unfold? How can we (at the DevRev) help you with your career decisions? Check out today’s episode to hear about this and much more!Show Topics:0:00 – Advertisement: AngularBootCamp.Com 0:52 – Chuck: Welcome! The panel is myself! I had this idea bouncing in my head for a while and I got some verification while waiting for my guest and panelists to show up. The show that I am producing is called, DevRev and it’s based on developer freedom.2:22 – Chuck: Some developers love to contribute to open source. Some developers say that they don’t get along with their boss or coworkers. Others will say that they aren’t learning and feel like they are falling behind. I am on the B team and want to be on the A team. It boils down to: are they getting the freedom to do what they want to do.3:45 – Chuck: I haven’t been happier with my job since I’ve gone self-employed. Having a sense of freedom could have a different definition for you. Perhaps you are looking for time to go hiking, skiing, and so on. For you it could be programming is to help you with your hobbies. What kind of opportunities can YOU create for yourself in programming?5:32 – Chuck: When I got into programming (at first) I didn’t have a real clear idea. My old boss would have these ideas and would change the day after our meeting, which was frustrating. Freedom could be things from the things that don’t make you happy. Maybe an office space for you doesn’t work for you.6:41 – Chuck: 1.) Freedom in life to do what you want! 2.) Freedom in your career to elevate you where you want to be.Chuck: Freedom to pursue the things that I care about vs. not pursue the things I don’t care about. First of all how do we take care of the big things? How do we reach our long-term goals? Finally, how do we remove all of the other interrupts and optimize our experience day-to-day to achieve things we want to achieve?8:48 – Chuck: I was talking with Chris and his ideas are centered on with helping the community. We talked about the things that hang him up, too?9:26 – Chuck: “I am swamped at work – what do I do?” I want to help you solve your issues. What’s your idea of freedom?10:15 – Chuck: How do you feel fulfilled? Let’s find you a place that will payoff for you. There are all kinds of ideas around this. That’s where I want to dive-into!11:11 – Chuck: If there are any questions that you have in particular – shoot me a message! I will gladly answer your questions and check out TheDevRev.com! I have some friends who run a financial podcast – 2 Frugal Dudes. I want you to ask the questions that are irking you.12:36 – Chuck: I feel like there are tons of opportunities for developers out there that we can help you find what’s a good place for you. Find what you want out your career and life – find something that will line-up for you. Even if you are trying to find your first job! There are a lot of options out there. I am putting the show out on YouTube and Facebook!END – Advertisement – Cache Fly! Links:Discord AppDiscord App – DevChat TVTheDevRev.comSponsors:Angular Boot CampCache FlyPicks:Charleszoom.usrepurpose.ioAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.