Category Archives: Web Technologies Fall 2019

jQuery Lab

jQuery Cycle Lab Final Q & A Next Steps IFSC 3300 (Sample Syllabus) Mobile Web Development (Spring 2019) 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) Flexbox Froggy […]

Progressive Enhancement

jQuery Tabs Case Study jQuery Plugins Cycle Demo

JavaScript and the Document Object Model

Understanding the Document Object Model (DOM) Exploring the functionality of jQuery What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study jQuery Plugins Cycle Demo

Introduction to JavaScript

Review Final Project Ideas Uses of JavaScript Additional Tutorials Learn-js.org

Site Planning and Final Requirements

Web Based Image Optimization Tool Site Planning and Interviewing Clients Sitemap Tools Gliffy Slickplan Prototyping Tools Mockflow (free) Wireframe.cc Moqups proto.io Codiqua Framebox Final Project Guidelines – Due 12/10/2019 at 10:00am – Late Submissions will not be accepted.

Web Forms

Hosted Solution Using Server-Side Technology PHP (Bluehost/cloud9)

Web Project Guided Lab

Individual Web Project Choose one of the two micro-site projects and submit url to me by November 7, 2019. Starter HTML SpaceX Dragon Micro-site Project Segway Centaur Micro-site Project

Web Project Q & A

Individual Web Project Choose one of the two micro-site projects and submit url to me by November 7, 2019. Starter HTML SpaceX Dragon Micro-site Project Segway Centaur Micro-site Project

Individual Web Project

Choose one of the two micro-site projects and submit url to me by November 7, 2019. Starter HTML SpaceX Dragon Micro-site Project Segway Centaur Micro-site Project ASSIGNMENT Begin work on the Micro-site project of your choice. We will work on these projects in a lab environment next week. Please be prepared to ask questions.

Image Editing

Building a banner image in Gravit Optimize and Export Image Replacement Techniques ASSIGNMENT Create a banner image to insert into the header of your css-demo document. Using the technique covered in class, insert the image you created and optimized, into the your sample css document we have been working on in class. We’ll begin our […]