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 Thursday.

Some examples to get you started…

Implementing Jquery

Assignment

Upload a working version of today’s in class example to your web space and send me the url. Make sure to do some customization so you get the opportunity to play with editing the calls to jQuery. Please send me the working URL before class on Tuesday.

Have a safe Thanksgiving Holiday.

Introduction to CSS

Assignment

Read The following Article on CSS Positioning. Be prepared to discuss next week.

Style your Gordo / Prototype Document in Codepen or Using a text editor and send me the URL prior to class on Tuesday. I’m not looking for perfection. I’d like you to explore the techniques covered in class.

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 a week from Tuesday.

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.

Service Learning Project

  • Service Learning Project Topic – Submit for Approval
  • Team Organization – Who is responsible for what. Everyone should have a role.
  • Project Scheduling – Book your date and time with the DSC for your booth (Week Before Finals)
  • Submit to me as a Google Doc your project proposal (1 Per Team). This document should include all of the information listed above. Due to me by next Monday. Be prepared to give a status report to the class (one per team).
  • You are welcome to meet as a team later this week and begin work on the project. I’ll try and get your topic approved within 24 hours of submitting your proposal. After today, you’ll have two full sessions to work on the project before the Thanksgiving Holiday. Working ahead is in your best interest.

Web IDE’s and Introduction to CSS

Assignment

ReadCSS Specificity & Class vs. ID – This is quiz material.

Validation and HTML5 Lab

Assignment

Due on Thursday 10.30.14

  • 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 are free to submit this assignment in one of two ways. Those who complete option 2 will receive extra credit.
    1. Attach the html file to an email to tswallace@ualr.edu or
    2. Upload the file to your web space. The url should be ualr.edu/username/prototype/. Make sure you name the file index.html
  • Read the following article before class on Thursday – CSS Basics

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 Thursday. 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 optimized file to class.

File Management

Assignment

  • Practice publishing files to your webspace using FTP. Remember to properly name your homepage file (index.html). You can download a free FTP client for Windows or Mac from Filezilla. Make sure to carefully read the installer package dialogs (as you always should) to make sure you are not installing additional software or toolbars.
  • 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.
  • Email me the URL of your completed prototype document. Send to tswallace@ualr.edu before 10.28.14.

Sectioning Elements and File Management

Assignment

  • Practice publishing files to your webspace using FTP. Remember to properly name your homepage file (index.html). You can download a free FTP client for Windows or Mac from Filezilla. Make sure to carefully read the installer package dialogs (as you always should) to make sure you are not installing additional software or toolbars.
  • 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 10.28.14.

Image Editing and Optimization

  • 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 Tuesday, October 28, 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.

Guest Speaker & Presentations

Assignments

Blog Post – Reflect on your presentation. What were your strengths & weaknesses? Identify areas you could improve and discuss possible strategies for doing so. Please be thorough. In addition to the post please share the presentation file with me via Google Drive or email.

Presentations

  • Class Presentations

Assignments

  1. Blog Post – Reflect on your presentation. What were your strengths & weaknesses? Identify areas you could improve and discuss possible strategies for doing so. Please be thorough. In addition to the post please share the presentation file with me via Google Drive or email.
  2. Write a blog post about 5 new tips/tricks you learned from the Power Searching with Google course. Please explain each technique and a situation where you might use it to find valuable information. Due October 13th.

Introduction to HTML5

Assignment

HTML Reference – Code Guide | Introduction to HTML

Structure, Content, Design, Behavior

Assignment

Create a Codepen Account and experiment with it’s features.

Read Semantic XHTML (Quiz Material) & 300 Million Dollar Button

Web Based Services and Presentation Technologies

Assignment

  1. Be prepared to to present to the class next Monday. Make sure you follow the requirements listed here.
  2. Complete the final two sessions of Power Searching with Google.
  3. Write a blog post about 5 new tips/tricks you learned from the Power Searching with Google course. Please explain each technique and a situation where you might use it to find valuable information. Due October 13th.
  4. Upcoming Sessions
    • 10/6 – Individual Presentations
    • 10/13 – Fall Break
    • 10/20 – Dr. Keith Bush – Department of Computer Science
    • 10/27 – Emerging Analytics Center

 

Structure, Content, Design, Behavior

Assignments

  1. This week you should complete the Power Searching with Google course as homework. Be prepared to discuss when we return to class next Tuesday. Session 1 | Session 2 | Session 3 | Session 4 | Session 5 | Session 6
  2. Due Thursday – Write a blog post about 5 new tips/trick you learned from the Power Searching with Google course. Please explain each technique and a situation where you might use it to find valuable information.

Introduction to CSS

Assignment

ReadCSS Specificity & Class vs. ID – This is quiz material.

Google Docs and Other Web-based Services

Assignment

  1. Complete the third and fourth sessions of Power Searching with Google. Create a Google doc and share it with tswallace@ualr.edu. In this document, I’d like you to take notes from the Power Searching with Google course. Once we have completed the course you will use these notes to craft a blog post containing lessons learned from the workshop. Do not email me this document!. Use the built in sharing functionality of Google Docs. If you do not know how to do this you can look here for help.
  2. Please complete the MBTI located at this web site (http://www.humanmetrics.com/cgi-win/jtypes2.asp).  Save your results and bring to class with you next Tuesday for a debrief. Have a nice weekend.

Web Related Terminology

Assignments

  1. This week you should complete the Power Searching with Google course as homework. Be prepared to discuss when we return to class next Tuesday. Session 1 | Session 2 | Session 3 | Session 4 | Session 5 | Session 6
  2. Due next Thursday – Write a blog post about 5 new tips/trick you learned from the Power Searching with Google course. Please explain each technique and a situation where you might use it to find valuable information.
  3. Read – The history of the Internet and the web, and the evolution of web standards

Quiz & File Management

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 9.23.14.
  • Reading Assignment: CSS Basics

Mastering Google Search

Assignments

  1. This week you should complete the Power Searching with Google course as homework. Be prepared to discuss when we return to class next Tuesday. Session 1 | Session 2 | Session 3 | Session 4 | Session 5 | Session 6
  2. Due next Tuesday – Write a blog post about 5 new tips/trick you learned from the Power Searching with Google course. Please explain each technique and a situation where you might use it to find valuable information.

Sectioning Elements and File Management

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 9.23.14.
  • Reading Assignment: CSS Basics

Google Docs Overview

Assignment

  1. Complete the first two sessions  of Power Searching with Google. Create a Google doc and share it with tswallace@ualr.edu. In this document, I’d like you to take notes from the Power Searching with Google course. Once we have completed the course you will use these notes to craft a blog post containing lessons learned from the workshop. Do not email me this document!. Use the built in sharing functionality of Google Docs. If you do not know how to do this you can look here for help.
  2. Write a blog post reflecting  on the experience you had during the scavenger hunt last week. Discuss how your team decided to tackle the hunt, whether or not you felt like you worked as a team, and what you would do differently.
  3. Please complete the MBTI located at this web site (http://www.humanmetrics.com/cgi-win/jtypes2.asp).  Save your results and bring to class with you next Tuesday for a debrief. Have a nice weekend.
  4. Society of Computing and Information Science on Facebook. Join the group for meeting information, Job Postings, and special event information.

Using the Web Like a Pro

Assignment:

Review your favorite web-based service in a blog post explaining it’s functionality, the pro’s and con’s of using the particular service, and discuss the service’s potential for impacting the way you work. Post is due next Tuesday. Please be prepared to discuss in class.

Using the Web Like a Pro

Assignment:

Review your favorite web-based service in a blog post explaining it’s functionality, the pro’s and con’s of using the particular service, and discuss the service’s potential for impacting the way you work. Post is due next Tuesday. Please be prepared to discuss in class.