Michael G's Blog

Sitemap, Wireframes, Files

Posted in Advanced Scripting by michaelg1980 on March 9, 2010

Advertisements

Guest Speaker

Posted in Advanced Scripting by michaelg1980 on February 17, 2010

Excellent speaker. Kudos, Gina, for snagging him. ūüėÄ

I forgot his name, but his enthusiasm and dedication was most impressive.¬† The thing I came away with was “Love what you do and do it will all your heart.”¬† In a nutshell.¬† It sounds cliche to say it and write about it, but “being proactive” was what it boiled down to for me.¬† He said it more than once, “If you don’t love graphic design, get out of it.¬† It will eat you up if you don’t love it”¬† By extension, “If you don’t love web design, then get out…”¬† And, this is where I found myself in relation to the speaker.¬† He obviously loves what he does, and I know what I would love to do, and it’s not graphic or web design.¬† Though I’m sure graphic and web skills¬† will come in handy a little later.¬† No, I am not a designer.¬† I am an artist.¬† An educated artist.¬† It is my earnest and passionate intention to open and curate a gallery.¬† Doing this, I imagine I too will exude the same spark, the same energy, focus and power I saw in the speaker earlier today.

“Don’t ask yourself what the world needs. Ask yourself what makes you come alive and then go do that. Because what the world needs is people who have come alive.” ~Howard Thurman

What’s this stuff mean?

Posted in Advanced Scripting by michaelg1980 on February 2, 2010

The Javascript File Code:

// initialize the counter and the array
var numnames=0;
var names = new Array();
function SortNames() {
// Get the name from the text field
thename=document.theform.newname.value;
// Add the name to the array
names[numnames]=thename;
// Increment the counter
numnames++;
// Sort the array
names.sort();
document.theform.sorted.value=names.join(“\n”);
}

The HTML Code:

<html>
<head>
<title>Array Sorting Example</title>
<script type=”text/javascript” language=”javascript” src=”sort.js”> <<This part links to the Javascript file above
</script>
</head>
<body>
<h1>Sorting String Arrays</h1>
<p>Enter two or more names in the field below,
and the sorted list of names will appear in the
text area.</p>
<form name=”theform”> ¬†<<Here’s where the form is first identified so that the statement “document.theform…,” in the function SortNames, knows where to go and grab something.
Name:
<input type=”text” name=”newname” size=”20″> ¬† <<This is the place the value “newname” is entered by the user and located by the ¬†statment “thename=document.theform.newname.value;” in the function SortNames.
<input type=”button” name=”addname” value=”Add”
onclick=”SortNames();”> <<This is where the function SortNames is activated by user’s click.
<br>
<h2>Sorted Names</h2>
<textarea cols=”60″ rows=”10″ name=”sorted”> ¬†<<Here, the text area “sorted” is identified, so the method “names.sort” knows where to put the data identified by the property below it: “document.theform.sorted.value=names.join(‚Äú\n‚ÄĚ);”
The sorted names will appear here.
</textarea>
</form>
</body>
</html>

A Link to my first array!

Fuckin’ wit Javashit

Posted in Advanced Scripting by michaelg1980 on January 26, 2010

Week 3 – Why am I here?

Well, this week our assignment was to create original interactivity similar to the iRock example we did in class. ¬†Here’s what I did: http://mcgarcia1980.aisites.com/advanced_scripting/week2_hmwk_1.1.html

I made it as a joke because, frankly, I’m tired of learning new languages. ¬†I used the basic format used for the iRock thing. “Function,” “variable” “if.”
Cheers!

Here’s a link to something cool: http://yayeveryday.com/post/8797

My Notes, Summarized

Posted in Advanced Scripting by michaelg1980 on January 13, 2010

Week 1 – Intro to JavaScript

Overview:

  • XHTML provides the structure
  • CSS provides the style
  • JavaScript provides the action or interaction (performed by the browser)

JavaScript History:

  • First appeared in 1995, developed first by Netscape (RIP)
  • JavaScript was created as a client side ¬†language to make web operations faster. ¬†Because modems were ass slow.

JavaScript Implementation:

  • JavaScript is made up of three layered parts:
    1. ECMA script – provides the core functionality base, on which more robust scripting languages are built (DOM or Adobe Flash, etc)
    2. DOM (Document Object Model) Рprovides methods and interfaces for working with the content of a page. Adds support for mouse and user interface events.  Kind of standardized.
    3. BOM (Browser Object Model) Рprovides methods and interfaces for interacting with the browser.  Ex: Allowed access and manipulation of the browser window. Least standardized.

Server-Side and Client-Side:

  • Server-Side – computations, etc. that occur on the server (CGI, ASP, PHP)
  • Client-Side – computations, etc. occur on the clients’ browser (RIA). ¬†Uses less bandwidth, so good option to make things faster and more economical.

Define the items below:

  • Web 2.0 – 2nd generation of the web. ¬†Describes the move towards interactive participation of users with information/content. ¬†Users are the focus and “pullers” and generators of the content they want.
  • Ajax – A combination of multiple languages. ¬†Offer the ability to asynchronously update a page in the background without interfering with the display and/or behavior of ¬†the existing page.
  • RIA – Internet apps that can run in tandem with or independent of an internet connection/browsers. Ex: “E-bay Desktop”
Tagged with: