ng build --pod

John and Chris have a special guest on today. We are interviewing Tom. Tom is a developer at Miles Technologies and has been developing software using the Breckenridge template we've been talking about so much. He helps share a 1st hand perspective of our software and share's his angular story.

Quick Tips:

Engineering Excellencies https://medium.com/swlh/what-is-engineering-excellence-a8aa5a1e8dc5

Payment processors https://www.braintreepayments.com/

Google Maps https://developers.google.com/maps/documentation

https://www.milestechnologies.com/careers

Music: Phortitude by Shane Ivers - https://www.silvermansound.com

John and Chris talk about an option for controlling components by creating an API and outputting that.  This allows for complex control from a parent component to a child component.

Quick Tips:

mentorship programs and their value

bash aliases for helping with dotnet core CLI

Links:

mentoring club https://www.mentoring-club.com/

bash alias https://linuxize.com/post/how-to-create-bash-aliases/

https://www.milestechnologies.com/careers

Music: Phortitude by Shane Ivers - https://www.silvermansound.com

John and Chris talk state management in Angular applications.  The format is a train-me episode where John plays the part of the audience, learning about state management from Chris.  The focus is on practical uses of light state management.

Quick Tips:

chrome tabs https://blog.google/products/chrome/manage-tabs-with-google-chrome/

discord for business https://discord.com/

Links:

state management https://en.wikipedia.org/wiki/State_management

Music: Phortitude by Shane Ivers - https://www.silvermansound.com

John and Chris take another look at lazy loading in Angular, as they discuss lessons learned while converting their codename:Breckenridge Angular template from Eager Loading to Lazy Loading.  In this episode they go over analyzing the code generated for lazy loading, tweaking the output to optimize it, and a few advanced routing cases.

Quick Tips:

automating tasks with bash

scully.io for SEO in Angular

Links:

Angular lazy loading https://angular.io/guide/lazy-loading-ngmodules

webpack bundle analyzer https://www.npmjs.com/package/webpack-bundle-analyzer

Music: Phortitude by Shane Ivers - https://www.silvermansound.com

Join John and Chris on an epic journey, as they tackle a topic so big, it just can't be contained in one episode.  It all starts with a simple idea... "why do we have to keep building out forms manually?  I wish we could automate this part of web development."  In this final episode in a three part series, we discuss the implementation of dynamic forms using dynamic field components and configuration objects for the Angular front end.

Quick Tips:

vim adventures - https://vim-adventures.com/

optional chaining - https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining

Links:

Angular's Dynamic Forms https://angular.io/guide/dynamic-form

Dynamic Component Loader https://angular.io/guide/dynamic-component-loader

Music: Phortitude by Shane Ivers - https://www.silvermansound.com

Join John and Chris on an epic journey, as they tackle a topic so big, it just can't be contained in one episode.  It all starts with a simple idea... "why do we have to keep building out forms manually?  I wish we could automate this part of web development."  In this second episode in a three part series, we discuss the use of a json based Model that allows our Database to build out interfaces and form control prototypes for the Angular front end.

Quick Tips:

Air Purifier - https://www.amazon.com/gp/product/B073WJL99W/ref=ppx_yo_dt_b_search_asin_title?ie=UTF8&psc=1

Prioritize your work life culture and Advocate for your well being

Links:

Customer Form Control https://gist.github.com/J-Graham/b694dbaaef4144c4cefa39683cdb1601

Customer Interface https://gist.github.com/J-Graham/afe64f5a8edad22e5998da8842784104

BackEndModel.json https://gist.github.com/J-Graham/2dbed1e14524a1b95b4a2faf1cc44901

Music: Phortitude by Shane Ivers - https://www.silvermansound.com

Join John and Chris on an epic journey, as they tackle a topic so big, it just can't be contained in one episode.  It all starts with a simple idea... "why do we have to keep building out forms manually?  I wish we could automate this part of web development."  In this first episode in a three part series, we discuss the problem and the beginnings of an exciting solution that we have named as Dynamic Forms. 

Quick Tips:

Go on a vacation

Send Grid - https://sendgrid.com/

Links:

Angular reactive forms https://angular.io/guide/reactive-forms

Music: Phortitude by Shane Ivers - https://www.silvermansound.com

Let's take the next step with RxJS!  This time, John and Chris tackle a real scenario as they dive into the next level of using RxJS in Angular.  Using an Order Summary page as an example, this episode covers ways to consolidate API calls using RxJS, cleaning up the component in the process.  Check out the links section for follow-along code samples of the scenario discussed in this episode.

Quick Tips:

Engineering Journal

Typedoc - https://typedoc.org/

Links:

pre-optimization https://github.com/J-Graham/ng-build-pod-rx-jssamples

post-optimization https://github.com/J-Graham/ng-build-pod-rx-jssamples/tree/post-optimization

https://www.learnrxjs.io/

Music: Phortitude by Shane Ivers - https://www.silvermansound.com

John teaches Chris all about Cypress for end to end testing in Angular.  In this episode we try something new where John explains cypress.io and e2e testing in Angular to Chris, who has never worked with it before.  The result is a quick tutorial of cypress, what it does, how it works, and some of the ways we have implemented it in our CI to provide testing for our Angular framework.

Quick Tips:

Shape-up - https://basecamp.com/shapeup 

Work doesn't have to be crazy - https://www.amazon.com/Doesnt-Have-Be-Crazy-Work-ebook/dp/B079WV79TK/ref=sr_1_2?crid=AG46YM8KYJWM&dchild=1&keywords=work+doesn%27t+have+to+be+crazy&qid=1592590276&sprefix=work+doesn%27t%2Caps%2C144&sr=8-2

Scripts in package.json - https://docs.npmjs.com/misc/scripts

Links:

https://www.cypress.io/

https://github.com/cypress-io/cypress-example-recipes/tree/master/examples

Music: Phortitude by Shane Ivers - https://www.silvermansound.com

Directives are everywhere and are super powerful, but also a bit more complicated to create than components.  In this episode, Chris and John cover many of the inner workings of directives inlcuding how to create them and some more advanced ideas of what you can do with them.

Quick Tips:

Bent - https://www.npmjs.com/package/bent

Angular Essentials - https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials

Links:

https://angular.io/guide/attribute-directives

https://sweetalert2.github.io/

Music: Phortitude by Shane Ivers - https://www.silvermansound.com