Adventures In Angular

Panel: Charles Max WoodShai ReznikJoe EamesJohn Papa Special Guests: NoneIn this episode of Adventures in Angular, the panel discuss the Framework Summit. This is a conference that is focused on front-end frameworks, such as Angular, React, and Ember. Frameworks are such a central piece to front-end development, and so this conference is going to be detailed towards people who are working with multiple types of frameworks or want to learn about new frameworks. One of the biggest goals of this conference is to help end framework wars and bring people from different types of frameworks together.In particular, we dive pretty deep on:What is the Framework Summit?How is this conference different from other general JavaScript conferences?Broad conference- includes many different frameworksGood amount of content on each frameworkWhat will the experience be like at the conference?Higher chance of finding a talk you’re interested in2-day conferenceSingle-track and multi-track daysEmber, Knockout, View, Elm, Angular, a

Panel: Charles Max WoodJoe EamesAlyssa NicollJohn PapaWard Bell Special Guests: Alex EagleIn this episode of Adventures in Angular, the panel discusses Angular’s BuildTools with Alex Eagle. Alex has been working on the Angular core team at Google for the past three years and works on developer tooling there. He discusses the advantages of using a new build system, Bazel, and how using this system could improve your coding across the board. They also compare Bazel to other Angular tools and talk about when you would want to integrate Bazel into your tool belt.In particular, we dive pretty deep on:Angular plumbingGoogle MonorepoBazel softwareMicro-servicesNot all tools need to be written JavaScriptPros of Bazel build systemCompilation in Angular CLITwo second ruleHow do you know when Bazel is good for you?Production mode vs development modeFeeling nervous about using BazelWant your CI to have cashingWhat does Bazel look like today?What will Bazel look like when your done with it?Take rules and compose them howe

Panel: Charles Max WoodJoe Eames Special Guests: Udo SchöferIn this episode of Adventures in Angular, the panel discusses NG Dynamic Forms with Udo Schöfer. Udo is web engineer from Nuremberg, Germany, with a focus on Angular, Node and Responsive Design. He is also the creator of NG Dynamic Forms. Udo discusses this topic and when and why it is best used, as well as the steps to use this library in Angular. He wanted to be able to give something back to the community and invites everyone to at least give it a try.In particular, we dive pretty deep on:NG Dynamic Forms LibraryDynamically generates forms based on the field it’s givenWhat level would you want to use this at?This is for complex, heavily form driven single-page applicationsDefines validators and error messages in an easy wayMongoDBDisadvantages to using a Dynamic Forms approachWhen does it get complicated to use?LibrariesFlexbox layoutsNeeds for this librarySteps to use this in AngularDebuggingValidations in the formTemplate vs Reactive Base formsH

Panel: Charles Max WoodJoe EamesAlyssa NicollWard BellShai ReznikSpecial Guests: Minko GechevIn the episode of Adventures in Angular the panel discusses Angular Differs with Minko Gechev. Minko is a return guest to AiA, and is the founder o Rhyme and contributes to the Open Source community regularly. Minko is on the show to talk about Angular Differs. The discussion covers the details of the Differs and why they are important on the Angular platform. The topics covered are the concerns of differs, data applications and structures, problems solved and why it is good for Angular developers and much more.In particular, we dive pretty deep on:Startup Rhyme and Open SourceDiffersDiffer helps find out the difference in data applicationsProblems it solves and why it is good for a day to day Angular developerBehavior of NG 4 - ExampleBinding refreshHow made you write the blog post?Pump a Promise or an Async?Binding to Differs, Observable, etc.Turbo DifferTrack by FunctionImplementing the track by functionImplementat

Panel: Charles  Max WoodJohn PapaAlyssa NicollWard BellShai ReznikSpecial Guests: Austin McDanielIn the episode of Adventures in Angular the panel discusses Reducing Boilerplate of Redux/NGRX Patterns in Angular with Austin McDaniel. Austin is an Angular Team Member, he contributes to the material project, is a panelist on the Angular Air Podcast, and much more. Austin talks about the boilerplate issues of Redux/NGRX Patterns in Angular. Austin and the panel discuss the fixes for these once difficult actions with NGRX actions. This is a great episode to understand the reduced boilerplate and libraries.In particular, we dive pretty deep on:•Issues with boilerplateLibrariesRedux patter for Angular - AdvantagesNGRXComplexitiesIf you are using and injectable serviceMore resources at: AiA Episode 169 with Jesse Sanders Question what we are saying!Make sure it is solving problemsStore systemsWriting an APICommand Query OperationSwitch StatementsRedux ActionsPassing String constantsActions and TypePassing the action

Panel: Joe EamesAlyssa NicollWard BellSpecial Guests: Eric Simons and Albert PaiIn the episode of Adventures in Angular, the panel discusses StackBlitz with Eric Simons and Albert Pai. the co-founders of thinkster.io, where their company javascript technology’s various frameworks and backend. Also, with the recent creation of Stalkblitz, which is the main topic of today discussion.Stackblitz it an online VS Code IDE for Angular, React, Ionic, and a few more other technologies are supported. This is designed to run web pack and vs code inside your browser at blazing fast speeds. Eric and Albert dive into the many different advantages and services available by StackBlitz and thinker.io.In particular, we dive pretty deep on:•Programming at 10-13 years oldCreated thinkerster.io togetherWhat is Stalkblitz?Local dev environmentsSix months of work into making Stackblitz onlineWhat is the business model?Are you using Monaco?VS Code Dark PlusConcept and possibilities of building StalkblitzNPM and IDE sidesLow amount o

Panel: Charles Max WoodJoe EamesAlyssa NicollWard BellSpecial Guests: Eudes Petonnet-Vincent and Matt Hippely In the episode of Adventures in Angular the panel discusses The Clarity Project at VMware with Eudes Petonnet-Vincent and Matt Hippely. Matt is a user interface engineer and has been working on The Clarity Project for a year. Matt has front experience as well as in many other aspects of the Clarity project. Eudes is a Web UI engineer, and well all piece of the stack in the project. Clarity is an Angular component library and full design system. The panel and guest discuss the build of the Clarity project, bootstrap, VMware, and much more.In particular, we dive pretty deep on:An Angular component libraryA Full design systemBootstrapData GridVMware - open sourceConsistencyChallenges of writing an open-source component libraryInnovating in Angular since betaThe spread across VMware before going open-sourceBuilding a competent Library for AngularBuilding another bootstrapMoving the frameworkTrust the enfo

Panel: Charles Max WoodJoe EamesAlyssa NicollIn the episode of Adventures in Angular the panel discusses why people are sticking with Angular JS (1.x). The panel talks about the pros and cons of working in Angular 1.x. Chuck talks about a quick poll and about those who are still using AngularJS 1.x and not Angular 2.x. The discussion covers resources, expertise, familiarity, community, stability, RXJS, etc. This is a great episode for those who want to learn more about reasons to why some abandon or stay with AngularJS 1.x.In particular, we dive pretty deep on:•Why are you still using with Angular 1.x, and not Angular 2.xMore people are experts in Angular 1.xExample: Which iPhone are you using?RXJSChanges, Stability, etc.Keeping up with AngularJSBridging the Gap since 1.6Upgrading to ViewWorking in ViewTypescript and View working togetherComparison to PoliticsUsing BackboneReason to moving on to new platformsConsider testing and take off the beta tagNew versions every month - Typescript, release schedule for

Panel: Ward BellJoe EamesCharles Max WoodSpecial Guests: Zack Chapple & Kim MaidaIn the episode of Adventures in Angular the panel speaks with Zack Chapple. Zack is a software architect at Career Builder , and is the founder and main organizer for NG Atlanta. Zack is on the show to talks about the inspiration for NG Atlanta and the origin stories of the conference. Zack describes the details and goals of the conferences concerning diversity, demographics, and technology.Also joining the show is Kim Maida. Kim is the technical content lead at Auth0. Kim talks about the demographics of women and the diversity of the conference speaks and attendees. Zack is on the show to talks about the inspiration for NG Atlanta and the origin stories of the conference. Zack describes the details and goals of the conferences concerning diversity, demographics, and technology.In particular, we dive pretty deep on:NG Atlanta  - Two-day workshop and Two  single-track conferenceDiversity, Inclusion, AngularTechnology related t

Panel: Ward BellAlyssa NicollJoe EamesJohnCharles Max WoodSpecial Guests: Jesse SandersIn the episode of Adventures in Angular the panel speaks with Jesse Sanders. Jesse is the CEO of BrieBug, A consulting firm in Denver Colorado. Jesse talks about the interesting challenges his company encounters with helping their clients with form creative solutions. Jesse mentions being a developer for over 20 years and familiarity with many platforms.Jesse is on the show to talk about NGRZX, Entities, Redux States, etc, the panel asks questions about how this all applies to Angular. Jesse talks about the current complexities and how these tools handle events, components, etc. This is a great episode to learn more about NGRX, Entities, and Redux, and how they used with Angular.In particular, we dive pretty deep on:•What does BrieBug do for its clients?Show what is the state management stuff?Thousand lines of code?Dumb and Smart componentsRedux? Isn’t that a React ThingyRedux is just a patternUn-opinionatedNested dataMabex

Panel:Ward BellAlyssa NicollJohn PapaJoe EamesCharles Max WoodSpecial Guests: Peter Bacon Darwin and Megan Kingdom-DaviesIn the episode of Adventures in Angular the panel speaks with Peter Bacon Darwin and Megan Kingdom-Davies. Peter is an Angular Developer, known for maintaining AngularJS and the creator of Jammy. Megan is an event organizer with White October Events in the UK and has organized the Angular Connect Event. The panel and guest discuss the great environment of the conference and the business and community connections they form during the conference.In particular, we dive pretty deep on:•Angular Connect Conference details and what it is aboutWho is it for?What is the selling point?Creating contacts and connectionsOffice hours of the conferenceInformal conference eventsMeeting new people in the communityClosed CaptioningDiversity and inclusion of the communityFacilities available for gender, religious, physical, and psychological specificsHow many attendees and how big is the conference - 1100 att

Panel: Ward BellJohn PapaJoe EamesCharles Max WoodIn the episode of Adventures in Angular the panel discusses Deploying Angular. Specifically, the panel talks about the complexities of the development server and CLI. Each panelist talks about their own paths on how they might deploy, the uses of guides, projects, tools or technologies and strategies they use to help the production. This is a great episode to grasp different approaches and tools to deploying Angular.In particular, we dive pretty deep on:•Is it easy Joe? Did you figure it out?Difficulties, EffortCLI is different in Productionng-doc. ioStaging environmentsDeploying with RailsUsing the web packer gemFall back routesWeb servers for deployment?GuidesCLI as a crutchReducing cost with Circle CI Building a web serverSchematicsDocker FileIn person deploying…rather then someone else?Checking-InCode Ship, Git LabAzureComfortability to implementInvesting time to learn how to do this!Building a docker imageIf you are not using VS Code, how long does it tak

Charles Max WoodSpecial Guests: Chris DiasPJ MeyerIn this episode, Charles is at Microsoft Connect 2017 in NYC. Charles speaks with Chris Dias and PJ Meyer about Visual Studio Code and Live Sharing. Chris and PJ explain more on their demo at Microsoft Connect on Live Collaborative Editing and Debugging. Learn more about the new features with Visual Studio Code and the efficient workflows with screen sharing, and much more.In particular, we dive pretty deep on:Demo on Live Collaborative Editing and Debugging explainedNew Features with VS CodeDeveloper productiveDebugging pain pointsGetting feedbackNew in VS CodeLanguage support and Java DebuggerLive ShareDebugging from different machines and platformsMulti-Stage Docker FileTypeScript compilerMore on debugging with Cosmos DBDebugging in the Cloud?Docker ExtensionsData BricksUpdated python toolsComing up with Visual Studio Code in the next 6 monthsTypeScript and RefactoringGetting the word out about code -  Word of mouth?Number of people using VS Code?Envision f

Panel: Joe EamesCharles Max WoodSpecial Guest:Justin SchwartzenbergerIn the episode of Adventures in Angular the panel welcome Justin Schwartzenberger to talk about Angular Air. Justin is a podcaster, product manager, and educator at Narwhal Technologies. Justin talks about his experience working with customers and contributing to the Angular community. Justin discusses the content of his podcast, Angular Air, and how it helps the Angular community learn all about Angular. This is a great episode for learning about other podcast platforms that focus on all things Angular.In particular, we dive pretty deep on:•What do you do at Narwhal and with Angular Air?Angular Air podcast HistoryHosting and Topics on Angular Air video podcastFavorite episodes on Angular AirHow to figure out what to discuss on the podcastUsing the community to figure great topicsCompetition for listening timeThings to learn - Angular Animations, GraphQL, etc.InfluencesPerformances, Character, with the intros and hostingDifficulties and Chal

Charles Max WoodSpecial Guests: Amanda SilverIn this episode, Charles is at Microsoft Connect 2017 in NYC. Charles speaks with Amanda Silver. Amanda is deemed the  TypeScript and future of JavaScript guru, and this year's speakers at Microsoft Connect with Visual Studio Live Share. Amanda shares what is new with TypeScript and how that is a kind of subscript to JavaScript. Amanda explains the big picture of TypeScript’s inception and where she believes the language will be most efficient and effective for JavaScript and TypeScript developers.In particular, we dive pretty deep on:What is new in TypeScript?Keep JavaScript and TypeScript alignedTypeScript is implemented to create larger scaled applicationsIntegration with VS Code, etc.Building better tools for JavaScript DevelopersWhen would this be taken on by usersDefaults in Visual StudioTypeScript replacing JavaScript type serviceTypeScript is written in TypeScriptChakra runtimeDiasporaThe different faces of JavaScriptOptimized JavaScript runtimeLanguages sh

Panel:Charles Max WoodIn this episode of Adventures in Angular, Charles does a solo episode talking about entrepreneurship and the topic/course on “How to Get a Job.” This is an informative episode for those looking for a job as a developer and how to prepare your resume for your career search. Charles covers the core pieces of the course and specific areas of tailoring your credentials for the job you want to acquire.In particular, we dive pretty deep on:How do I get a great job? Companies are only hiring Senior Devs.Your selling point as a Jr. Dev.Framing your experience for the companies to better see your experience.I don’t want a ( this kind of boss)Feeling like you are making a difference in your job.Who do you want to work for, with, where, and how, etc.Working in a facility or remotely. What do you want?Check out the meet-up places or workplaces (WeWork), GlassdoorCheck out the people who work that these companies, LinkedIn.Check out company’s Slack rooms, forum, etc. to make connectionsVisit the comp

Panel: Joe EamesAlyssa NicollShai ReznikSpecial Guest:Maxim KoretskyiIn the episode of Adventures in Angular the panel welcome Maxim Koretskyi to talk about Change Detection in Angular. Maxim explains that he enjoys reverse engineering and working with Angular. Maxim talks about working with Angular and React to figure out how the Change Detection works on both platforms. Furthermore,  Maxim mentions that all his findings and on his blog on Medium.In particular, we dive pretty deep on:Why Change Detection and what is most interesting about it?DebuggingReversing engineering in React and how Change Detection worksThe difference in how Change Detection work in Angular and ReactDiving into the source code for Angular 2.The component is angular?DirectivesLife Cycle hooksChange detection runs for each view notesView notes are a directiveLoops and subsequencesExample View at 24:00Intercepting the mouse clickMicrotasksHow does Angular know that something has changed?CompliersDynamic components•and much more!Links: ht

Panel: Joe EamesAlyssa NicollCharles Max WoodWard BellAaron FrostIn the episode of Adventures in Angular, the panel’s discussion topic is about upgrading Angular. The panel covers preparation and the difficulties of getting started with the upgrade service. Notably, basic users do not understand the process of the updated with simple applications. Also, playing with the idea to rewrite your applications in Angular directly, or do we just upgrade?In particular, we dive pretty deep on:NG upgrading - preparation with a module loader.It is a mess to get startedLook at you Angular JSJ, and ask what am I gaining by doing this?Can you write it in a different Angular directly?How long till am I off of Angular JS or Backbone?Application is written in Angular JSLegacy documentation for updatesAnnotating and bundlingAngular solves the performance stuffHaving someone in charge of it will have a smooth transitionConvenient function with upgradingUpgrading big applications vs. Rewriting.TypescriptMigrationUpgrading compone

Panel: Joe EamesAlyssa NicollCharles Max WoodWard BellSpecial Guests: Aaron FrostIn the episode of Adventures in Angular, the panel speaks with Aaron Frost. Aaron is a return guest and works at SaltStack. In this episode, the panel and Aaron ask questions about the upcoming NG Conf. 2018. The panel discusses the many exciting upcoming topics discussions,  events, and speakers.Importantly, Aaron and Joe give a preview of the theme of the event. Aaron mentions, for this year, NG Conf. is going to be about what the community wants to hear about. This is based on recent surveys taken by developers and new coders. These particular details extend into to specific speakers and the level of expertise for discussion.In particular, we dive pretty deep on:•NG Conf.  - Grand America  - April 18-20, 2018Kid Conference2 whole days of workshopsSame intro as last yearSchedule of workshops and event speakersParties and foodActivitiesTheme  - around “Ready Player One” - 80sWho is coming and who is speakingNumber 1 thing to com

Panel: Joe EamesShai ReznikAlyssa NicollCharles Max WoodSpecial Guests: Bryan ForbesIn the episode of Adventures in Angular, the panel speaks with Bryan Forbes. Bryan has been working for Sight Pen a consultancy company that works with JavaScript and many others platforms. Bryan mentions that SitePen is well known for their Dojo toolkit. Bryan talks about testing Angular with the intern tool.Bryan and the panel dive into the testing of all sorts old and new tools and compared them to the Intern Toolkit.  Bryan talks about the different kinds functions that are needed to compile and implement testing. The discussion covers tools like Testacular, karma, Protractor, and Leadfoot, and Intern, as testing kits for Angular.In particular, we dive pretty deep on:What intern a testing tool and how it is used.Protractor and how this is different as a testing toolCross browser testingTestacular turning in to KarmaUnit testing end to end.Using typescriptPromise shimHow to bring Intern into your Angular AppAssertion librar