Adventures in Angular

Latest Episodes:

AiA 207: Ilya Bodrov and Roman Kutanov: "What It Is, and Why You Should Use It. Angular Use-Cases in Startups" Sep 18, 2018

Show notes

Panel:

Charles Max Wood
John Papa
Ward Bell

Special Guests: Ilya Bodrov & Roman KutanovIn this episode, the Adventures in Angular panel talks with Ilya and Roman. Ilya is a professor, writer, and developer. Roman is a cofounder, and a CEO, of a small startup company. Roman is making an application for small businesses, and he also was a CEO of a Russian startup, too. Check-out today’s episode where the panel talks to the guests about Angular, their startup companies, Test Cafe, among others.Show Topics:1:20 – Guests’ backgrounds.2:31 – Chuck: Let’s talk about Angular. In your opinion why is it a good option for startups?2:55 – Guest: Angular is a very good choice.3:55 – Guest: If you are not familiar with these concepts or a seasoned developer then it can be difficult and complex to get started. It really depends on what you are trying to build.4:47 – Chuck: Once you get rolling with it then you run into limitations with it. If you need something simple and fast it’s really nice.5:08 – Guest: Yes. Trying to find your market niche. Angular is very simple to transfer. Angular has a great community. There are some problems, and we know it. Like the whole mess with versions also...6:27 – John: Can you elaborate a little?6:34 – Guest: Yes, if you want to be in the latest technologies...so sometimes you get into a situation when you wan to have some libraries installed and you cannot do that. If you are on one version and this one isn’t supported, then it was a huge mess.7:43 – Guest adds in more comments.8:26 – Guest: Currently I have Angular 1. It is too complicated to rewrite.8:40 – Guest adds comments.8:57 – John: There would have to be a compelling reason for me to go to Angular 6 at this point. Going from 4 to 5 or 5 to 6 – the one feature – boy that is so amazing. To have it to update your app, and update your code then that’s awesome. If you didn’t know that a command changed then you were in trouble. I agree version control has always been a challenge.10:20 – Guest: What I like about Angular is the community – it drives it in the right direction. They try to make it more productive and that’s what I like.10:43 – Chuck: What is it like to run a startup?10:56 – Guest: I started to write the application. What you see is what you get. I use Angular 1. JavaScript is a heavier language.14:54 – Guest adds comments.16:02 – Panelist: What kind of server are you using for your startup?16:19 – Guest: I have Angular 1 as a backhand. The main application right now is...17:11 – Panelist: What has the experience been like for people?17:26 – Guest: Yes...17:32 – Panelist: What were the benefits of using Angular?17:40 – Guest: Angular was very helpful. The performance is much better. Important for startups is to know how to write functionality.18:53 – Panelist: What forms were you using?19:01 – Guest: Template driven. In Angular 1, I created “what you see is what you get.”19:52 – Panelist: I am torn about forms. The Reactive side but you move a lot of code that doesn’t feel all that intuitive to me. There are pros and cons of each, but it’s not exactly where I want it to be. I would love to mix the 2 together. Have you dealt with validation in the forms?21:04 – Digital Ocean’s Advertisement. 21:41 – Guest: I have an editor. I send it to the client. Each input is having some sort of validation.23:17 – Panelist: How do you make them look good? Yeah, I can do it but how does it not look generic? Do you have a layout?23:53 – Guest: I throw it into the screen – I try to keep it simple.25:04 – Panelist: That makes sense. I didn’t know if there was a crossover of complexity. I want a balance between...25:38 – Panelist: Reactive or Template driven?25:45 – Guest makes comments. You want to have some custom checking.26:13 – Panelist: Why was it hard?26:21 – Guest: Not sure...I experimented a lot.27:27 – Panelist: I gave up on Reactive. One of the killers for me was the nested components. It seemed to fall apart in my hands. It was extremely difficult. The outer form lost contact to what was going on. That was one of the biggest decisions to walk away from Reactive all together.28:25 – Guest: Now I remember why I dropped templates.28:44 – Panelist: Not true, but it’s doable! It’s also easy! You have to know what’s going on. Let’s change the story on this – I don’t want to hijack the podcast.30:55 – Panelist: It makes your ears stand up. John’s objection was that he was putting a lot of stuff into HTML.32:43 – Panelist: Every time I see some try to decorate the HTLM – no you don’t have to do that. The rules aren’t there. There are exceptions, of course, but real validation is not screen validation. Interestingly, we have written one for this application. It belongs to Marcel. This isn’t Breeze specific – maybe we an get people to working on it. For sure, even if you didn’t have this framework, you can create one on your own. It turns out that it has more models than you think it does.34:55 – Panelist: Aside from forms, what mattered in your app?35:22 – Guest answers the question.36:01 – Panelist: Lazy Loading. In some apps lazy loading doesn’t make sense in all areas. You don’t always have to use.36:53 – Guest: Yes, when you work for your employer you sometimes have more time available. When you have a startup it’s a race. Your startup doesn’t have any money.37:24 – Panelist: You had money?37:33 – Guest: You have to try new things and makes things right. When users really start really using your application. You can fix everything and make the perfect app or you can learn new things about your users. What problems do that have?38:50 – Panelist: Question asked.39:40 – Guest answers question. 40:38 – Protractor.41:51 – Problems that you/we ran into.42:21 – Panelist: “We” are using Test Cafe. 42:58 – Cypress. 44:10 – You do not need web driver and...44:29 – Test Cafe is free.44:39 – I would pay ten’s of dollars to use a piece of software. It’s a budget buster.45:15 – Sounds like you guys have a great product there.45:24 – Thanks for having us.45:30 – Chuck: Let’s go to picks!45:39 – Code Badges! 46:13 – Picks!Links:

Sponsors:

Picks:Charles

John

Pipelines – Azure
VS Code

Ward

Test Cafe

Ilya

Framework Event

Roman

Michael Seibel’s Building Product
MLcourse.AI – October 1st next session starts – it’s free

Special Guests: Ilya Bodrov and Roman Kutanov.
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.

AiA 206: The Origin of JavaScript with Brendan Eich Sep 11, 2018

Show notes

AiA 205: Agile Fluency with James Shore Sep 04, 2018

Show notes

Panel:

Charles Max Wood
Alyssa Nicholl
Joe Eames

Special Guests: James ShoreIn this episode, the Adventures in Angular panel talks about Agile Fluency with James Shore. James is one of Charles’ favorite people to talk to about Agile development because he is one of the people who really understands how people work, instead of the methodology proliferation that is more common. They talk about how Agile got started, the Agile Fluency Project, and how Agile has changed over the years. They also touch on TDD, the things people can do to solve the problems with Agile misconceptions, and more!Show Topics:1:10 – James has been on the shows previously on Ruby Rogues Episode 275 and My Ruby Story Episode 48.2:00 – He does a lot of work with agile, but actually got started with something called Extreme Programming.3:14 – When Agile started, it was a reaction to the management belief that the right way to develop software was to hire armies of replaceable programmers and a few architects to design something that was then sent off for these programmers to work.4:34 – Agile is turning into the “everything” thing. It is being used in many different spaces and leaving developers behind in the process. This goes along with “the law of raspberry jam.”6:55 – The agile manifesto states that they value “Individuals and interactions over processes and tools.”7:28 – The Agile Fluency Project is focused on software teams and they created the Agile Fluency Model, which is a way to describe how teams tend to learn Agile over time. They want people to be able to see what all they can really get out of Agile through this project.10:05 – Alyssa is more confused on the subject of Agile development and is interested more in what people lost by not using Agile anymore.11:45 – Agile changed from a grassroots movement driven by developers to a management structure that programmers ignore unless it affects their day-to-day.14:18 – Test driven development is a way of writing your code so that you have confidence to change it in the future not a way you can get unit test code coverage.17:36 – Joe defines TDD as a way to help him design better code and he finds value in using TDD and then once the code is done, throwing out the test and still find value in it.19:50 – TDD creates better code by forcing you to think about the client who will be using it and it forces you writing code that is inherently testable, and therefore, better code.22:22 – The values of Agile development have not been communicated to the programmers who are forced to use it, which accounts for the push back against it.24:40 – The issue across the board is when people take and idea and think they can read a headline and understand it fully.28:17 – The way to combat this problem is to dig into some of the things that was happening 15-20 years ago and you can look into DevOps. You can also look into the Agile Fluency Project and the Agile Fluency Model.31:24 – To get started with talking about how you should do Agile from the trenches, you can look into the books Fearless Change by Mary Lynn Manns and More Fearless Change by Mary Lynn Manns to help you to learn how to make change within your organization.35:18 – Planting seeds allows you to make change within your organization and make a difference in a small way.36:10 – The easiest way to remove some of these obstacles is to get together with your team and get them to agree to a trial period. There are more ways as well to get over obstacles.43:07 – The reason he became an Agile developer is because after his first job working with it, he never wanted to work any way else. So, he decided to start teaching Agile in order to keep working with it in his career.Links:

Sponsors

Picks:Charles

Joe

James

Special Guest: James Shore.
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.

AiA 204: "Real Ward Angular" Aug 28, 2018

Show notes

Panel:

Charles Max Wood
John Papa
Alyssa Nicholl
Joe Eames
Shai Reznik
Ward Bell

In this episode, the Adventures in Angular panel talks about what Ward is doing currently, which is working on a large, complex, and involved application that they are using Angular for. They are using this episode to discuss a real-world Angular project or real “Ward” Angular project. They talk a little about what the project is, challenges he has had to overcome, and the differences that come with writing apps in reactivity. They also touch on the idea that “the mystery is part of the pattern,” reactive forms, and more!In particular, we dive pretty deep on:

Get a Coder Job course
Angular
Ward’s project intro
Ward runs a business that builds applications for people
Taking lead on a new project
ngRx data
Redux and RxJS
His company makes Breeze
Needed an enrollment app
Didn’t want to use Breeze, they wanted him to use reactive programming
Needed the application to be as simple as possible
Why he decided to give reactivity programming a chance
Challenges he’s faced
Writing enterprise apps in reactivity
Immutability
Forms over data apps
Reactive forms
The mystery is part of the pattern
Effects
Debugging tools
Reactive pattern
Discovering new ways to code
Reactive programming brings in a different set of problems, but it’s not that it’s right or wrong
React State Museum
And much, much more!

Links:

Sponsors

Picks:Charles

John

Joe

Dungeons and Dragons
Lutron Caseta Wireless Smart Lighting Dimmer Switch with Amazon Echo

Shai

Ward

Virgin Galactic’s Rocket Man

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.

AiA 203: "Where To Store Angular Configurations" with Dave Bush Aug 21, 2018

Show notes

Panel:

Charles Max Wood
John Papa
Alyssa Nicholl
Joe Eames

Special Guests: Dave BushIn this episode, the Adventures in Angular panel talks to Dave Bush about his blog post Where To Store Angular Configurations. Dave has been programming for 30 years both in the .net and JavaScript spaces, and has been working with Angular since it first came out. They talk about the inspiration for writing this post, config.json, and APP_INITIALIZER. They also touch on optimizing, if he ever worked with Angular.js, and more!In particular, we dive pretty deep on:

Chuck’s Get a Coder Job Course
Dave intro
JavaScript and Angular
What was the inspiration for this blog post?
Blog posts born out of frustration
Static config files
Config.json
Downsides to config.json
Replicating on dev servers
Local hosts
What is APP_INITIALIZER?
The cost of APP_INITIALIZER
Optimizing
Making an environment-agnostic
Did you ever work with Angular.js?
Pros to the APP_INITIALIZER
jQuery
Great tips from his article
Making one build that works in any environment
Moving towards optimization
Source maps
And much, much more!

Links:

Sponsors

Picks:Charles

John

Joe

Dave

High-fat, low-carb diet
MTailor

Special Guest: Dave Bush.
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.

AiA 202: "Programming education/education research" with Neil Brown Aug 14, 2018

Show notes

Panel:

Charles Max Wood
Shai Reznik
Ward Bell

Special Guests: Neil BrownIn this episode, the Adventures in Angular panel talks to Neil Brown about learning to code and learning to code better. Neil works as a research fellow at Kings College in London where he works in computing education. He is very interested in how people learn to program and also making tools that make learning to program easier. They talk about things that experts can do to help new people pick up programming easier, how you can use live programming to teach novices, and the importance of having a supportive community. They also touch on what he has learned from his research, the necessity of practice over time, and more!In particular, we dive pretty deep on:

Ruby Rogues Episode 257
Neil intro
Learning to code better
What kind of things can we do to help new people pick up programming easier?
Experts operate differently than novices
How an expert codes VS how a novice codes
Pragmatic Thinking and Learning by Andy Hunt
Putting yourself in a new programmer’s shoes
Experts forget how much knowledge they’ve got
How do you need to design instruction for novices?
Live programming
Seeing that people make mistakes along the way all the time
Keep the mistakes
Computer science degree VS self-taught VS boot camps
People learn differently
Element of having a supportive community
Do you see any threat to people transitioning to online schooling?
The curse of knowledge
What have you learned in your research?
You need a lot of practice
Helps to have spaced practice
The best way to learn
Ten quick tips for teaching programming by Neil Brown
And much, much more!

Links:

Sponsors

Picks:Charles

Shai

Neil

Last Chance U

Special Guest: Neil Brown.
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.

AiA 201: AI & Angular with Asim Hussain Aug 07, 2018

Show notes

Panel:

John Papa
Ward Bell

Special Guests: Asim HussainIn this episode, the Adventures in Angular panel talks to Asim Hussain about AI and Angular. Asim has been developing for about 17 years, has been working with Angular for about 5 years, and runs the website codecraft.tv. They talk about what AI means to him and where he sees it fitting into the JavaScript realm, how he got into AI himself, and some fun use cases for AI in JavaScript. They also touch on what TensorFlow and Tensorflow.js are, training in the browser, and more!In particular, we dive pretty deep on:

Asim intro
codecraft.tv
Co-organizer of AI JavaScript London
What does AI mean to you?
Where does AI fit into the JavaScript ecosystem?
Interested in machine learning
How does AI apply to the real world?
How did you get into AI?
Python to JavaScript developer
AI has been growing exponentially
An example of something you can do with AI in JS that is really cool
The power of AI breeds creativity
Magenta.js and Tensorflow.js
Face recognition with JavaScript
Client-side processing
What is TensorFlow?
What is Tensorflow.js?
Neural net
Training in the browser itself
Where do JavaScript developers fit into the AI space?
Load model
Transfer learning
Practical applications
And much, much more!

Links:

Sponsors

Picks:John

Ward

MachineLabs - @machinelabs_ai

Asim

aijs.rocks

Special Guest: Asim Hussain.
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.

AiA 200: Episode 200 Jul 31, 2018

Show notes

Panel:

Charles Max Wood
Shai Reznik
Joe Eames
Alyssa Nicoll
Ward Bell

In this episode, the Adventures in Angular panel celebrates creating 200 episodes of Adventures in Angular! They talk about the origin of the show, how each of them came across the show and were asked to join the panel, and if there is a future for Angular. They also touch on where they see Angular going in the future, how difficult it is to predict how things are going to pan out in the next few years, and more!In particular, we dive pretty deep on:

The first episodes of Adventures in Angular
The origins of the show
Angular was really picking up – make a podcast
Chuck originally turned down the idea for the show
Now get around 8,500 downloads per episode
Alyssa heard about the show from ngConf
Is there a future for Angular?
What does Angular’s future look like?
Why I am betting my future on Angular 2 – Shai talk from 2016
Angular is here to stay
Angular IV
Learning the first 80% of different technologies is easy, the last 20% is the hard part
Angular in Depth blog
Angular is solving the right problems
Hard to know if Angular is going to be around for the long haul
Incumbent technology as we move forward
You never know what’s going to come up next
New technologies are the main “threat”
The case for Angular
Enterprise level products
Vue, React, and Ember
Having alternatives is a good thing
And much, much more!

Links:

Sponsors

Picks:Charles

Shai

Alyssa

Joe

Ward

NWLA Tournament

AiA 199: RxJS with Ben Lesh, Tracy Lee, and Jay Phelps Jul 24, 2018

Show notes

Panel:

Shai Reznik
Joe Eames
Alyssa Nicoll
Ward Bell

Special Guests: In this episode, the Adventures in Angular panel talks to Ben Lesh, Tracy Lee, and Jay Phelps about RxJS. Tracey is the co-founder of This Dot Labs, which does a lot for the JavaScript community and does JavaScript consulting, as well as is on the RxJS core team. Jay is also a co-founder of This Dot Labs and used to be on the RxJS core team. Finally, Ben is an engineer at Google, is the RxJS project lead there, and is on the Angular team. They talk about the changes to RxJS from the past year, the API changes for version 6, and more!In particular, we dive pretty deep on:

Ben, Tracey, and Jay intros
What happened in the last year with RxJS?
No longer a test scheduler
Using real timers
Version 5 VS version 6
TestScheduler.Run method
Won’t have to write code with injecting a scheduler
What’s the best way to get started?
Look at the docs
Understanding Marble diagrams
Many blog articles on Marble syntax out there
Wasn’t originally designed for public consumption
Using the test Scheduler is not a requirement for testing RxJS code
Jasmine testing framework
Jest
Marbles diagrams are a bit more declarative and specific to RxJS
Is it a part of RxJS proper?
API changes for version 6
Backwards compatibility package
TSLint rules
rxjs-tslint
TypeScript
And much, much more!

Links:

Sponsors

Picks:Shai

Joe

Ward

National Day Calendar

Tracey

Rx Workshop

Ben

Experimental branch in RxJS

Jay

brow.sh

Special Guests: Ben Lesh, Jay Phelps, and Tracy Lee.
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.

AiA 198: Building SharePoint Extensions with JavaScript with Vesa Juvonen LIVE at Microsoft Build Jul 17, 2018

Show notes

Panel: Charles Max Wood Special Guests: Vesa JuvonenIn this episode, the Adventures in Angular panel talks to Vesa Juvonen about building SharePoint extensions with JavaScript. Vesa is on the SharePoint development team and is responsible for the SharePoint Framework, which is the modern way of implementing SharePoint customizations with JavaScript. They talk about what SharePoint is, why they chose to use JavaScript with it, and how he maintains isolation. They also touch on the best way to get started with SharePoint, give some great resources to help you use it, and more!In particular, we dive pretty deep on: