New Pluralsight course with Lars Skovbjerg Klint and myself Play by Play: Sharing Code with npm Modules Between Angular Web and Ionic Mobile Apps

http://www.pluralsight.com/courses/play-by-play-sharing-code-npm-angular-ionic

Play by Play is a series in which top technologists work through a problem in real time, unrehearsed and unscripted. In this course, Play by Play: Sharing Code with npm Modules Between Angular Web and Ionic Mobile Apps, Duncan Hunter and Lars Klint demonstrate what code you can share between your Angular mobile and webs apps. Learn how to separate out the common code from your angular services and state management into custom npm modules, discover helpful tools and strategies for making npm packages, and how to share your finished npm modules. By the end of this course, you’ll have the fundamental concepts to make custom npm modules and share code effectively between Ionic and Angular apps.

Photo supplied courtesy of Soul Solutions Pty Ltd http://soulsolutions.com.au/

I had a blast at my hometown DDD Brisbane with a lot of my work friends also presenting it was a great fun vibe so thanks to the organisers.

I presented on sharing code between mobile and web applications with Angular and Ionic and the journey I am on using with npm packages or nx workspaces.

Here is a slide deck link to the presentation

I was super excited to record another interview with a friend of mine Justin who I am continually learning from.

This time we were talking nx or Nrwl Extensions for Angular which is an open source toolkit for enterprise Angular applications.

Super excited to publish another Pluralsight course on ngrx with my mate Lars.

If you would like to get started learning about how to use ngrx and the redux pattern in your angular applications then this course Play by Play Angular and ngrx on Pluralsight is a great place to get started.

ngrx is an RxJS powered state management for Angular applications, inspired by Redux

@ngrx is a controlled state container designed to help write performant, consistent applications on top of Angular. Core tenets:

State is a single immutable data structure
Actions describe state changes
Pure functions called reducers take the previous state and the next action to compute the new state
State accessed with the Store, an observable of state and an observer of actions
These core principles enable building components that can use the OnPush change detection strategy giving you intelligent, performant change detection throughout your application.

I just came back from ng-conf2017 the biggest Angular event each year in Utah. I wanted to share some of the highlights with you.

If you are into Angular it is the best conference I have been too and like a three-day party really.

Figure: https://www.ng-conf.org/ home screen

Highlights tech wise

1. Angular is at version 4 and we should call it Angular with no version number and Angular 1 is now AngularJS
2. ngrx state management tool is huge now and we should be using it for big projects https://github.com/ngrx
3. The Angular CLI is huge and we should be using it cli.angular.io Also expect changes to this space as it is going to become a SDK and means any custom builds will be expensive to keep up-to-date
4. Angular is stable and everyone is building awesome things with it and you should not start new projects with AngularJS
5. We should have Container and Presentational components and the presentational components should only have @Inputs and @Outputs and no injected dependencies.
6. Angular is taking on semantic versioning expect a new major version every six months. We will be at version 5 by Christmas.
7. 1.3 million devs use the AngularJS docs monthly and 850k the Angular docs which have grown 300% while the AngularJS docs have not changed. Angular is still huge!
8. Ionic is at version 3 now and it is more popular than native script when talking to people who have built Angular mobile apps but native script has fans with less enterprise examples.
9. Learn RxJS well as the Angular team are embracing it more and more especially with the forms.
10. The main things we will see from the team in the next six months are performance improvements and the framework will be relatively stable. This is a huge deal as it has been changing a lot.

Best sessions to watch

Day 1 key note - https://www.youtube.com/watch?v=anzsE2TbCyk

Daye 3 key note - https://www.youtube.com/watch?v=Nj9_p4qvm5U

ngrx - https://www.youtube.com/watch?v=cyaAhXHhxgk

components and structure - https://www.youtube.com/watch?v=d7fLYenKy-I

Firebase functions. Interesting to see what google is doing with cloud functions https://www.youtube.com/watch?v=kG71Hg9cUhQ

What you can not watch and why you should go

You can not capture the networking and friendship from the conference and the fun of immersive learning. You should go!

Figure: Guest 5min appearance on Angular Air podcast live from the

Figure: Hanging with the Protractor team from Google

Figure: It snowed

Figure: It is overwhelming by the end

Another great trip talking three great groups of devs through building an Angular app with ngrx and testing in a day.

Thanks to all who came and make these events so interactive and awesome. Do not forget to linkin with me and join the conversation by following me on twitter @dunhunter

Lots of new more stable angular tips and tricks versus our last tour and we get more and more done with the Angular CLI!

We even gave a full price $3000++ ticket to ndcsydny.com away thanks to NDC!

Figure: Melbourne

Figure: Sydney NDC Ticket raffel

Figure: Sydney

Figure: Brisbane

You can see the code here.
https://github.com/SSWConsulting/angular-super-powers-melb-april-2017

I was lucky enough to interview Jakub when he was out from Seattle USA.

In this interview Jakub and Duncan discuss:

1. Building the Azure Management Portal and its challenges
2. TypeScript and how the portal has taken over a million lines of TypeScript
3. Insights into what to use if Jakub started again with the Azure Portal

Speaking at Ignite on the Gold Coast was an awesome time. More importantly hanging with my SSW team was a real blast.

Thanks Ignite 2017!!

Presentations

Angular 2 Testing: Techniques and Practices

https://channel9.msdn.com/Events/Ignite/Australia-2017/OPEN331

Figure: Taking testing Angular with Adam Stephensen

Angular 2 War Stories – We’re Bringing the Front Line to You!

https://channel9.msdn.com/Events/Ignite/Australia-2017/OPEN341

Figure: Taking Angular war stories with Adam Stephensen

Channel 9 Interview

Interview with Adam Stephensen and Duncan Hunter

https://channel9.msdn.com/Events/Ignite/Australia-2017/Interview-with-Adam-Stephensen-and-Duncan-Hunter

Figure: On channel9 talking Angular

Figure: Team photo for SSW

Figure: SSW team presenting at Ignite

The event was sold out with 100 Angular devs. The event came to be after a call out from SSW's Adam Cogan on the internet seeing if anyone in Seattle wanted to run one of the Angular Hack Days we have run in Australia. The call out to the community was picked up by the Googlers on the Angular Protector team who came up with a great venue at Google HQ Seattle and GDG funded lunch (yum Mexican!)

Broken Angular CLI

Well not for long. Only 5hrs before the day began an Angular CLI update had a bug. With 100 people installing the Angular CLI it was excellent to see the Angular community rally and almost instantly find a fix that got us all unblocked with the expected smooth CLI install experience reinstated. One of the benefits of the massive community around Angular is how the community are always around to help like this.

A Whirlwind introduction to Angular by Julie and Michael

First up was Julie and Michael who did a fantastic job at presenting a two-day internal Google training session in less than two hours. They clearly know their stuff as they ran through at a high level all the parts of what is now a very comprehensive framework.

Hacking begins

Next, everyone was excited to start hacking, and it was cool to see everyone opening up their personal and work projects and making real things!

Many people worked through the excellent angular tutorial mgiambalvo/demo-youtube-player

Walking around the room helping people out it was inspiring to see people who love learning and living on the bleeding edge of new technologies.

RxJS in Angular by Duncan

After some fabulous Mexican lunch had been put on by the Google catering team, I gave a talk on RxJS and observables and how they fit into Angular and where to get started.

What is coming next in Angular by Stephen

A surprise visit from Angular Core Team member Stephen Fluin who flew up from Mountain View led to an impromptu talk on what is coming next for Angular. Also a reminder it is just Angular now and no need to say Angular #!*@ (insert a version number)

It's just Angular and AngularJS

Use Angular Material to make sites sexy by Duncan

This talk was an intro to Angular Material and how to make an amaze balls themed layout in Angular Material showing off the new flex-layout features.

AngularFire 2 rocks by Craig

Craig gave a great talk on how to use Firebase with Angular which some great insights into dealing with authentication.

Lots of Hacking

With the talks done everyone was charging away till the end eagerly making changes to their projects and sharing knowledge.

Presentations, Links, and Slides

Julie and Michae - Let's Learn Angular

Duncan - RxJS

Duncan - Angular Material 2

Stephen - Angular Next

Craig - AngularFire 2

More images from Craig's twitter summary

Dinner with the team

Big thanks to the guys from the Protractor team at Google Seattle for having me and running an awesome Angular Hack Day!

NDC London was a blast. If you ever get a chance to go or present at an NDC Conference you should go they are truly the best conferences.

Adam Stepehesen and I did two talks on Testing Angular and Angular War Stories. The slides to the talks are listed below along with some images.

Angular Testing Slides

Angular Testing Code

Angular War Stories Slides

Figure: Practicing in the Aloft Hotel
Figure: Adventures in Prague post NDC
Figure: Adam and I excited to arrive
Figure: Catching up with Gerard Sans - Google Developer Expert
Figure: First Ever Wallaby Stickers

Rad day thanks for the help from the SSW crew Jo, Anthony, Stephen, Adam and all the attendees it was so fun!

Also huge thanks to the Angular team and community today Adam Stephensen and I built an Angular CLI app from scratch with routing, lazy loaded modules, validation, rxjs and more bundled ready for deployment. It really is a strong platform now and ready for prime time.

The code from the day is available here: https://github.com/SSWConsulting/angular-super-powers-melb-nov-2016

The pictures say more thanks all.

UPDATED

I now just install one extension that installs all the best angular extensions called Angular Essentials from John Papa

Everything below here is reference to how I use to get all the extensions seperately.

I get asked every time I open VSCode what extensions I use for VSCode and Angular2. Here are my updated favorites. I have a lot more, but these are the ones I can not live without at the moment. Thanks to the authors of these plugins they rock.

1. angular2-switcher

2. TypeScript Importer

3. Wallaby.js

4. Angular 2 TypeScript Snippets

5. tslint

6. Path Autocomplete

One to watch out for is https://github.com/angular/vscode-ng-language-service which gives you code completion in your HTML templates. I use it and a big fan of where this is going.

Figure: Autocomplete and errors in the HTML!

If you like these or want to suggest others, please leave a comment below!

Had a fun time presenting with Adam Stephensen on "Angualar 2 war stories".

You can get the slides here http://bit.ly/angular2warstoriesbnedotnet

Had a great turn out and a lot of fun at Angular Hack Day Brisbane.

It was great to present on Angular 2 and testing. You can find the slides and links to code and video here http://bit.ly/testingangular2brisbane2016

It was awesome to have the whole SSW Brisbane crew there to present.

Thanks to my team "Da Programmers" we did not win this trophy but in my mind we did!

And thanks to all the hackers who made it a great day!

Had a great turn out and a lot of fun at Angular Hack Day Melbourne.

It was great to present and spend most of the day teaching.