Positioning Lab Debrief

Assignment

Complete the following tutorials and submit the icon you create tutorial.

You should email this icon to me before 11/28. 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!

JavaScript Libraries

Additional Reading and Study – Javascript 101

Assignment

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

Usability Test

Please write a blog post regarding today’s usability tests. I’d like you talk in detail about your observations from the tests you observe and your thoughts as to why usability testing is a valuable part of the design/development workflow.

Bringing it all together

Individual Web Project

Choose one of the two micro-site projects and submit url to me by November 9, 2017.

Starter HTML

SpaceX Dragon

Segway Centaur

Assignment

Begin work on the Micro-site. You should have a good start on your main page template prior to class on Tuesday.

Image Optimization

Assignment

Create Banner image for your sample page in Gravit. The image should be as wide as your container div and between 80px and 200px tall and shoot for less than 40kb in size. Emailed tswallace@ualr.edu before class on 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 file to class.

Image Editing

Assignment

Complete the following tutorials and submit the icon you create tutorial.

You should email this icon to me before class next Thursday. 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!

JavaScript Libraries

Assignments

  1. Upload your working cycle implimentation 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 Monday.
  2. Read the following Article on Progressive Enhancement. Write a blog post 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.

Introduction to HTML5

Assignment

Introduction to HTML5

Assignment

Read (Quiz Material) Introduction to HTML

HTML Reference – Code Guide | Introduction to HTML

HTML5 Boilerplate

  • Dragon Show and Tell
  • Individual project discussion

HTML5 Boilerplate

Introduction to JavaScript

Assignment

Complete Getting Started with programming at Codecademy. Send me a a screenshot of the completion page. I recommend creating an account so you can save your progress and completion other modules in the future.

Site Planning

Site Planning

Working with HTML5 Boilerplate

Individual Web Site Project

Assignment

Watch the HTML5 Boilerplate Video | Download the Files (If you haven’t done so already) Review the HTML and CSS Documentation while looking through the boilerplate files. Be prepared to discuss on next week.

Begin thinking about a topic for your individual web project. By next Tuesday I should have a planning document and site map for the new site.

Introduction to HTML5

Assignment

Read the 300 Million Dollar Button.

Setting up our virtual work environment

Web Forms

  • Create Cloud 9 Account from the email invitation you were sent.
  • Exploring the functionality of Cloud9
  • Publishing Files

Assignment

  1. Implement a contact form solution on your Dragon Project. If necessary create a contact page.
  2. Due Monday (10/2) – Create a blog post on the Dragon project. Include the site URL, Feedback you received,  How you improved/fixed your site based-on what your reviewers recommended. There should also be a working version of a contact form implemented.

Peer Review

Solicit feedback from a classmate regarding the design and implementation of your Segway Project. I’d like you to spend the next week incorporating the suggestions from this critique into your project. When critiquing others keep in mind that we are all at different places skill-wise. Be constructive in your criticism and remember to also include what you like as well.

Assignment

Due next Thursday 9/27 – Email me the final implementation of your Dragon project. In a blog post, I’d like to hear about your experience working on this project. What did you do well? What would you do differently? I’d also like you to reflect on the feedback session with your classmates. What did you improve based-on what your reviewers recommended? There should also be a working version of a contact form implemented (Will cover on Monday).

Structure, Content, Design, Behavior

Assignments

  • Read – The history of the Internet and the web, and the evolution of web standards
  • Create an Account on Codepen.io.
  • Evaluate your a web site you frequent based on our discussion of Structure, Content, Design, and Behavior. Write a blogpost that includes the following elements: Site URL, Screenshot, An assessment of the Structure, Content, Design, and Behavior of the site, Things you like about the site, Things you would change. Due Monday.

Web Services Round Up

Using the Web Like a pro

Assignment:

  1. By the end of this week you should complete the Power Searching with Google course as homework. Session 1 | Session 2 | Session 3 | Session 4 | Session 5 | Session 6. If you completed this course previously please complete the Advanced course to fulfill this assignments requirements.
  2. Due Thursday – 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.
  3. 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.

HTML5 Structural Elements

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.
  • Upload to the server and send me the url. Send to tswallace@ualr.edu and before 9.21.17 (Will cover this on Thursday)

Exploring Web Based Services and Search

Using the Web Like a pro

Assignment:

  1. By the end of next week you should complete the Power Searching with Google course as homework. Session 1 | Session 2 | Session 3 | Session 4 | Session 5 | Session 6. If you completed this course previously please complete the Advanced course to fulfill this assignments requirements.
  2. Due next Thursday – 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.
  3. Delayed until next week -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.

Bringing Bringing it all together

Assignment

Please read the following article on image optimization and write a short blog post discussing three takeaways from the article.

Review the HTML & CSS concepts covered last semester and bring questions/need for clarification to class on Monday. We’ll begin a web design project on Monday. If you need some review this site covers a good chunk of what we discussed last semester.

Google Search and Gmail

Google Services

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.

Introduction to HTML5

Assignment

Read (Quiz Material) Introduction to HTML

HTML Reference – Code Guide | Introduction to HTML

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

WordPress Explained

Assignment

Make sure you have done the following by Tuesday of next week. We’ll be moving on to new topics so you should have all blog related issues and assignments squared away.

  • Make sure I have your Blog URL
  • Customize your blog
    • Apply a new theme
    • Customize the sidebar or wigitized areas
      • Add a few widgets.
      • Display an rss feed from a site that you frequent.
    • Try using a shortcode in a post or a page.
  • Completed About Page
  • Created a Custom Menu