Hello, World from Code Career Academy!


Hello, World from Code Career Academy!

The time has come to take the wraps off of what I’ve been working on this year!

Code Career Academy is an immersive code school in Lawrenceville, GA where I teach Full-Stack Web Development using both the Microsoft stack and Node.js and the MEAN stack.

Whew! That sure is a mouthful. So what does it mean? (No pun intended.)

An immersive school is often called a code bootcamp. The idea is that you strip away everything but the bare essentials of programming and prepare students for entry level programming jobs.

There are several coding bootcamps in the Atlanta Metro area, but none in Gwinnett. Gwinnett has a population of nearly 900,000 so I realized it would be a great place to start a school.

The other thing missing from most of the bootcamps in our area is Microsoft’s .Net.

The bulk of the schools teach Ruby on Rails, which is an awesome stack to work in and used by a large percentage of the startups in places like Midtown and Buckhead.

The only problem with Ruby on Rails is that the overall number of jobs in our area is far lower the number of jobs in .Net or Java.

If you are a beginner trying to break into a career in programming I’d advise playing the numbers!

Career Builder is a great resource for checking out the number of jobs in your area. If you check on Ruby on Rails jobs for the Atlanta area you will usually find couple of dozen listed.

If you search for .Net related jobs, you will usually find between 150 and 200 jobs.

For a beginner that’s a pretty simple equation!

If you want to learn more about our first classes which start in October and December of 2016 and January of 2017, check out Now Accepting Applications for Fall/Winter 2016/2017 Classes!

Hacking VS Code: My New Pluralsight Course

My Caption

Hacking Visual Studio Code

Every programmer needs a good text editor he or she can extend.

Microsoft’s new text editor Visual Studio Code is just such an editor.

Of course getting started writing extensions for any text editor can be a bit daunting.

That’s why I made my new Pluralsight course Hacking VS Code: Writing Your First Extension for Visual Studio Code.

In this course I’ll walk you through the basics of writing your first extension.

If you want to see the extension I use as an example you can check out Static Site Hero.

This extension is super simple, but it solves a real world need I had. If you’ve seen my first Pluralsight course Build a Better Blog with a Static Site Generator, you know I use a static site generator to produce my blog. Static Site Hero helps me insert HTML figure structures into my markdown pages via a simple wizard.

I hope you enjoy my new course, and if you do please rate it to help other people find it!

This Changes Everything: Xamarin Tools Are Now Free!

Scott Guthrie
Scott Guthrie
This is HUGE, no kidding.

For several years now Xamarin has provided an excellent set of tools that let you write mobile apps in one language, C#, then compile it to native apps on each platform.

Many of us believed this was the best approach for mobile, but couldn’t justify the pricetag for the Xamarin stack.

Guess what?

Microsoft bought Xamarin and announced at the Build Conference this week that not only is the pricetag becoming “Free” the source itself is becoming “Free”.

That’s right free as in beer and free as in liberty.


Even more amazingly they will be included with Visual Studio’s Community Edition which is also free (at least as in beer).

I really do think this will change the way people build mobile apps.

Why on earth would I write an iOS app and an Android app that share no code?

I’ve loved the C# language for years, and now there’s no reason I can’t use it to write all my mobile apps.

Build a Better Blog with a Static Site Generator

Slide Deck

Slide Deck from my talk. Download Here

These are the slides from a talk about setting up a blog with a static website generator that I gave first to GGMUG
and then the Atlanta .Net User Group.

I also did a workshop based on this content for the Atlanta Windows Apps group.

If you want a full, step-by-step course on getting your blog set up with a
static website generator, you can check out
my course on Pluralsight:
Build a Better Blog with a Static Site Generator

Adding Images To a Hexo Post Via Markdown

Sample Image Added via Markdown

This is a sample image added via Markdown in an HTML figure. Also, I got a new camera
and took a pretty cool picture of a helicopter.

Maher Jendoubi asked how to add images to a Hexo blog post via Markdown.

Rather than try to post the answer in the comments of my course
Build a Better Blog with a Static Site Generator, I thought
I’d do so via a blog post so that I could go into more detail.

First let’s look at the basic Markdown syntax for inserting an image:


So it’s just an exclamation point (or bang) followed by square braces and then parentheses.

This is essentially the same as a link, but with the addition of the exclamation point.

The two bits of info we need to add are the Alt Text and the image location.

The Alt Text goes inside the square braces and the link goes inside the parentheses.

If we look at the image at the top of this post what I see in my text editor is this:

![Sample Image Added via Markdown](/content/images/2015/12/sampleImage.jpg)

If you view source on my page what you would see is this:

<img src="/content/images/2015/12/sampleImage.jpg" alt="Sample Image Added via Markdown">

So the next question is “Where the heck do I put the image??”.

The answer is actually “Wherever you like inside the source directory.”

In my case I have a structure inside my source directory that looks like this
(pruned for clarity here):

│ ├───images
│ │ └───2015
│ │ ├───01
│ │ ├───02
│ │ ├───07
│ │ ├───09
│ │ ├───10
│ │ ├───11
│ │ └───12
│ └───presentations
│ └───2015
│ ├───02
│ ├───07
│ ├───10
│ └───11

I put my static content inside a “content” directory because I picked up the habit
while working with ASP MVC. You might choose to simply create an “img” directory.

Any directory that starts with an underscore (_data and _posts) will be either
ignored (_data) or in the case of _posts, processed
by Hexo (converted from Markdown to HTML for instance), but anything without an
underscore will simply be copied to the output directory.

You can expand on that syntax a few ways.

I like to put my images inside <figure> tags, so the full bit I see is this:

<figure class="left-align quarter-width">![Sample Image Added via Markdown](/content/images/2015/12/sampleImage.jpg)<figcaption>
This is a sample image added via Markdown in an HTML figure. Also, I got a new camera
and took a pretty cool picture of a helicopter.

Yes it looks crappy all run together on that first line, but if you put in linebreaks
Hexo’s Markdown to HTML conversion will add in extra <br/> tags and screw up
your layout.

One last thing I often do is make the image itself into a link.

This one gets messy, so hold on… We’ll make it simply link to the full image itself.

[![Sample Image Added via Markdown](/content/images/2015/12/sampleImage.jpg)](/content/images/2015/12/sampleImageFullSize.jpg)

And here is the result:

Sample Image Added via Markdown

The messy part you see is that the entire image syntax goes inside the link’s square brackets.

That is very easy to get wrong. This is another bit where using your text editor’s
snippet functionality can help (covered in Module 6 of my course).

I hope this helps! Let me know in the comments if you have any questions.