- Course Evaluations
- Peer Evaluations (Fill out once per team member, Do not evaluate yourself). Failure to evaluate your peers will negatively impact your grade. Due 12/8.
- Package all project materials in a Team Drive that is shared with all faculty (ERD, Database export, All web-site files, documentation, etc.) Due 12/8.
- 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 holiday break!
Author Archives: Thomas
Semester Wrap up and Course evaluations
- Next Semester Preview
- Course Evaluations
Assignment
Please have all late work to the faculty no later than 8:00 on Sunday.
Semester Wrap Up
- Final Q & A
- Next Steps
- IFSC 3300 (Sample Syllabus)
- Mobile Web Development (Spring 2017)
- BA in Web Design and Development
- Advisor Thomas Wallace
- Course Evaluations
Additional Learning Resources
- Advanced HTML & CSS
- Web Typography Handbook
- HTML/CSS Micro project Challenges
- More HTML/CSS Exercises
- Best Practices and Tutorials
- Learn Flexbox (New CSS Layout Spec)
- CSS Grids
Assignment
Submit your final project. The project is due to me no later than December 12, 2017 at 10:00am.
Final Project Q & A
- Final Project Guidelines
- Q & A
- Additional JavaScript Topics to Explore
Assignment
Continue working on your final project. The project is due to me no later than December 12, 2017 at 10:00am.
Image Editing
- Working with type in Gravit
- Attaching to a path
- Removing the Background from an Image
- Exporting Files
- More Tips and Tricks
Assignment
Email me the image you extracted and placed on in another environment.
Implementing jQuery
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 Tuesday. Please send to tswallace@ualr.edu
Progressive Enhancement
- jQuery Tabs Case Study
- jQuery Cycle Demo
- What is a CDN?
- Why use a CDN?
Assignment
Make sure you have all outstanding work to me for grading. I’ll review grades with the class on Tuesday.
Positioning Lab Debrief
- Review Positioning Exercises
- Gravit Designer – Web App | Install: Windows | Mac | Chromebook
- Workspace Overview
- Introductory Tutorials
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
- 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
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.
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 complete other modules in the future.
Contact Forms
- Hosted Solution
- Using Server-Side Technology
- Planning, Storyboarding and Collecting Resources for your Web Site
- Final Project Guidelines
Assignment
- Submit your Web project no later than Thursday
- Complete the planning document and sitemap and submit to me via email before class next Tuesday.
CSS Positioning
Assignment
Complete today’s lab assignment and upload to cloud9 in a directory called positioning. Send me the url’s for each exercise no later than next Thursday before class.
Web Project Lab
Continue working on your individual web project. This is due next Thursday so make sure you are using your time wisely.
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.
WordPress Resources
Blank Starter Themes
Template Hierarchy and the Loop Explained
Bringing it all together
- Integrating Image Slices into Your Site Template | Techniques: Kellum
- Finalizing your page template
- Duplicating pages for your site
Individual Web Project
Choose one of the two micro-site projects and submit url to me by November 9, 2017.
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.
Introduction to CSS
- 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 Thursday.
Image Optimization
- Using Shapes, Text, and Photos to Create Imagery for your site
- Optimizing and Exporting Images
- Working with SVG
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
- Working with type in Gravit
- Attaching to a path
- Removing the Background from an Image
- Exporting Files
- More Tips and Tricks
Assignment
Email me the image you extracted and placed on in another environment.
Introduction to CSS
- 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.
Image Editing
- Gravit Designer – Web App | Install: Windows | Mac | Chromebook
- Workspace Overview
- Introductory Tutorials
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!
Introduction to CSS
- Selecting the Proper Style: Tags, Classes, and ID’s
- Creating and Attaching a Style Sheet
- CSS Box Model – Description | Demonstration | Box Sizing
- Reseting the Box Model
Assignment
Read: CSS Specificity & Class vs. ID – This is quiz material.
Positioning Lab Debrief and Introduction to image editing
- Review Positioning Exercises
Image Editing
- Fireworks Workspace
- Creating Shapes
- Working with Typography
- Cropping and Resizing
Cloud-Based Alternative App – Gravit Designer
CSS Positioning
Assignment
Complete today’s lab assignment and upload to cloud9 in a directory called positioning. Send me the url’s for each exercise no later than Thursday before class.
Setting up your development environment
- Quiz 1
- Working with Web IDEs
- Brackets
- Cloud 9
- Create Cloud 9 Account from the email invitation you were sent.
- Exploring the functionality of Cloud9
- Publishing Files
Assignment
Upload your prototype html document to cloud 9 and send me the preview URL.
Reading Assignment: CSS Basics
JavaScript Libraries
- Exploring the functionality of Jquery
- Jquery Tabs Case Study
- JQuery Cycle Demo
- Walkthrough with Source Files
Assignments
- 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.
- 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
- Today’s Codecast
- Working with Forms
- Sectioning your HTML Document
- What is Validation?
- Naming Conventions, Meta Naming, Directory Structure
Assignment
- HTML Reference – Code Guide | Introduction to HTML | Be prepared for a Quiz on Tuesday covering all class materials and readings thus far.
- 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 Thursday (10/12).
- Reading Assignment: CSS Basics
Introduction to CSS
- Today’s Codecast
- Understanding Color | Kuler
- CSS Box Model – Description | Demonstration
- Styling Page Navigation
- Positioning Overview
- CSS Positioning
Assignment
Read The following Article on CSS Positioning.
Introduction to HTML5
- Today’s Codecast
- Additional html tags for textual content
- Special Character Encoding: Details | Reference
- Block vs. Inline Elements
- Hyperlinks
- Additional html tags for textual content
- Inserting Images
- Block vs. Inline Elements
- Working with Tables
- Working with Forms
- Sectioning your HTML Document
Assignment
Read (Quiz Material) Introduction to HTML
HTML Reference – Code Guide | Introduction to HTML
Introduction to CSS
- Today’s Codecast
- 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.
HTML5 Boilerplate
- Dragon Show and Tell
- Individual project discussion
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.
Introduction to HTML5
- Setting up our work environment using Codpen | Today’s Codecast
- Marking Up Content – Download the Starter Document
- Additional html tags for textual content
- Special Character Encoding: Details | Reference
- Block vs. Inline Elements
Assignments
HTML Reference – Code Guide | Introduction to HTML
Introduction to CSS
- Today’s Codecast
- 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.
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
- 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
- Marking Up Content – Download the Starter Document
- Additional html tags for textual content
- Special Character Encoding: Details | Reference
- Block vs. Inline Elements
Assignment
Read the 300 Million Dollar Button.
Introduction to CSS
- Publishing files to cloud9
- Today’s Codecast
- Creating and Attaching a Style Sheet
- 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.
Setting up our virtual work environment
Web Forms
- Hosted Solution
- Using Server-Side Technology
- Create Cloud 9 Account from the email invitation you were sent.
- Exploring the functionality of Cloud9
- Publishing Files
Assignment
- Implement a contact form solution on your Dragon Project. If necessary create a contact page.
- 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.
Out of Class Lab: Web Accessibility
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. Have a good weekend.
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.
File Management and Publishing
- Create Cloud 9 Account from the email invitation you were sent.
- Exploring the functionality of Cloud9
- Publishing Files
Assignments
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. Make sure to publish your files to your Cloud 9 Workspace for grading.
Introduction to Web Related Terminology
File Management and Publishing
- Quiz
- What is Validation?
- Naming Conventions, Meta Naming, Directory Structure
- Creating Your UALR Web Space
- Using an FTP Client – Filezilla – Tutorial
- Host:web.ualr.edu
- Username: students\username
- Password: students domain password
- Port:21 (It should default to this)
- Working with Web IDEs
Web Project Lab
- Layout Examples
- Additional Examples
Web Services Round Up
Using the Web Like a pro
Assignment:
- 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.
- 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.
- 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
- Today’s Codecast
- Sectioning your HTML Document
- HTML5 Structural Elements
- Naming Conventions, Meta Naming, Directory Structure
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)
SpaceX Project
Assignment
First Iteration due next Wednesday before class. (September 20, 2017)
Exploring Web Based Services and Search
Using the Web Like a pro
Assignment:
- 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.
- 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.
- 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.
Introduction to HTML5
- Today’s Codecast
- Working with Forms
- Sectioning your HTML Document
- What is Validation?
- Naming Conventions, Meta Naming, Directory Structure
Assignment
Read (Quiz Material) Introduction to HTML
HTML Reference – Code Guide | Introduction to HTML
Bringing Bringing it all together
- Today’s Codecast
- Download Files
- Working with Brackets
- 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 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.