This interactive tutorial engages the student as they learn how to create and use variables in computer languages. It is designed for beginning web and programming programs.
- Give examples of every day objects that are used like variables.
- Create a variable using the keyword var.
- Initialize a variable using the assignment “=” operator.
- Describe when to use the keyword var as well as when that is redundant.
A case study and code walk through is included giving the students a sense of how variables are used. The case study involves a basic form and a feedback page showing the user’s input.
View the interactive preview here.
It is available now at Teachers Pay Teachers
Judy Genereux, one of our Web Programming graduates, sent me a link to Devin R. Olsen’s web page showing how to created nested menus using pure CSS.
This one-page tutorial shows how to build up a menu, one layer at a time, and doesn’t add any extra information that might side-track you from the goal. When you are finished you will have a nice basic menu system that will be easy to modify for whatever site you use it on.
The best part is that this code works with IE5, IE6, IE7 and IE8 as well as FireFox and Safari.
Here is a link to an example menu.
Google Alerts is a great tool to help you keep the pulse on specific topics being published to the Web.
Set up alerts for any topic you are interested in:
- sports team
- products or trademarks
- your domain name (who else is referring to it?)
- favorite topics or business names
- people, famous or otherwise
The service is free and whenever Google sees a phrase that matches your Alert it will send you an email with links to that page.
Here is an example: I work with Drupal, an open-source content managment system. By setting up an alert for “Drupal” I can find out about all the latest reference to this program including potential security holes someone has discovered, tutorials, and new books.
I’m forever doing the USB dance. Each time I start to insert a USB device I flip it back and forth wondering which way is up. I was complaining out loud during a meeting the other day. "Why don’t USB manufacturers use two different colors of plastic or a large symbol that we can feel?" I asked everyone. Someone pointed out that there is the USB symbol, but it is so small and I shouldn’t have to put my glasses on to figure out which side of a plug goes up.
I got an idea later that day and went and got a bottle of my wife’s fingernail polish. Here’s a shot showing how I marked the "up side" of each of my USB plugs. And, now a week later I’m pleased to report that this has made my life just a little smoother.
Now, if we could only get architects to design doors so you could tell by looking if you should be pushing or pulling… Instead of fingernail polish everyone has to put up signs telling us to push or pull. That’s great until you are in a country where you don’t know the language. Why not just design things properly so their use is obvious? Push or Pull ?
We shouldn’t have to resort to fingernail polish and push/pull signs.
Clients often ask me about adding web counters to their web sites. When the Web first came out people would have numbers at the bottom of their pages showing how many visitors had visited the page. The trouble with this was that often these people would have their web site as their main browser page throughout the company. Then, every time an employee would open up a browser the page counter would be updated, giving skewed results.
All of has changed with the availability of new tools such as Google Analytics.
Google Analytics also tells you the difference between new visits and when a person moves from page to page on your web site.
Paul Boag also lists some good tools you can use for this on his blog http://boagworld.com/forum/comments.php?DiscussionID=20 . His information as well as the feedback from his users will give you some other web stat tools that can help you judge how effective your web site is.
InkScape is an open-source alternative to Adobe Illustrator. It uses SVG – Scalable Vector Graphics which is XML based. You can download it here. Tavmjong Bah is working on an InkScape book. You can view his preliminary copy on his web site.
Here’s a sample of the type of illustration that can be created using this program:
This is a perfect companion to GIMP (GNU Image Manipulation Program) which is an open-source program similar to Adobe PhotoShop. GIMP is excellent for photo manipulation.
An Application Programming Interface is a set of functions that let you “hook” into a system without having access to the source code or inside workings of that system. There’s an API for all the modern languages like Java, PHP, Ruby On Rails, and HTML. Sites such as Google, Amazon, and eBay all have an API allowing programmers to access information from their sites. Here’s a list of the APIs Google has available for many of its services including maps, adwords, and Blogger data. This lets a savvy programmer include all types of eBay or Amazon services on their web site by using what these sites have already created.
You can also think of an API as a dictionary. Just like an English dictionary displays words and their meanings, an API lists all the functions available in the API as well as what type of information each one is expecting and what type of information each function will return. Programmers use an API as a reference in using functions correctly.
Up until now a programmer had to keep a copy of each API on their computer or keep a list of bookmarks pointing to the APIs out on Web.
gotapi.com changes all of that. All the common language APIs are now available from a single link page. (Sorry, the application APIs such as Google, Amazon, and eBay aren’t listed yet.) As a programmer this means you can find information quickly as you are writing code.
Tip: With the gotapi.com page displaying, click and drag the icon in the Address field of your browser and drop it on upper part of your Start menu button. You’ll see a solid black line showing you were it will be positioned as you drag it into the Start list.
Anytime you need to look up a function, gotAPI.com is only a click or two away.
– Special thanks to Sean Washington for reminding me about this really great programming tool.