To view lecture notes for a given lesson follow the links below. Lecture notes will be added the day of each lecture. Assignments will be listed for each section. Assignments are due before class.
WordPress Resources - October 26, 2017
Blank Starter Themes
Template Hierarchy and the Loop Explained
Semester Wrap-up - May 4, 2017
- Course Evaluations – Please fill out 3 times (Once for Each Faculty Member)
- Peer Evaluations
- Package all project materials in a Team Drive that is shared with all faculty (ERD, Database export, All web-site files, documentation, etc.)
- Register for ITEC 4610
- If you have non-profits or other causes that you support in the Central Arkansas area that would benefit from a web/database project next semester please send them my way. We are currently looking for capstone projects.
- Have a great summer!
IT Amber – Semester Wrap Up - April 27, 2017
- Review Grades
- Peer Evaluation – Due Friday – May 5, 2017 – Emailed to all faculty
- Course Evaluations – Please fill out 3 times (Once for Each Faculty Member)
- Project Presentation – Thursday May 4, 2017 – 1:30pm
We hope you have a great Summer and we look forward to seeing you all in the Fall. If any of you are looking for project work for the Summer please let us know and we’ll try to pass along opportunities as they present themselves.
Implimenting jQuery - March 14, 2017
Assignment
Upload your working version to you 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 Thursday.
Progressive Enhancement - March 9, 2017
Introduction to JavaScript Libraries - March 7, 2017
- Exploring the functionality of Jquery
- Jquery Tabs Case Study
- JQuery Cycle Demo
- Building web apps with Jquery
Assignment
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 Thursday.
Introduction to JavaScript - March 2, 2017
Introduction to JavaScript
- Introduction
- Uses of JavaScript
- Examples
HTML5 Boilerplate - February 28, 2017
HTML5 Boilerplate
Introduction to JavaScript
- Introduction
- Uses of JavaScript
- Examples
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 - February 23, 2017
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.
Web Forms - February 21, 2017
Web Forms
- Hosted Solution
- Using Server-Side Technology
Assignment
- Implement a contact form solution on your Segway Project. If necessary create a contact page.
- Due Thursday (2/23) – Create a blog post on the Segway 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 - February 16, 2017
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 (2/23 – Email me your final Segway project. I’d like to hear about what you improved/fixed based-on what your reviewers recommended. There should also be a working version of a contact form implemented (Will cover on Tuesday).
Segway Q&A - February 14, 2017
Assignment
Due Thursday before class. (February 16, 2017)
Segway Project - February 7, 2017
Bringing it all together - February 2, 2017
- Optimizing and Exporting Images
- Integrating Image Slices into Your Site Template
- Finalizing your page template
- Duplicating pages for your site
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 Tuesday. We’ll begin a web design project on Tuesday. If you need some review this site covers a good chunk of what we discussed last semester.
Creating Imagery for your Site - January 26, 2017
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 Tuesday. 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.
Web Hosting and Working with Imagery - January 24, 2017
- Set up Web Hosting
- Cpanel
- Using Shapes, Text, and Photos to Create Imagery for your site
- Optimizing and Exporting Images
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 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.
Introduction to Fireworks - January 17, 2017
Working with Photography
- Cropping and Re-sizing
- Working with the Selection Tool
- Exercise: Remove the Background from this photo
- Color Correction (Curves)
- Clone Stamp
Image Optimization
Assignment
Post optimized samples of the images you created to your blog with an explanation of the tools and approach you used.
Introduction to Fireworks - January 12, 2017
- Fireworks Workspace
- Creating Shapes
- Working with Typography
- Cropping and Resizing
Complete the following tutorials and submit the folder icon you create in the 3rd 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!
Semester Overview - January 10, 2017
Welcome
- Review Syllabus
- Verify VMWare Access
- HTML & CSS Review
- Positioning Lab Review
- Introduction to Fireworks
Assignment
Final Presentations and Semester Wrap-up - December 8, 2016
- All assignments due to the faculty by Noon, Wednesday December 13, 2016
- Course Evaluations – You’ll need to fill this out once for each faculty member. Please take the time to do this. This help us continue to improve our program to meet you needs and expectations.
- Be sure to register for ITEC 3650 for Spring if you have not done so already.
- Have a great break!
CSS Positioning - November 22, 2016
Assignment
Complete today’s lab assignment and upload to your web space or post to Codepen. Sent me the url’s for each exercise no later than Tuesday. Be prepared to discuss in class.
Web Typography and CSS Positioning - November 17, 2016
Assignment
Complete Styling your Prototype HTML Document and submit URL to me no later than Tuesday.
Read The following Article on CSS Positioning. Be prepared to discuss next week.
Introduction to CSS - November 10, 2016
- Today’s Codecast
- Understanding Color | Kuler
- CSS Box Model – Description | Demonstration
- Styling Page Navigation
- Positioning Overview
- CSS Positioning
Assignment
Complete Styling your Prototype HTML Document and submit URL to me no later than Tuesday.
Read The following Article on CSS Positioning. Be prepared to discuss next week.
Introduction to CSS - November 3, 2016
- Today’s Codecast
- Understanding Color | Kuler
- CSS Box Model – Description | Demonstration
- Styling Page Navigation
- Positioning Overview
- CSS Positioning
Assignment
Complete Styling your Prototype HTML Document and submit URL to me no later than next Thursday.
Read: Getting to Know CSS | Getting to know the Box Model – This is quiz material.
Usability Testing - November 1, 2016
Assignment
Please write a blog post regarding today’s usability tests. I’d like you talk in detail about your observations from both tests and your thoughts as to why usability testing is a valuable part of the design/development workflow.
Introduction to CSS - October 27, 2016
- Understanding Color | Kuler
- CSS Box Model – Description | Demonstration
- Styling Page Navigation
- Positioning Overview
- CSS Positioning
Assignment
Read: Getting to Know CSS | Getting to know the Box Model – This is quiz material.
Introduction to CSS - October 25, 2016
- Selecting the Proper Style: Tags, Classes, and ID’s
- Creating and Attaching a Style Sheet
- CSS Box Model – Description | Demonstration
Assignment
Read: CSS Specificity & Class vs. ID – This is quiz material.
Validation and Page Publishing Review - October 20, 2016
- What is Validation?
- Assignment Q&A
- Quiz
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. Send me the URL of this page no later than next Tuesday (10/25).
- Reading Assignment: CSS Basics
Web Publishing and Workspace - October 18, 2016
- Sectioning your HTML Document
- What is Validation?
- Naming Conventions, Meta Naming, Directory Structure
- Setting up your coding environment with Brackets
- Creating Your UALR Web Space
- Using an FTP Client – Filezilla – Tutorial
- Host:ualr.edu
- Username: students\username
- Password: students domain password
- Port:21 (It should default to this)
- Coding in the cloud with CodeAnywhere
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. Send me the URL of this page no later than next Tuesday.
- Reading Assignment: CSS Basics
HTML5 Structural Elements - October 13, 2016
- Sectioning your HTML Document
- What is Validation?
- Naming Conventions, Meta Naming, Directory Structure
- Setting up your coding environment with Brackets
- Creating Your UALR Web Space
- 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. Send me the URL of this page no later than next Tuesday.
- Reading Assignment: CSS Basics
Introduction to HTML5 - October 11, 2016
- Today’s Codecast
- Additional html tags for textual content
- Special Character Encoding: Details | Reference
- Hyperlinks
- Inserting Images
- Block vs. Inline Elements
- Working with Tables
- Working with Forms
- Sectioning your HTML Document
Assignment
HTML Reference – Code Guide | Introduction to HTML
Introduction to HTML5 - October 6, 2016
- Today’s Codecast
- What is HTML5?
- Doctypes & DTD’s – Document Type Definition
- Declaring a Language Type
- Exploring the <head>
- Title Attribute
- Meta Tags
- Marking Up Content – Download the Starter Document
- Additional html tags for textual content
- Special Character Encoding: Details | Reference
- Hyperlinks
- Inserting Images
- Block vs. Inline Elements
- Working with Tables
- Working with Forms
- Sectioning your HTML Document
Assignment
HTML Reference – Code Guide | Introduction to HTML
Introduction to HTML5 - October 4, 2016
- How the Internet Works
- Understanding how a web page works
- Setting up our work environment using Codpen | Today’s Codecast
- Other Code Editors
- What is HTML5?
- Doctypes & DTD’s – Document Type Definition
- Declaring a Language Type
- Exploring the <head>
- Title Attribute
- Meta Tags
Assignment
Read the 300 Million Dollar Button.
Structure, Content, Design, Behavior - September 29, 2016
- Discuss Homework Reading
- Browser Overview
- Structure, Content, Design, & Behavior
- 300 Million Dollar Button
- How the Internet Works
- Understanding how a web page works
Assignment
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 Tuesday.
Web Related Terminology - September 27, 2016
Assignments
- Read – The history of the Internet and the web, and the evolution of web standards
- Create an Account on Codepen.io.
Mastering Google Search - September 20, 2016
Assignments
- 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
- 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.
Using the Web Like a Pro II - September 15, 2016
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 - September 13, 2016
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.
Leveraging Google Services - September 8, 2016
Introduction to Google Web Services
Assignment
Create and embed a simple Google Presentation (Two or Three Slides) with content of your choice. Embed the presentation in your Blog in a new post.
Leveraging Google Services - September 6, 2016
Introduction to Google Web Services
Assignment
Create a Google Doc and share it with tswallace@ualr.edu. In this document, List 5 web sites that you find useful in your professional or academic careers. Due before class on Tuesday.
Introduction to WordPress - September 1, 2016
- Customizing the Sidebar
- RSS Feeds
- Shortcodes
- Custom Menus
- Individual Q&A
Assignment
Wrap up customizations of you WordPress blog.
If you are not familiar with Google Docs, spend sometime experimenting with Docs, Sheets, and Presentations. Be prepared to bring questions to class for next Tuesday’s session. Have a safe and Happy Labor Day.
WordPress Explained - August 30, 2016
- Daily Inspiration
- Blog Settings
- Applying a Theme
- Customizing the Sidebar
- RSS Feeds
- Shortcodes
- Custom Menus
- Individual Q&A
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
Introduction to WordPress - August 25, 2016
- Introduction to Worpress
- WordPress.com
- What is a blog?
- Publishing Content | Video Tutorial
- Pages vs Posts
- More Resources
Homework
Homework (Due 8.30.16): Write your first blog post reflecting on your first week in the program and your personal expectations for the class. Make sure you catergorize and/or tag the post. If you are feeling adventurous try adding a photo to the post as well. There is no length requirement for this assignment.
Chromebook Orientation and Introduction to WordPress - August 23, 2016
- Chromebook Orientation
- Introduction to Worpress
- WordPress.com
- What is a blog?
- Publishing Content | Video Tutorial
- Pages vs Posts
- More Resources
Homework
Homework (Due 8.25.16): Visit WordPress.com and create a new blog. This will be where you reflect and write over the course of the next semester. Send me the address of your blog via email (tswallace@ualr.edu). We will review all of the settings on Tuesday.
Welcome to IT Amber - August 18, 2016
- Review Syllabus & Expectations
- Faculty Introductions
- Thomas Wallace
- Daniel Spillers
- Cheryl Johnston
- Bruce Bauer
- Chad Garrett
- Student Introductions
- Introduction to the Classroom Technology
- Virtual Machines
- Off Campus Access to VPN
- Chromebook Distribution and Overview
- Chromebook Agreement
- Using Multiple Google Accounts
- Subscribe to Group Email List – it-amber+subscribe@googlegroups.com
- Icebreaker Activity
Assignment
Complete Program Pre-Survey if you have not done so already. Bring your Chromebook to class on Tuesday.