Bathurst TAFE student page...

http://www.bathurst-tafe.nsw.edu.au/~jrollin/

Microsoft System Tools

A big day discovering system tools

Debugging JavaScript

Investigation of options for debugging JavaScript.

Researching the options for debugging JavaScript in a browser I have found these development tools:

Mozilla Firefox 2 Browser -

· “Venkman” the code name for Mozilla's JavaScript Debugger. This is freeware.

· Firebug 1.05. You can edit, debug, and monitor CSS, HTML, and JavaScript with this very popular add-on tool. Freeware.

Internet Explorer 7 Browser–

·Microsoft Script Editor.A free component of Microsoft Office XP/2003.

· Microsoft Developer Toolbar Add on.This is Free.

· DebugBar. Free for personal use.

I also found this award winning standalone programme. "SplineTech JavaScript HTML Debugger "is an independent, feature-rich JavaScript Debugger that enables you to easily edit and debug JavaScript inside AJAX, HTML and DHTML. It fully supports native browser side JavaScript. Price $70.00.

My computer system is Microsoft Windows XP, Media Center Edition, Version 2002, Service Pack 2; I have installed Internet Explorer 7 and Mozilla Firefox 2.

Mozilla is my main browser used, so I looked at these options.

Open source Firebug 1.05 (for Firefox 1.5 and 2) is a very powerful and very popular JavaScript debugger. It runs on Windows 95/98/Me/NT/2000/XP/2003 Server/Vista. It has had 5,474,032 total downloads at the Firefox Add-on site https://addons.mozilla.org/en-US/firefox/addon/1843. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. It has useful features like a dynamic console, DOM tree explorer, CSS viewer/editor; script explorer and network monitor to see all Flash, XMLHttpRequest, JS and Images. This is a must have tool for web developers and appears to be indispensable. It helps with performance tweaking and JavaScript debugging and has a great DOM element inspector. A great time saver to find those JavaScript bugs. I am impressed it does not take up any toolbar real estate. Due to JavaScript and other dynamic elements it is able to edit the web site you're viewing and give real-time updates to CSS & layout. Firebug’s one vulnerability is extension authors do not consider the security aspects of their work that much. Browser attacks are possible.

I also downloaded JavaScript Debugger 0.9.87.3. from https://addons.mozilla.org/en-US/firefox/addon/216. It works on Mozilla Firefox Versions .9 to 3. It aims to provide a powerful JavaScript debugging environment. I found that after opening the programme up once and closing it, I could not get it back. This and crashing seemed to be a common complaint. The developers blame Firefox “You cannot open the JavaScript Debugger a second time after closing it - this is not our bug! It is a bug with Firefox 1.5 and 2.0. If we find a way around it, we will of course include it, but until then you must restart Firefox to reopen the debugger.” I personally found it ugly, unintuitive and unworkable.

Conclusion: FireBug stops your JavaScript and steps through it line by line. It is a simple and lightweight way to set breakpoints in your scripts and examine every step of execution. This Mozilla Firefox add on is invaluable for anyone coding JavaScript.

mage: 'Happy Birthday Soudeh :)'
www.flickr.com/photos/44124425616@N01/293714811

Another Monday at the Hive

Our great leader "Bothered by Bees" marches his swarm through the honeycombed maze of automate processes.....

The Javascript Trek

Image: 'Think different.'
www.flickr.com/photos/29635150@N00/549583560
Image: 'Top of the World'
www.flickr.com/photos/36521968006@N01/183927

calisthenics for your brain...

Pete tried today to make powerful he-men of us, Charles Atlas proteges. Alas.... too many variable apples and too little time .... and I have decided that one banana is enough for me to cope with
banana_1
eat banana
END





Image: 'zack the bananahead'
www.flickr.com/photos/54289096@N00/880893

The Anarchy of Algorithms

Yes another exciting and fun Monday diving deep into algorithms.
Being a visual learner as we explore the programming landscape, I absorbed our gurus image for explaining algorithms....
Aha the guiding principles....a: sequence b: selection c: repetition













I get it. So being the exemplary student that I am I found my own algorithm...
In this algorithm selection is very important....
















Image: 'Wallace's Toilet'
www.flickr.com/photos/59562171@N00/35872670

Monday morning....

Well catching on to CSS Pete... Have done this page from skills acquired in your class...

http://bathurst-tafe.nsw.edu.au/~jrollin/thedrought/index.html

OHHHH and......

To those 31% of you out there who are still using "I.E. 6" , sell your computer and take up knitting.... now...........




mage: 'balaclava - boy'
www.flickr.com/photos/93619143@N00/245246275

C.S.S. Specialist diagnoses is in.....

Doctors report not looking good...... "A major bug in system, appears to be terminal !!!!!!"

Image: 'Another crazy Doc'
www.flickr.com/photos/16346469@N00/2068128772

Edit image: in house or using Picnik

Another week goes by

Not a good week........ laying out a web page with CSS divs and getting it to work in both Internet Explorer and Firefox is a frustrating task..... hope Microsoft's promise that IE 8 is standardized is true...... also am suffering terrible indigestion from following our teachers instructions... printed sheets (although good quality) play havoc with my stomach and I suspect the enemy still has an advantage....

Never

SO YOU... use tables for laying out your web pages, constantly make your headings from images, favour xhtml transitional, worship Internet Explorer, believe an I.D. is a common everyday identifier, and espouse that open source is a scourge on society.......
OUT OUT of the class now...........
do not return.... until you wipe the slate clean
padding: 0px 0px 0px 0px
margin: 0px 0px 0px 0px
or hide.... your face
.hideme {
visibility: hidden;
}
Our class has principles

Image: 'don9t do this'
www.flickr.com/photos/75125403@N00/2094415296

Subcide

Great site from Hamilton New Zealand, by Steve Dennis. http://www.subcide.com/

Tips I acquired .......

A div is basically a rectangular container that we can position using CSS.

BODY

div id=”page-container"

CSS

#page-container="page-container" {

width : 760px ; (sets whole page)

margin : auto ; (centers div)

}

An ID is a unique identifier that we use for things that are only going to occur once on the page. eg headers, footers, navigation. For recurring elements like links we use classes.

Html and body tags have default margins and padding on browsers, so set rule

html, body {

margin: 0;

padding: 0;

}

The comma means “or”

As content is added to this div it automatically changes height to fit.

A float is an element that is aligned against the left or right side of its container.

Which countries border the Iguazu Falls

Image: 'c a t a r a t a s d e l i g u a z u'
www.flickr.com/photos/92159363@N00/114862457

Yes some do read the FAQ page, and I wouldn't mind to visit there.
Training O2 is another site created by our prolific teacher. Does this guy ever sleep?













Training O2 is a social site for us info hunter gatherers to survive in this new networked world of ours.

My flaming vote is in for HTMLDog Tutorials



Image: 'NYC - AMNH: Spitzer Hall of Human Origins - Neanderthal diorama'
www.flickr.com/photos/70323761@N00/415498434

---

From now on its Core FTP LE for me .....why ? Lets see

I found Core FTP Lite Edition easy and intuitive to use. It was fast, and the visual interface is very straight forward. It is free for windows software (platform) but you can purchase the professional edition for more advanced features.
It can be downloaded on their site: http://www.coreftp.com/download.html
The latest version is 2.1 updated on March 6th 2008. The file size is 3389 KB and takes about 20 minutes on dialup. I had no problems installing but if you have issues go to their forums for answers http://www.coreftp.com/forums/
The great thing is that there are no popup ads, advertising or spyware and you are never asked or reminded to register. Thank goodness. I liked that the site manager box appears each time you open the programme with an easy connection arrow. The full drag and drop support and the overwrite mode if you are updating a file with the same name are great features.

---

FileZilla

Image: 'Bathurst TAFE I block' taken by some bloke called "BotheredByBees"
www.flickr.com/photos/87273935@N00/238329712

FileZilla - Lets go port 21

1. Open up FileZilla - go to site manager and create a new site called Bathurst TAFE
2. Host is our Bathurst TAFE I.P. address, username is your name and password is the individual password Steve gave us.
3. Go to transfer settings and choose active transfer mode. It is actually better to use passive for firewall and gateway security but alas can only get through on active.
4. If connected we have local site on the left and remote site on the right.
5. Find your files and folders on your local computer and just drag across.
   
6. Files on the server can be overwritten for easy version updates.
7. Don't forget to use the server directory public_html for all our web files
   

---

Lists

The Creative Commons licenses enable copyright holders to grant some or all of their rights to the public while retaining others through a variety of licensing and contract schemes including dedication to the public domain or open content licensing terms. The intention is to avoid the problems current copyright laws create for the sharing of information.The project provides several free licenses that copyright owners can use when releasing their works on the Web.
Peter wrote flickrCC so he could easily find photos on flickr that were released under the creative commons license.They are free.

Steps for obtaining photo's for website

1. Open flickrCC in a browser
2. Deselect for editing
3. Search for a keyword
4. Choose image on left panel
5. Select small size for image
6. Right click image and copy to images directory
7. Set up "img src" tag with name of image
8. Copy attribution with link to original photo
9. Paste attribution

Creative License use

1. No editing and no commercial use
2. Editing but no commercial use
3. Editing and commercial use
4. No editing and no commercial use

FTP

One of the most commonly seen questions when dealing with firewalls and other Internet connectivity issues is the difference between active and passive FTP and what the difference is.

Active:

In active mode FTP, the client connects from a random port to the FTP server's command port, port 21. Then, the client starts listening and sends the FTP command to the FTP server. The server will then connect back to the client's specified data port from its local data port, which is port 20. From the server-side firewall's standpoint, to support active mode FTP, communication channels need to be opened. The main problem with active mode FTP falls on the client side. The FTP client doesn't make the actual connection to the data port of the server, it simply tells the server what port it is listening on and the server connects back to the specified port on the client. From the client side firewall this appears to be an outside system initiating a connection to an internal client--something that is usually blocked.

Passive:

In order to resolve the issue of the server initiating the connection to the client a different method for FTP connections was developed. This was known as passive mode, or PASV, after the command used by the client to tell the server it is in passive mode. In passive mode FTP the client initiates both connections to the server, solving the problem of firewalls filtering the incoming data port connection to the client from the server. While passive mode FTP solves many of the problems from the client side, it opens up a whole range of problems on the server side. The biggest issue is the need to allow any remote connection to high numbered ports on the server.

Since administrators running FTP servers will need to make their servers accessible to the greatest number of clients, they will almost certainly need to support passive FTP. The exposure of high level ports on the server can be minimized by specifying a limited port range for the FTP server to use.

Image: 'Trans-Dimensional Portal Ahead' www.flickr.com/photos/99796131@N00/8730356

---

Let the Bathurst TAFE Web begin..

Web Design 4 here at Bathurst TAFE http://www.bathurst-tafe.nsw.edu.au/ has begun and our HTML guru "Shaggy" begins to lead us through the perils of programming.