Category Archives: Web Technologies Spring 2026

Building an Accessible Content Carousel

Class Exercise Example with Content Be sure to publish your work to GitHub and add a link to the demo we built to your course homepage. Final Q & A | Guidelines Next Steps Wb Development I (JavaScript) Web dvelopment II / Mobile Web Development (Spring 2027) BA in Web Design and Development Advisor Thomas Wallace […]

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) Learn JavaScript What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study jQuery Plugins Cycle Demo

Forms

Hosted Solution (Wufoo) Jotform Using and endpoint service Formspree Using Server-Side Technology PHP (Bluehost/cloud9)

Site Building Demo

Today’s Recorded Session: https://us-lti.bbcollab.com/recording/ab5288c31f924bdd811e1a9aab569eb4 Codecast | Target Outcome Logo Replacement Technique Demo

CSS Grid Lab Debrief / Final Project Assignment

Lab Debrief CSS Grid Lab | Codecast Bringing it all Together Finalizing your page template Duplicating pages for your site Setting up Workspace for your project

CSS Grid Lab

Today we will build out some common page layout patterns using the CSS grid specification we have been learning. CSS Grid Lab | Codecast

CSS Grid, Image Manipulation and Optimization

CSS Grid Resources Interactive Guide to CSS Grid Image Editing Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Pixlr Suite –  Raster and Vector – Tutorials Photopea / Vectorpea Lab Set up In your workspace create a new project sub-directory named: css-grid-lab Create […]

Positioning Lab Debrief

Review Positioning Exercises (Codecast) Introduction to CSS Grid Introduction to CSS Grid Grid by Example

Building an Accessible Content Carousel

Class Exercise Example with Content Be sure to publish your work to GitHub and add a link to the demo we built to your course homepage. Final Q & A | Guidelines Next Steps IFSC 3300 (Sample Syllabus) Mobile Web Development (Spring 2027) BA in Web Design and Development Advisor Thomas Wallace Course Evaluations Prototype HTML Assignment […]