Archive for the 'Angular.js' Category

198 Views on Plunker!!!

Tuesday, November 3rd, 2015

I made one of my plunks public yesterday.  It is a front end to some data the Firebase hosts.  Firebase hosts, exposes, and keeps updated Airport Delay Data.  I decided to create a plunk that exposes that data.  It has been viewed 198 times, it’s been forked twice, and favorited twice.  Man this is awesome!

Firebase… AngularFire… Angular… Bootstrap… Plunkr

Sunday, November 1st, 2015

Here is my Firebase… AngularFire… Angular… Bootstrap… Plunk

Plunkr is awesome.  A lot of people user Plunkr for lots of reasons.  I use it for fun and practice.

One thing I always wanted to do is add persistence and a single data endpoint that can be modified by different people on different plunks.  The reason I wanted to to this is because I think that would be fun.

So I took my first crack at it.  It’s really interesting and cool to me.  I made the plunk public on Friday and it already has 73 views.

Firebase is AWESOME.  As a person who used to be a Front End Developer I can say that Firebase is EXACTLY that I always hoped backend APIs would become.  It’s like a dream come true for me.

I have spent hours and hours trying to describe what I thought a back end should be to IT people.  Firebase built what I was trying to describe… it’s so nice knowing that I am not crazy.  FIREBASE ROCKS!

102 Views For Working with Bootstrap Progress Bars. URL performance tester.

Friday, October 30th, 2015

My Progress Bars Plunk is up to 102 views.  Ten of the 102 views came from linked in.  Some of the views came from this blog.  I think the majority of the views came from plunker’s home page.

This makes really happy.  It makes me happy because I still matter in programming.  I think it’s very clear that I can’t really make a living as a programmer any more. I don’t really understand the reasons, but I have ideas.  Even with the fact that I can’t earn money with programming it’s nice that I still have a voice.

I really appreciate because it allows people like me to continue contributing even after we are no longer economically relevant.

So… Yay!  I broke 100!  I suppose this one will probably stop around 160 in a few weeks.  I am getting ready to roll out my first Firebase plunk.  I opened it up to the public 13 hours ago and it has 33 views.  I am going to link to it from this blog tomorrow to see how that impacts the views and then I will post it onto Linked in on Monday morning to see what impact that has.

Finished Up My Bootstrap Progress Bar Demo

Thursday, October 29th, 2015

I finished up my Bootstrap Process Bar Demo.  It’s at:

I am very happy with it.  I wish I could take some more time to polish it up.  I would love to add the ability to add/remove URLs.  It would be cool to see the results in bar charts.  It would be cool to see to total time and elapsed time for sync vs. async… but alas there is so much more to learn.

I think I am done with my exploration into Bootstrap/Angular integration.  For me, now, it (using bootstrap and angular together) have moved from ‘near impossible’  realm to ‘super simple’  realm.

The next thing I want to focus on is integrating firebase and angular.  I think it’s going to be a little tricky but once I get the hang of it it will be super simple.

I was considering working on integrating Raphael JS or three.js next.  I finally decided to work on firebase because I think firebase integration is going take a lot less time to lock in than either of the canvas libraries.  Basically, I think I might be done with firebase integration in just a week or two, but I bet it will take months to get through all of the things I want to do with Raphael.

My end goal for firebase is to build a fully working chat program within plunker.  My end goal for raphael is to build a fully working tetris game in plunker.

Plunkr Hobby

Wednesday, October 28th, 2015

I think my career as a coder is over.  I have always said that I would code long after my ability to earn money coding has ended.

Coding is a lot of fun.  I remember enjoying coding when I was a kid with my Vic 20.  I liked it because I got fast feedback.  I would just write some code and hit a button and bang I could see the results. is a lot like that.

I think making plunks is a lot of fun.  I really enjoy creating a plunk and if it’s one that I am proud of or if I think it might be useful I make it public and share it.

It’s fun to watch how many people look at a plunk.  My record so far is my bootstrap glyph viewer with 54 views.


Bootstrap Button Groups

Monday, October 26th, 2015

As a part of my mission to understand how to integrate Bootstrap and Angular I am going dig into bootstrap button groups.  I am going to build a tiny angular app that allows the user to apply and remove button group classes.

Here’s where it’s going to be

AngularJS/Bootstrap Dropdowns

Friday, October 23rd, 2015

Using AngularJS and Bootstrap together makes a lot of sense.  Angular is nice because of things like DI, two way binding, directives…  Bootstrap is nice because of things like responsiveness, the grid system, wells, panels, components…

There are a few places where they overlap.

Once place is on dropdowns. Typically you want to use Angular to determine what is shown and not shown on a screen.  Bootstrap, how ever, is very good for hiding and showing drop downs, tabs…

What do you use and when?

Bootstrap Glyph Viewer

Thursday, October 22nd, 2015

I am trying to get comfortable using AngularJS and Bootstrap together.  I have finally moved passed to CSS and now I am to the components.

The first component is are the Bootstrap Glyphs.  I think Bootstrap Glyphs are awesome.

I want to build a grid that shows the glyphs.  I also want to be able to filter the glyphs.  Here’s where it’s going to be:

AngularJS/Bootstrap – forms

Tuesday, October 20th, 2015

I have been trying to get practice with AngularJS and Bootstrap. I noticed that people that are good at both and good at using them together can put good looking applications together very quickly.

My next experiment is going to be with Bootstrap Forms.  I am about 70% complete at I write this post.  Here is a link to it:


AngularJS/Bootstrap – tables

Sunday, October 18th, 2015

Bootstrap lets you do some cool stuff with tables.  The thing to keep in mind is that using tables makes creating mobile friendly sites much more difficult.  The bootstrap grid system naturally stacks in mobile views, but tables never stack they only get more narrow.

With that written sometimes tables are the best option and bootstrap has some nice classes to help.

I am about 90% complete with a plunk that helps understand with various Bootstrap classes do.  Here is a link:

I am using Angular to turn Bootstrap Classes on and off.