4/16/09 ~ Week 1: Assignment – Back to Tables
I hate to say it but I have gotten a bit out of practice with my HTML and CSS scripting. Thankfully I retained all my notes from Intro to Scripting. I didn’t really have that many problems creating the table. I did catch a glimpse of Jesus Garcia’s layout and tried to implement his technique for creating the alternate colored rows, but didn’t have much luck. I found some other examples and played with them, but ultimately decided to create a fairly minimal table layout. My table is on upscale dining in Dallas. Basically, I focused on gourmet restaurants that are either owned or primarily operated by a chef. I kept it monochromatic and added links for those wanting to know a little more about the restaurants I selected. Below is a link to my table.
Upscale Dining in Dallas (table)
4/17/09 ~ Career Ideals
After I complete the Web Design & Interactive Media program I want to work as an action script developer creating web based applications with Flex. I attended my first D-Flex meeting last night and loved it. It’s a little over my head now, but after I get some practice down with the program that should hopefully change, quickly. The people I met there were very receptive to questions and are more than willing to help someone genuinely interested.
Before I even started taking classes at the Art Institute of Dallas I learned how to use HTML back when it was popular to use tables to create websites. My prior experience in conclusion to that includes: the little bit of CSS I was taught in IMD Fundamentals and the more intensive HTML and CSS instruction I got from my Intro to Scripting class.
4/23/09 ~Week 2: Assignment – Understanding JavaScript
This exercise definitely helped improve my understanding of how JavaScript works. The assignment was to recreate the code from the provided handout and then comment in detail why the JavaScript behaved the way it did. I’ve included links to the JavaScript examples below:
I didn’t have to much trouble commenting on the JavaScript in the first few examples but the last one proved a bit more challenging to explain correctly. Hopefully I got them right.
4/30/09 ~ Week 3: Assignment 1 – My First Javascript Program
I just couldn’t get it at first but after playing with it for a bit and a little help I finally got my first simple program scripted in Javascript. For now just going to provide a link to the simple version. To keep playing you have to refresh the browser but with the advanced version I should have it worked out where you don’t have to keep refreshing to play it, plus I want to add a randomizer so even I won’t know what number it is asking for. Will try to work out the kinks in the slightly more advanced one and upload it. Below is a link to the simple version for now:
Week 3: Assignment 2 – More on Understanding Javascript
Commenting out the JavaScript is helping me to grasp the way in which the code works, even though some of the calculations have me scratching my head at times. For instance the modulus still has me a bit confused on how it works. I get the basic principle of it but still have a hard time figuring out how to solve the equations for it. That is something I will need to work on and only practice can help me get better at it. Included below are links to the JavaScript examples:
Week 4: Assignment 1 – Tell Me Your Name
We had to write a program that asked for the user’s first and last name and then display their name back to them. This program was relatively easy to create and I didn’t have much difficulty with it. However when I checked the program in Firefox I discovered that the first name and last name ran together. It took me a while to figure out where exactly to set the space up so that it would reflect the data correctly to the user. After working with the code for awhile I finally figured out (with the help of my teacher) that the space needed to be put in the alert. That way no matter how long the user’s first name was (that is where I put the space initially) the space would show up.
Week 4: Assignment 2 – User Information
For this assignment we were required to write a program that included an array. I thought I got it at first but I was only creating two separate sets of variables instead of storing them in an array. I just couldn’t figure it out. I really need to start practicing more with JavaScript so that I can get a better understanding of it. I’m getting it for the most part just not all of it. The link for the second program is included below:
Week 4: Assignment 3 -Commenting on JavaScript
The first set of examples were pretty straightforward so they weren’t too difficult to explain. I did have a few problems commenting on the JavaScript for example 4_8 due to unfamiliar syntax. It took me a while to research on it but I do understand it better now. Here are the links to the examples:
Week 5: Assignment 1 – Input Data Table
I didn’t have too much difficulty getting the initial JavaScript together. Although the mailto tag completely confounded me. I just couldn’t figure out how to get the <a href=”mailto:”> to work in the document.write() JavaScript tag. (First time mixing JavaScript and HTML.) It finally was pointed out to me (after unsuccessfully trying to help me figure it out on my own) that it was simply a matter of controlling the quotation marks. Basically the HTML tag for mailto within the Javascript String Object, document.write, have to be concatenated. I felt dumb. After I finally got all the code setup I decided to play with the CSS to give some style to the page. I’m happy with the way it turned out. I used some of the characters from FMA (Full Metal Alchemist series) to fill in the default answers.
Week 5: Assignment 2 – Find that URL
This one took a while to figure out and in the end I had to get help with it. I do understand how it works cause I made myself re-write it a few times without looking at the previous example. Definitely a lot less code to execute than the previous program.
Week 5: Assignment 3 – What’s the Circumference?
Figured out the equation. Couldn’t figure out how to handle invalid data input from the user.
Week 5: Assignment 4 – String Objects
This program was relatively simple. I didn’t have any problems with it.
Week 5: Assignment 5 – Commenting on JavaScript
The first example wasn’t too difficult to figure out. I did have a bit of trouble trying to understand the code in the second example. After taking a break and coming back to it I was able to figure it out. The examples are included below:
Week 6: Assignment 1 – Multiple User Information
Since we were able to edit the previous week’s file for this assignment it wasn’t too difficult to complete. Just had to add a variable to capture the number that the user was prompted to input.
Week 6: Assignment 2 – Medical Info
This assignment was a little more involved since we were required to create a program that stored user information in an array and required a lot of cause and effect problem solving. I should understand if and else statements pretty well after this exercise.
Week 7: Assignment 1 – RGB to Hexidecimal Converter
This program really had me stumped for the most part, but once I figured out how to convert the inputted rgb values to hexidecimal it went much smoother. I managed to get the text color to change to accomdate the background color but sadly it doesn’t work with all dark colors. That is something I will have to work on.
Week 8: Assignment 1- Form Validation
Week 9: Assignment 1-Final Project (HTML file & Images)
For my final project I am creating an image gallery that will contain a few samples of my fine art work. The work is mainly examples from life drawing and a few samples from printmaking. A link is provided to the site page without JavaScript code added. So, basically the preliminary version of the gallery.
Final Project: Image Gallery
Once I had the basic coding down it was not to difficult to construct the image gallery. I did have a bit of trouble trying to get the text to show up in the correct place. It kept displaying above the image instead of below and was pushing the main image area around the screen. After I added an id to the specific paragraph tag I wanted to change it showed up exactly where it was suppose to. Click on the link below to view the completed project:
