GitHub Update

As St. Patricks Day approaches I reflect I was at WordCamp last year about this time and decided it was  time for a GitHub update.

GitHub Update I created my GitHub account back in 2012, and never really knew what to do with it. I mean, I didn’t have code that was so magical or wonderful that it needed to be shared with the world. And the years rolled by; 2012 became 2013, then 2014, and 2015 came and went. Then in 2016 I took part in an amazing program at General Assembly(GA), a coding school, called Web Development Intensive (WDI).

HTML 3.2 Compliant Web Page Logo
HTML 3.2 Compliant Web Page Logo

Now remember I have been building web pages since before HTML 3.2 can out, because I remember when it came out, or at least I started using it sometime in 1998. And I started building pages to the new 4.01 standard in 2000. So the WDI was a reboot for me. I had dealt with the buzz word Dynamic HTML, and XHTML phase, and then HTML 5 came out in for real in 2014.

HTML5 standards compliant
HTML5 standards compliant

I had tolerated JavaScript back in the early days because it would work in Netscape and IE, where as my beloved VB-Script only worked in IE. I was starting to use CSS back in 2000, but by 2011 CSS3 was here to stay, and growing. MY Basic JavaScript days were gone with jQuery, a cross-platform JavaScript library designed to simplify the client-side scripting of HTML, having taken its place in my tool-set some time back in 2012. All this adds up to still nothing worthy of adding to GitHub.

Along came 2014, the year of JavaScript fatigue. Every time I turned around, every MeetUp I would go to there was something new, that I was aware of, but didn’t really know. NodeJS with its V8 engine, Angular JS was replacing Backbone, Gulp was taking over from Grunt. And in 2016 I took part of the WDI at GA, and got me back on track.

GitHub Update 2018

ProGit BookcoverFinally I learned how to work Git and GitHub. In 2016 I had 210 contributions, and then had a lag. Bounced came back in 2017, after the WordCamp 2017 with a pledge to do 100 Days of Code.
I had 409 contributions in 2017.

So my “State of the Union” GitHub Update is that I made 421 contributions in 108 repositories in the last year.

JavaScript fatigue

  • Ember,
  • Angular,
  • React,
  • Express,
  • Grunt,
  • Bower,
  • npm,
  • Broccoli,
  • Gulp,
  • Lodash,
  • Underscore,
  • rxjs,
  • Knockout,
  • SocketIO,
  • Threejs,
  • D3,
  • Backbone,
  • Ionic,
  • Angular2,
  • React Native,
  • Redux,
  • Alt,
  • Reflux,
  • Webpack,
  • Bluebird,
  • Express,
  • Mocha,
  • Jasmine,
  • Chai,
  • Less,
  • Sass,
  • Postcss.

Zume-Pizza and npm code

Turns out there is a Pizza delivery service named Zume. However I came across Zume as a software package, because I was intrigued when I saw it in some code the other day. As an npm package, Zume is, “An opinionated static-site generator with gulp”. Created by oscarotero, who also created the jquery cheat-sheet, which is where I saw the code. And so far I haven’t been able to find any tutorials about it. Dang, so maybe its a 1-off. Yeap, the guy has created 38+ packages on NPM website.

I was originally digging into this because I want to really learn jQuery, or better than I do.  So here is a link to his GitHub repo on the jQuery cheat-sheet. And then I took a quick peak at his over-all GitHub, and he writes a lot of code, 1,737 commits this past year. But he takes his 2 days a week off during the week. Much like I do.

 

gitIgnore

So yesterday, I learned how to use a .gitignore file. I had seen them in use, and knew some folks used them, but i had not yet. Again another thing, that until you do it, you’ve never done it. Then once you do it, ok. Turns out, like most things, no big deal once someone explains it to you. Well, no one explained it to me. It was my job to explain it to someone else. Ya. ok, I have never used it, knew a little about it, so go figure it out. And I did.

A file, with no file extension like .doc, or .txt,  and starts with the .dot, which makes it a “hidden” file. Like your hosts file on windows, c:\Windows\System32\Drivers\etc\hosts

I currently just have two lines in there

node_modules
npm-debug.log

later I will have 3

Put the .gitignore file at the root of your project. Now in an earlier version of my project, I had the node_modules in a folder called flapper news, so it would have been /node_modules. But now its also at the root.
I later added the npm-debug.log to the .gitignore file once I started trying to deploy it and the log file poped up. I don’t need that in the git repository.
Later, if I use grunt, I will need to add “build/*.js” to the .gitignore file as well. So check out the Readit project and my use of the .gitignore file on my GitHub @gokemon

Cloud ~ stuff

Cloud, Cloud, Cloud… everything cloud. Ya ya. well really, this might work. Cloud9? I know GitHub is my cloud-based software repository and version control stuff. And I deploy my sandbox apps to Heroku in the cloud. And BitBucket is in the “cloud”. AWS is the cloud. Docker and DigitalOcean, and more, like Cloud9.

Come to find out Cloud9 is development environment in the cloud that allows developers to get started with coding immediately without needing locally installed IDE’s. And of course Cloud9 for SalesForce works with Apex, Visualforce, and Lightning. Ok. So time to look more into it.

Right now I like my simple CodePen. I can export them as GitHub gists, which I can them import as repo’s. I like learning about sublime. I am sure at some point, I will start working with Visual Studio Code. I still feel overwhelmed with my PHP-Storm and have been thinking of rolling it back to just Webstorm.

Cloud 9 integrates with Git, Subversion, or even CVS. And at some point tackle learning Atlassian’s JIRA.

Javascript Patterns and Gulp

This month, we had a beginner session by Jonathan Martin of Big Nerd Ranch. Then, the 2 main presentations:

JavaScript Patterns

Some 30 years ago software engineers began to incorporate some of the architect Christoper Alexander’s design patterns work into their own, with the crecendo being the Gang of Four’s “Design Patterns: Elements Of Reusable Object-Oriented Software” written in 1995. Understanding these common proven methodologies for solving problems can accelerate development, improve maintainability, and conjure better software almost magically. Being classless, it’s often difficult to directly see how classical design patterns can map to more fluid languages like JavaScript–but the language has taken quite nicely to both classical patterns and even supported the invention of some novel, never seen before patterns.

Jeremy Duvall is a software architect with Slalom Consulting specializing in scalable, performant, and maintainable enterprise applications built through the lens of a healthy respect for compiler technology.

Gulp.js

Gulp.js is a JavaScript build system that has come onto the scene by storm and has become a serious contender to Grunt. We’ll go over the evolution of build tools, compare Gulp to Grunt, and of course – give a demo of Gulp in action. http://keenwebconcepts.com/presentation/pdf/2014_Gulp_JS_ATL.pdf

Github:
https://github.com/zedd45/gulp_demo_2014

Chris Keen – is an veteran software developer in Atlanta. Things he has built on the web with JavaScript ranges from vector-based weather maps to games.
(http://www.meetup.com/AtlantaJavaScript/events/183408832/)