Category Archives: Web Technologies Fall 2024 – 02

Building an Accessible Content Carousel

Class Exercise 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 2025) 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) Learn JavaScript What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study jQuery Plugins Cycle Demo SEMESTER WRAP UP AND FINAL INFORMATION To successfully complete this semester the following assignments should be posted to your course homepage Prototype […]

Web Forms and Interviewing Clients

Hosted Solution Using Server-Side Technology PHP (Bluehost/cloud9) Webmail 3rd PArty API Mailer – https://web3forms.com/ 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

Dragon Project Q & A

Dragon Project Q&A CSS Backgrounds CSS Background Recipes Summary/Details Element

Bringing it all Together

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

Image Manipulation

Removing the Background from an Image Sample file  Tutorial Exporting Files Other Tools

Image Manipulation and Optimization

Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – Web App | Install: Windows | Mac | Chromebook Workspace Overview Introductory Tutorials

Positioning Lab Debrief

Review Positioning Exercises (Codecast) Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – (Formerly Gravit) – Introductory Tutorials Pixlr Suite –  Raster and Vector – Tutorials