Angular 2 Challenge Day 14 - Using 3rd party JS with Angular CLI and Configuring an In-Memory RESTful endpoint

You’ll need to test your API - and your backend might not be built yet. But no matter! The Angular 2 team have your back with an InMemoryDbService Http RESTful database.

Learn how to configure it in today’s episode (or just learn about using 3rd party JS with the Angular CLI)

You can always grab tagged source code on the GitHub repo which will be tagged day1, day2, etc.

You can Subscribe to my Fresh Bytecode channel for regular Java/Web-related screencasts, or if you’re just into Angular, checkout the YouTube Playlist where I update all the episodes in this series as they come out.

[Read More]

Angular 2 Challenge Day 13 - Introducing Http and Observables

It’s finally time to introduce some Http action into our app by fetching our Friends in async! Along the way we’ll learn about Observables.

You can always grab tagged source code on the GitHub repo which will be tagged day1, day2, etc.

You can Subscribe to my Fresh Bytecode channel for regular Java/Web-related screencasts, or if you’re just into Angular, checkout the YouTube Playlist where I update all the episodes in this series as they come out.

Here’s the script so you can follow along at home:

[Read More]

Angular 2 Challenge Day 12 - Deep Linking in the Router

On Day 12 we turn the Angular 2 Router up to 11 by deep linking to specific friend in our friends component.

You can always grab tagged source code on the GitHub repo which will be tagged day1, day2, etc.

You can Subscribe to my Fresh Bytecode channel for regular Java/Web-related screencasts, or if you’re just into Angular, checkout the YouTube Playlist where I update all the episodes in this series as they come out.

Here’s the script so you can follow along at home:

[Read More]

Angular 2 Challenge Day 11 - Router Essentials

It’s time to introduce you to the Angular Router and get our menu routing to the various components in our application.

You can always grab tagged source code on the GitHub repo which will be tagged day1, day2, etc.

You can Subscribe to my Fresh Bytecode channel for regular Java/Web-related screencasts, or if you’re just into Angular, checkout the YouTube Playlist where I update all the episodes in this series as they come out.

Here’s the script so you can follow along at home:

[Read More]

Angular 2 Challenge Day 10 - The Refactor and Consolidate Episode

Today we inject services into services, refactor business logic out of components, and introduce you to Plain Old TypeScript Objects.

It’s a major tech debt paydown! And we consolidate everything you’ve learned so far!

You can always grab tagged source code on the GitHub repo which will be tagged day1, day2, etc.

You can Subscribe to my Fresh Bytecode channel for regular Java/Web-related screencasts, or if you’re just into Angular, checkout the YouTube Playlist where I update all the episodes in this series as they come out.

[Read More]

Angular 2 Challenge Day 9 - Services and Dependency Injection

The technical debt has been piling up fast in our FeedComponent. It’s time to refactor that business logic out into services - and today on the show we’ll teach you how to get started.

(Spoiler: If you’ve done any Spring or Guice or Java EE6+ - this will be a piece of cake!)

You can always grab tagged source code on the GitHub repo which will be tagged day1, day2, etc.

You can Subscribe to my Fresh Bytecode channel for regular Java/Web-related screencasts, or if you’re just into Angular, checkout the YouTube Playlist where I update all the episodes in this series as they come out.

[Read More]

Angular 2 Challenge Day 8 - Data Binding and ngModel

It’s finally here - the day we add a tweet input element and can actually post things to our timeline.

Let’s take a moment to brag:

Let the tweets flow!

You can always grab tagged source code on the GitHub repo which will be tagged day1, day2, etc.

You can Subscribe to my Fresh Bytecode channel for regular Java/Web-related screencasts, or if you’re just into Angular, checkout the YouTube Playlist where I update all the episodes in this series as they come out.

[Read More]

Angular 2 Challenge Day 7 - Properties and Styles

Today on the show we investigate Angular 2 [property] syntax - and also explore the wonders of per-component styling.

Now with click events and dynamic styles!

You can always grab tagged source code on the GitHub repo which will be tagged day1, day2, etc.

You can Subscribe to my Fresh Bytecode channel for regular Java/Web-related screencasts, or if you’re just into Angular, checkout the YouTube Playlist where I update all the episodes in this series as they come out.

[Read More]

Angular 2 Challenge Day 6 - Events

Today we investigate the wonders of (click) events and catching them in our backing component. We’ll be tweeted and favoriting up a storm.

You can always grab tagged source code on the GitHub repo which will be tagged day1, day2, etc.

You can Subscribe to my Fresh Bytecode channel for regular Java/Web-related screencasts, or if you’re just into Angular, checkout the YouTube Playlist where I update all the episodes in this series as they come out.

Here’s the script to follow along at home:

[Read More]

Angular 2 Challenge Day 4 - Migrate to RC5

In today’s episode, we’re moving from RC4 to RC5. RC5 is reported to be the last of the breaking changes before Go-Live, so it’s worth upgrading.

Here’s some cool resources to checkout for further deep diving on the RC5 migration:

You can always grab tagged source code on the GitHub repo which will be tagged day1, day2, etc.

You can Subscribe to my Fresh Bytecode channel for regular Java/Web-related screencasts, or if you’re just into Angular, checkout the YouTube Playlist where I update all the episodes in this series as they come out.

[Read More]

Angular 2 Challenge Day 3 - Components within Components

In today’s episode, we’re moving from “page thinking” to “component thinking” as we explore nesting Angular components within one another.

It’s also time to start getting our Twitter vibe happening using some magic stuff from Semantic UI

You can always grab tagged source code on the GitHub repo which will be tagged day1, day2, etc.

You can Subscribe to my Fresh Bytecode channel for regular Java/Web-related screencasts, or if you’re just into Angular, checkout the YouTube Playlist where I update all the episodes in this series as they come out.

[Read More]

Angular 2 Challenge Day 2 - Where Things Go, SystemJS and Component Trees

Day 2 is now live and we hack some properties on our first component (as well as learn how Angular’s component model hangs together).

Three big ideas on today’s show:

  1. Where everything goes in an AngularJS CLI application
  2. What SystemJS is, and how it bootstraps your main app code
  3. How Angular components are structured with html, css and components (think “backing beans”)

Lots of groundwork laid today for the next episode where we hack our first component tree.

[Read More]

The "Learn Angular 2 in 21 Days" Challenge

Ok. Let’s file this one under “bite off more than you can chew, then chew hard”.

Without a Goal You Can't Score

I’m committing to produce 21 bite-sized episodes covering the basics of Angular 2 as I learn them. The general idea is that we can build a bit of community to encourage one another to dig deep for 21 days and get a good sense of the framework (one coffee at a time).

The 21 Day Plan for Learning Angular 2

My scratchy outline for the series is:

  1. Getting Installed / Background on the JS community. Dev toolchain.
  2. Inside a blank Angular 2.0 project. What all the files are. What lives where.
  3. Writing your first component. Selectors, Templates (internal/external), Styles (internal/external)
  4. Introducing (events) and [properties]
  5. TypeScript quickstart
  6. Models and Data Binding
  7. Refactoring Components (parent/child)
  8. Communicating between components
  9. Introduction to Services and dependency injection
  10. Unit Testing services
  11. Routing architecture and basic menu action
  12. Routing for deep linking with parameters to URLs
  13. Working with Http and CRUD operations (and mocks)
  14. Forms and Validation with Component Binding
  15. Forms using the Forms Builder API
  16. Material design
  17. Integrating 3rd Party JS and Component Libraries
  18. Working with Observables and Promises and Reactive Programming
  19. Linting, Code Coverage and Quality Tools
  20. Integration Testing
  21. Bundling and Minifying with WebPack
[Read More]

Java Devs are going to love Angular 2

Last week I did my first full day of hacking on an Angular 2 application. I’ve been wanting to get into Angular2 for a while, having hacked a bit of Angular back in the day.

I wasn’t a massive Angular 1 fan, but I really love what’s happening in the Angular 2 space. Having worked my way through the (excellent) getting started application, there’s a few things that immediately jump out at you.

Java/DotNet guys are going to love this!

To be honest, this is the first JavaScript framework I’ve used that feels immediately familiar for an enterprise developer - it feels entirely non-JavaScripty, designed for scale and (actually) feels very much like Enterprise Java.

Angular 2 All The Things

What makes me say that?

[Read More]

Using CloneDeploy for Imaging Windows 10 Workstations

I know all the rage is around VMs and Docker these days, but there are still some of us that have to manage imaging real physical workstations - in my case the ones we use in our mobile training labs (for our rocking Aussie Git Course, for example).

In the past we’ve used Acronis SnapDeploy, but since our current version (4) wasn’t working on Windows 10, and the upgrade options were bamboozling, I decided to do a bit of a scan to see what’s been happened in the space in the last little while.

The end result is that we’ve moved to an Open Source cloning and imaging app called CloneDeploy, and it’s all kind of awesome.

CloneDeploy - Browser Based Image deployment on Windows 10

What’s to love? Here’s eight things!

Well, for one, it it’s browser based, and runs fantastic on IIS and Windows 10. I really don’t want to have to boot a VM to run an imaging solution, and this one works just great out of the gate on Windows 10. Someone has taken the time to make that a great experience. Thank you, someone!

[Read More]

The Great Gap Year Project

It’s been over 20 great years…

I’ve been in client-facing consulting for over 20 years. I started on the University Helpdesk in 1993 - and loved the client time, but was busting to use my programming skills. I took a job in R&D on Web tech and I’ve never looked back. Counting it off, I’ve been in Enterprise/Web Development for at least 20 years. Man, I must be old!!!!

That’s a long time to be hacking on enterprise software, in a mainly Government environment (with a few years hiatus for various Startup projects), so this year, with my wife back at work as a Clinical Psychologist, and with my recruiting company providing a steady (small) passive income…

I’m taking a gap year!

(Or a Sabbatical, if my parents ask)

“Life is short. Do stuff that matters.”

[Read More]

From Lumia to Nexus, and from Microsoft to Microsoft

I’ve spend the last two years in the Windows Phone ecosystem, and I’ve had a (mostly) wonderful time. The UI is buttery smooth, the hardware is solid (a little too solid in the case of the Lumia 930), and the A list apps are (mostly) all there.

But it’s time to move back to Android. At least for the next season.

Here’s some of my thinking.


flickr photo shared by Janitors under a Creative Commons ( BY ) license

My next season is Java and Google-centric

I entered the Microsoft Mobile ecosystem because I was day-jobbing in DotNet (had a wonderful time, but that’s the topic for next time).

[Read More]

Deleting Windows 10 Recovery Partitions

Just a short post to document some of the things I came across in Windows 10 recently when trying to delete recovery partitions on a freshly migrated SSD boot drive.

Have you noticed that you can right click on the recovery partition but don’t get any delete options?

It’s time to roll up the sleeves and unleash some commandline magic. The basic gist is:

  • Find the disk number and partition you want to delete in Disk Manager
  • Run the DISKPART tool
  • Make Magic Happen with Commandline ITPRO skills

Finding the Disk Number and Partition Number

First, you’ll need find the disk you want to re-partition. You can use the Disk Manager that comes up when you right click on “This PC” in explorer and select “Manage…”

[Read More]

A day with Vision Australia doing WCAG2

I’ve never really taken the time to get on top of WCAG2, ARIA and all the cool accessibility stuff that’s surrouding the modern web. So it was time to set that right!

I spend the day yesterday with Pierre from Vision Australia doing their Web Accessibility Techniques training package.

It was great to get the skillset, but more importantly it was great to get the heart for this work and what a huge difference it makes for people who are blind, deaf or need low vision assistance.

And the basic changes are all so doable! Even for a accessibility noob like myself. And definitely within every developer’s reach.


flickr photo shared by davehalb under a Creative Commons ( BY-NC-ND ) license

[Read More]

A Handful of Markdown Hacks

I do love working in Markdown.

I find it gets me out of “edit mode” and into “create mode” a lot easier. No distracting formatting to obsess over, and just lots of clean text to work on. And I can edit it with anything.

In fact, I love it so much, I moved this blog to Hexo last year to give myself an experience of writing it in more seriously. And it’s been a great experience. Everything is just text!

I’ve just finished Wes Bos great (and free) course on Mastering Markdown - and I learned a whole bunch of new Markdown hacks and thought I’d share a few that were new to me.


flickr photo shared by othree under a Creative Commons ( BY ) license

[Read More]

Moving from FOMO to Genetics

I totally love Austin Kleon’s books on creativity.

Love. Them.

If you haven’t read them, they’re a few bucks on Amazon, and a great pint-sized books on inspiration. I’m currently re-reading “Steal Like an Artist” - and every time I read his stuff I get inspiration for other spheres of my life, whether it’s music, business, faith, family, or, in today’s case, programming.


flickr photo shared by Austin Kleon under a Creative Commons ( BY-NC-ND ) license

I was reading stuff today about how you are the sum of your influences, plus a bunch of your own stuff.

[Read More]