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.

Basic Skills of a Front End Developer

Front end developers use HTML, CSS, and JavaScript to code the website and web app designs created by web designers. I’ve combed through dozens of front end developer job listings to see which skills are the most in-demand right now. These are the things that real employers are looking for in job applicants today (and will still be looking for in the near future). Master these things and you’re certain to land an awesome Front End Developer job!

  • HTML (Hyper Text Markup Language)
  • CSS (Cascading Style Sheets)
  • JavaScript is the core of the rest, such as
  • jQuery, a JavaScript library
  • JS frameworks like
    • AngularJS
    • Backbone
    • Ember
    • ReactJS
  • Front End Frameworks like
    • Bootstrap
    • Foundation
    • Susy
    • Material
  • CSS Preprocessors like
    • SASS
    • SCSS
    • LESS

And then digging into experience with RESTful Services and APIs. REST stands for Representational State Transfer. In basic terms, it’s a lightweight architecture that simplifies network communication on the web, and RESTful services and APIs are those web services that adhere to REST architecture.

And of course all of these sites you build need to be Responsive and of a Mobile-first Design mindset (which Bootstrap can help). Cross-Browser Development is a given, with the wide range of IE, Chrome, Firefox and others out there. Shims, resets, and browser prefixes help.

And lastly you need to cultivate a Testing and Debugging mindset. Test-Driven Development is not hard, but it is time consuming and rarely taught in tutorials and bootcamps, and this will set you apart as a professional. Which of course, you also do really need to know Git and Version Control Systems. So when you go to build your portfolio, try to find ways to show off your Problem Solving Skills. This is really want any good employer wants, someone who can solve problems.


Creating A Successful Online Portfolio

My (Simple) Workflow To Design And Develop A Portfolio Website

Backbone Double Header

So this is an amazing office space. Ogilvy and Mather

Pamela Fox presented Backbone 3 Ways

Backbone is one of the most popular MVC frameworks for JavaScript
these days, and one of the reasons for its popularity is that its
minimal and lightweight. That makes it easy to use in different ways
and adapt to different projects – but can also make it hard to learn.
In this talk, I’ll start with Backbone basics, and then dive into
three different ways that we use it to power the front-end of
Coursera.org.

Pamela is a graduate from the USC Computer Science Department. While at Google she worked on the widely successful Maps API and the ill-fated Wave API. She is currently working at Coursera to improve online education.

Brian Mann presents Backbone.MarionetteSecond Talk, Lessons Learned Using Backbone: Beyond the One-Task App by Brian Mann

There are many examples of simple one-task Backbone applications, but few if any explain how to approach building larger scale projects. In this talk you’ll learn to bridge the gaps that backbone doesn’t solve. You’ll also learn about Marionette – a composite framework for building and structuring Backbone applications.

Brian Mann has spent the last year building a large Backbone application using Ruby on Rails. He currently works at InspectAll http://www.inspectall.com, a SaaS web application used to analyze industrial compliance and inspection data.

 
(http://www.meetup.com/AtlantaJavaScript/events/74850832/)