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.
Semester Wrap-up - December 4, 2014
- Final Due Tuesday December 16, 2014. The project should be submitted no later than 10:00am – Final Project Guidelines
- Final Q & A
- Next Steps
- IFSC 3300 (Sample Syllabus)
- Mobile Web Development (Spring 2015)
- Course Evaluations
jQuery Lab - December 2, 2014
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…
- Lightbox Effects
- Smooth Scrolling
- Carousels and Sliders
- Theme Switcher
Implementing Jquery - November 25, 2014
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.
Progressive Enhancement - November 20, 2014
- Review Homework
- What is a CDN?
- Why use a CDN?
- jQuery Tabs Case Study
- jQuery Cycle Demo
- Review Grades
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.
Introduction to jQuery - November 18, 2014
- How jQuery Works
- Exploring the functionality of jQuery
- What is a CDN?
- Why use a CDN?
- jQuery Tabs Case Study
- jQuery Cycle Demo
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.
Introduction to JavaScript - November 13, 2014
Assignment
Complete Intro to Programing at Codecademy. You should complete at a minimum all modules up to #23 (Numbers & Strings). Send me a screenshot of your progress via email.
Forms - November 11, 2014
Assignment
Create an account at codecademy.com. Complete the first lessons from the Intro to Programming Module
Segway Project Demo - November 6, 2014
Assignment
Work on the Segway project and bring questions to class on Monday. This project is due next Tuesday.
HTML/CSS Wrap up - October 30, 2014
- Integrating Image Slices into Your Site Template
- Finalizing your page template
- Duplicating pages for your site
- Segway Project
- Starter HTML Document
Assignment
Begin work on the Segway project and bring questions to class on Tuesday. This project is due next Thursday.
Creating Imagery for your Site - October 28, 2014
- Creating a Color Scheme
- 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 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.
Site Planning - October 23, 2014
Assignment
Complete the planning document and sitemap and submit to me via email before class on Monday.
Image Editing and Optimization - October 21, 2014
- 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.
Positioning Lab Review / Introduction to Fireworks - October 16, 2014
- CSS Positioning Lab
- Fireworks Workspace
- Creating Shapes
- Working with Typography
- Cropping and Resizing
Assignment
Read – Steps for producing a web site
Download and Install Adobe Fireworks on your machine for use in class next week.
CSS Positioning - October 9, 2014
Assignment
Complete today’s lab assignment and upload. Sent me the url’s for each exercise no later than Thursday. Be prepared to discuss in class.
CSS Positioning - October 7, 2014
- Today’s Codecast | Presentation View
- CSS Reference
- Understanding Color | Kuler
- Styling Page Navigation
- Positioning Overview
- CSS Positioning
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 next Tuesday.
Introduction to CSS - October 2, 2014
- Creating and Attaching a Style Sheet
- Using Dreamweaver to Create and Apply Styles
- Understanding Color | Kuler
- CSS Box Model – Description | Demonstration
- Styling Page Navigation
- Positioning Overview
- CSS Positioning
Assignment
Read The following Article on CSS Positioning. Be prepared to discuss next week.
Introduction to CSS - September 30, 2014
- Selecting the Proper Style: Tags, Classes, and ID’s
- Creating and Attaching a Style Sheet
- Using Dreamweaver to Create and Apply Styles
- Understanding Color | Kuler
- CSS Box Model – Description | Demonstration
Assignment
Read: Getting to Know CSS | Getting to know the Box Model – This is quiz material.
Out of Class Lab – Modern Web Acccessibility - September 25, 2014
Watch – Accessibility for the Modern Web by Derek Featherstone
Assignment
Explain in your own words what web accessibility means to you & why it is important to build accessible web sites? Do some research on the topic. This is a written assignment (1-2 pages) that should be emailed to me (tswallace@ualr.edu) no later than next Tuesday.
Introduction to CSS - September 23, 2014
- What is Dreamweaver?
- Dreamweaver Workspace
- Defining a Site in Dreamweaver / Connecting to the Web server
- Using Dreamweaver for markup | Download Starter Document
- Selecting the Proper Style: Tags, Classes, and ID’s
- Creating and Attaching a Style Sheet
- Using Dreamweaver to Create and Apply Styles
- CSS Box Model – Description | Demonstration
Assignment
Read: CSS Specificity & Class vs. ID – This is quiz material.
Quiz & File Management - September 18, 2014
- Quiz
- Naming Conventions, Meta Naming, Directory Structure
- 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)
- What is Dreamweaver?
- Dreamweaver Workspace
- Defining a Site in Dreamweaver / Connecting to the Web server
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
Sectioning Elements and File Management - September 16, 2014
- Sectioning your HTML Document
- HTML5 Structural Elements
- What is Validation?
- Naming Conventions, Meta Naming, Directory Structure
- 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.
- 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
Introduction to HTML5 - September 11, 2014
Assignment
Read the following resource as a review. We’ll have a quiz next week over all of the reading and discussion so far. – Getting to know HTML
Introduction to HTML5 - September 9, 2014
- Special Character Encoding: Details | Reference
- Hyperlinks
- Inserting Images
- Block vs. Inline Elements
- Working with Tables
- Working with Forms
- Sectioning your HTML Document
Introduction to HTML5 - September 4, 2014
- Today’s Codecast
- 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
- Block vs. Inline Elements
- Hyperlinks
Assignment
Read (Quiz Material) Read Chapter 3
HTML Reference – Code Guide | Introduction to HTML
Out of class assignment – How modern web design works. - September 2, 2014
Due to instructor illness we will not be meeting in person today. Please read the following article and be prepared to discuss on Thursday. ( Article )
Introduction to HTML5 - August 28, 2014
- 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
Create a Codepen Account and experiment with it’s features.
Read Semantic XHTML (Quiz Material) & Read Chapter 2.
Structure, Content, Design, Behavior - August 26, 2014
- Structure, Content, Design, & Behavior
- 300 Million Dollar Button
- VPN Instructions – Login to VPN with NetId
- How the Internet Works
- Understanding how a web page works
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 8-28-14. 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.
Web Related Terminology - August 21, 2014
- Understanding Web Related Terminology
- Browser Overview
- Review Reading
- Structure, Content, Design, & Behavior
- 300 Million Dollar Button
- VPN Instructions – Login to VPN with NetId
Course Overview - August 19, 2014
Course Syllabus
Discussion
Assignment
Read Chapter 1 in Textbook and The history of the Internet and the web, and the evolution of web standards