Chris Gomez

Development topics for the indie programmer

Making your first web page at the International Back to School Hackathon

This weekend I attended the We Connect The Dots International Back-To-School Hackathon.  The students made websites dedicated to solving global problems in just 48 hours!  That included the time to learn to make web sites!  This was a great experience and I am really proud of the work that was completed.  The web sites look great and the students are using the same tools and frameworks professionals use!

Here is a link to the official recap by We Connect The Dots.  You'll see the smiling faces of our participants there, too!



After the event is over, you might want to learn more about web development.  I tracked down some good places to get started.  There are great web sites that will help you learn to build web sites and make them more and more awesome with JavaScript.

There’s plenty of resources out there for you to learn to make web pages.  Here’s a nice list to get started:

Places to learn

Codecademy – Learn to code right in your browser.  You can sign up for a new account using your Gmail or Facebook account.

FreeCodeCamp – The idea here is that you complete lessons and then write code to help non-profit organization that need web sites built.

Videos you can watch

Microsoft Virtual Academy courses

Microsoft Virtual Academy is completely free.  If you want, you can use your Microsoft Account to log in.  If you do that, you will get credit for the courses on the site and you earn points.

But I tested not logging in and it all still works (thank you Microsoft!)

There are hundreds of free courses here, but you might like these:

HTML5 & CSS3 Fundamentals: Development for Absolute Beginners

Developing in HTML5 with JavaScript and CSS3 Jump Start

Developng 2D Games with HTML5 – If you master the previous two, you might try this one out.  It’s a little more advanced, but you can learn to make games that work in your web browser or on your phone!

Online editors

You can code right in the web browser using these

Cloud9 – This online editor works right in the browser and you can log in using your GitHub account.  You can save code directly to GitHub and have it deploy to Azure Web Apps in seconds.

CodePen – An online editor where you can test out HTML, CSS, and JavaScript snippets quickly.  Ignore the paid plans and look for the free plan

Reference

http://developer.mozilla.com – This really is the best set of JavaScript documentation on the web.

http://wctdpa.azurewebsites.net – This was the reference site at the Darby, PA site that the kids used to compile “tips and tricks” for how to do different things.

Honorary Hacker

Our Honorary Hacker tells us about her website:

Philly.NET Hands On Lab - Getting Started with Git

Thanks to everyone who attended the Philly.NET Hands On Lab tonight!  I wanted to post some of the links and concepts I talked about so you wouldn't have to take notes during the meeting.

I find that git is unfamiliar to many "Windows" or "Microsoft" developers but yet we see it being integrated into more and more of our workflow whether we are ready for it or not.  You're seeing built-in support in Visual Studio and Visual Studio Code and the ASP.NET team is building ASP.NET 5 in the open in GitHub.  The Core CLR team is building the new .NET "Core CLR" there too.

To that end, I am working on a video series that goes much more in depth, so watch this space for announcements when they are ready.

But let's recap what we looked at in the lab!

GitHub Desktop - This is how I install Git.  I get the GitHub desktop tool and the posh-git Powershell extension right away.  It's sort of a "just works" approach for me.  Purists: feel free to complain.

My sample repository

To be honest, you should be able to create repositories and work on them without needing a sample, but if you want to try contributing to something, I'd appreciate help fleshing out my ES6 Demos that was the basis for a presentation in December.

https://github.com/SpaceShot/es6demos

Also, if you have anything to contribute to any of my samples, feel free!  If there's something you'd like to see me work on in a sample, open a GitHub issue!  Social coding in action!

GitHub-like experiences for the enterprise

You might choose to host Git at work if you aren't interested in cloud-based hosting or paying for privacy.  Here are some options.

GitLab

Bitbucket Server - This used to be called Stash

This list is not complete.  It's a place for you to start.

I have had personal experience with GitLab in real-life work and I've tested out Stash.

Other Git GUI Tools

SourceTree by Atlassian - Works with Mercurial and Git.  Like GitHub desktop it "steers" you to BitBucket, but works with any repository you want.

SmartGit - A commercial tool, which is tough in the days of free tools, but worth a look.

Podcasts about Git

I talked about Git and Social Coding on the Static Void Podcast with Jess Chadwick and Todd Snyder

Bill Wagner was just on .NET Rocks with an excellent show on Git and GitHub fundamentals.