Session 1: Today we will look at some more examples of Javascript form validation. Let’s also start discussing the next project that involves using javascript framework behaviors and also start thinking about the final project for the class.
Session 2: Continuing our focus on Javascript, let’s start examining a few projects that make Javascript more accessible and allow for advanced handling of content through the use of slideshow, gallery, carousel, and slider frameworks. These frameworks have become more and more popular for web and mobile content because modern browsers support HTML5 and Javascript features that rival Adobe Flash while working across many platforms including desktop/laptop computers, iOS (iPhone and iPad), and Android (phones and tablets). Here’s some links to examples:
JQuery
Light Box
Flexslider
Impress jS
Simple Carousel
Grid Nav
Javascript Gallery Assignment:
Implement a pre-existing Javascript framework to display a collection of images in a slideshow. Provide a way for the user to navigate between images and also expand images into a larger format.
1. Use a jQuery or Javascript gallery plugin to display images
2. Include a minimum of 6 images in your gallery (use your own work)
3. Provide a method for the user to navigate through the images
4. Allow the user to expand the image if thumbnails are in use
5. Make an effort to style the gallery differently than the default setting
Due: Session 2, Week 8.
One thought on “Week 6”
Comments are closed.