Category Archives: Web Technologies Fall 2021 – 02

jQuery Lab and Semester Wrap-Up

jQuery Cycle Lab Other Alternatives Accessible Slick Carousel Demos | 1 | 2 | 3 Implementation Instructions Final Q & A | Guidelines Next Steps IFSC 3300 (Sample Syllabus) Mobile Web Development (Spring 2022) BA in Web Design and Development Advisor Thomas Wallace Course Evaluations

Exploring the functionality of jQuery

jQuery Explained Exploring the functionality of jQuery jQuery Tabs Case Study jQuery Plugins Cycle Demo

JavaScript and the Document Object Model

Uses of JavaScript AJAX Demo (jQuery) | AJAX Demo (Vanilla JS) Understanding the Document Object Model (DOM) What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study jQuery Plugins Cycle Demo

Web Forms and Interviewing Clients

Hosted Solution Using Server-Side Technology PHP (Bluehost/cloud9) Web Based Image Optimization Tool Site Planning and Interviewing Clients Sitemap Tools Gliffy Slickplan Prototyping Tools Figma Mockflow (free) Wireframe.cc Moqups proto.io

Project Building Demo

Codecast | Target Outcome Logo Replacement Technique Demo

Bringing it all Together

Finalizing your page template Duplicating pages for your site Setting up Workspace for your project

Image Manipulation and Optimization

Removing the Background from an Image Sample file  Tutorial Exporting Files

Image Editing and Optimization

Workspace Overview Working with type in Gravit Attaching to a path Exporting Files More Tips and Tricks Introductory Tutorials Removing the Background from an Image Sample file  Tutorial

Positioning Lab Debrief

Review Positioning Exercises (Codecast) Image Editing Tools Gravit Designer – Web App | Install: Windows | Mac | Chromebook Workspace Overview Introductory Tutorials

CSS Positioning Lab

Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab