What I Learned From Teaching Web Development

February 16th, 2011
What I Learned From Teaching Web Development

Not as easy as I thought

I recently had the opportunity to teach beginning web development to 8 people, that were all graphic designers, and absolutely no web experience. I don’t mean they haven’t used Google, I mean no HTML or CSS. I was basically working with a clean slate, and could teach them how to do things the right way directly out of the gate. Needless to say, I was very excited. Not being easy though, is a huge understatement. That is because there is a really, REALLY big difference in teaching someone who has a little knowledge of HTML, and someone who has none. I quickly became aware my outline was going to be thrown out the window.

What went wrong?

Well, first thing was that I totally overestimated the seeming simplicity of HTML. I only talked about 15 or so elements, just the basics you would need to create a web page. Nothing fancy, and no HTML5 what-so-ever. I am self taught, and I don’t really remember how I learned it, only that I really wanted to, so set out and did it. I was dealing with people who were about to be laid off and just wanted to add a skill set to their resume. I think that alone is a huge difference. I was dedicated to learning it and getting into the field. These students of mine, were not really looking into going into web development per say, just have the knowledge to build a basic site to make them look better for future job positions. What is the difference? I knew it was going to be a long and difficult road, the people I was teaching didn’t expect it to be as hard as it is.

Read the rest of this entry »

Free Give Away – Zerply Invite!

February 14th, 2011
Free Give Away – Zerply Invite!

FREE STUFF!

Heard about Zerply yet? No? Follow the link and read the little bit they have there on the home page. You have to be invited to be a member, so I am giving away one invite to it. Leave a comment on this post, or on any other post (relevant to the topic of course) and I will pick the winner on Thursday. The winner of my previous give away is not eligible to win the invite for Zerply.

Read the rest of this entry »

Teaching Web Development To New Comers

February 9th, 2011
Teaching Web Development To New Comers

Teaching is easy when you know what you are doing

Right? Well, I’m not so sure. The back story to this is not happy. About 20 people I used to work with (over 5 years ago) just got laid off from their Graphic Design jobs. Not good. They got a good severance though, so they have some time to find new positions. Anyway, a bunch of them have asked me to teach them how to build a website, and get some web skills so that they have more things open to them.

I have taught people at my current position during an all day training thing, and that is what led me to start this blog. I really enjoyed showing people how to do things, and watching them use that knowledge. Now I get to teach people who seem to be really excited about learning web development and I am really looking forward to it. One problem though…they now absolutely nothing about HTML or CSS, so where do I start?

Read the rest of this entry »

Little jQuery Slider Navigation

February 2nd, 2011
Little jQuery Slider Navigation

I love the little stuff jQuery can do
I was noodling around the other day with jQuery, and decided to share another simple little navigation script. It is only 8 lines of code, which includes the ready function, and closing brackets, so if you actually take into account just the stuff that matters, only 5 lines. You can check out the demo below.

View Demo

Yes, all it does is move the arrow around on rollover, but it is a simple effect and you might be able to come up with something better knowing how to do this.

Read the rest of this entry »

Tutorial – CSS And jQuery/Ext Trap Door Navigation

January 27th, 2011
Tutorial – CSS And jQuery/Ext Trap Door Navigation

Dual library action

I’ll be showing you how to do a trap door navigation, which I’m sure has been done before. But I’ll be showing you how to do it in jQuery AND Ext. Why? Because I had to do it in both at work. A trap door navigation is basically a two image system where the ‘li’ gets one image, and the ‘a’ tag gets another so that as the link expands, the image grows with it. When you rollover each navigation item, the images then change.

Why thought can’t you do this with just CSS? You could try like I did using something like ‘li:hover’, but the problem occurs on when the images actually change on rollover. There are issues with the ‘li’ image changing because the ‘a’ tag is on top and that is what you are rolling over. Javascript is used then to correct the issue. Check out the result:

View Demo

Read the rest of this entry »