jQuery Lab

Assignment

Find a jQuery tutorial/technique  on the web. When evaluating the script make sure that the page is still usable without Javascript enabled. You should pick something that can be integrated into your current site to meet the above mastery requirement. Submit the URL to me via email of the working script. Due Wednesday.

Some examples to get you started…

Progressive Enhancement

Assignment

Begin looking for ways you can implement jQuery into your final project. Identify what is it you’d like to do (image gallery, carousel, lazy load etc.) and begin researching what it takes to get it implemented. Your assignment for the weekend will be to get something working you can submit to me next Wednesday.

Resources 1 | 2 | 3

Introduction to jQuery

Additional Reading and Study – Javascript 101

Read the following Article on Progressive Enhancement. Send me an email (tswallace@ualr.edu) explaining progressive enhancement in your own words. Please discuss why it is important to use progressive enhancement and include a link to another article you found and read relating to the topic. Due before class Monday.

Creating Imagery for your Site

Assignment

Create Banner image for your sample page in Fireworks. The image should be as wide as your container div and between 80px and 200px tall and less than 40kb in size. Emailed tswallace@ualr.edu before class on the Monday following Spring Break. Have fun with this. You can make an image for anything. It could be a company, an event, a hobby etc. I’d like to see the following elements present in your design. Typographical Element, some sort of photographic element or vector artwork, and a consistent color scheme (Try Kuler).

Next class I’ll show you how to integrate this image into your template page properly. Please bring the file to class.

Working with Fireworks

  • Fireworks Workspace
  • Creating Shapes
  • Working with Typography
  • Cropping and Resizing

Assignment

Complete the following tutorials and submit the folder icon you create in the 3rd tutorial.

You should email this icon to me before class on Monday, March 31, 2014. Late submissions will not be accepted. I do not expect you to perfectly replicate the icon in the tutorial but I would like to see a solid effort from each of you. This is a challenging assignment so I encourage you to not wait until the night before it is due. Good Luck! If you’d like you can download a 30 day trial of Fireworks on your own computer so you can work off campus.

Introduction to CSS

Assignment

Style your prototype HTML Document from top to bottom. Upload the file to your web space and send the URL to tswallace@ualr.edu before class on Tuesday.

If you haven’t already, please read the following article on CSS Positioning and be prepared to complete an in class lab assignment on Monday.

Introduction to CSS

Assignment

Finish styling your sample html document. Make sure that you have styles to provide the page layout and visual design (typography and color). Really experiment with the different properties and their values. I don’t expect this to be beautiful, but I do want you to see what you come up with. Please be prepared to share this with me in class on Monday.

Working with FTP

  • Using an FTP Client – Filezilla – Tutorial
    • Host:ualr.edu
    • Username: students\username
    • Password: students domain password
    • Port:21 (It should default to this)

Assignment

  • Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page.
  • You can email the html document to me or for additional credit upload to the server and send me the url. Send to tswallace@ualr.edu before 2.17.14.
  • Reading Assignment: CSS Basics

File Management and Publishing to the Web

Assignment

  • Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page.
  • You can email the html document to me or for additional credit upload to the server and send me the url. Send to tswallace@ualr.edu before 2.17.14.
  • Reading Assignment: CSS Basics

Structure, Content, Design, Behavior

Assignment

Evaluate your favorite web site based on our discussion of Structure, Content, Design, and Behavior. This is a written assignment that should be emailed to me (tswallace@ualr.edu) no later than 1-27-13. Make sure you discuss the following elements: Site URL, An assessment of the Structure, Content, Design, and Behavior of the site, Things you like about the site, Things you would change.