MTM6230

Client-Side Web Development

Course Description

Expanding on the skills learned in Responsive Web Design, Client-Side Web Development will continue exploring how to create responsive web sites using modern techniques. It will also introduced JavaScript, which is one of the most widely used programming languages in the world and is the script language of the web.

Course Content

Content for MTM6230 - Client-Side Web Development can be found on the official course website https://mtm6230.github.io/.

The official course Learning Management System is BrightSpace.

Workload

  • 4hrs/wk lecture/lab
  • 4hrs/wk prepare/practice/assignments

Class Times

TBD

Course Schedule

   Week    Teaching Assigned Due
Week 1 Course Introduction
Web Accessibility		 What's in Your Toolbox
Keeping Things Accessible
CSS Zen Garden		 What's in Your Toolbox
Keeping Things Accessible
Week 2 Flexbox Layouts Flexbox Froggy
Increase Your Flexibility		 Flexbox Froggy
Increase Your Flexibility
Week 3 CSS Grid Layouts Grid Garden
Stay on the Grid		 Grid Garden
Stay on the Grid
Week 4 Image Optimization
Responsive Images		 Image Enhance
Image Response		 Image Enhance
Image Response
Week 5 HTML Manipulation Fun Facts
Shake, Rattle and Roll
Interactive Gallery		 Fun Facts
Shake, Rattle and Roll
Week 6 HTML Creation 99 Luftballons
Dominoes		 99 Luftballons
Dominoes
Week 7 Event Listeners Event Horizon
Domino's		 Event Horizon
Domino's
Week 8 Loops
Conditional Statements		 A Horse of a Different Color A Horse of a Different Color
Week 9 Objects
Event Delegation		 Dice
Deck of Cards		 Dice
Deck of Cards
Week 10 CSS Transition
CSS Transform		 Pseudo Judo Pseudo Judo
Interactive Gallery
Week 11 CSS Animation Animation Nation
Doomsday Button
Web Portfolio		 Animation Nation
Doomsday Button
Week 12 Web Publishing Get Up with GitHub Get Up with GitHub
Week 13 Work Period
Week 14 Work Period
Week 15 Finals Week Web Portfolio

Assessment Schedule

Category Assignment Point Value Final Weight Due Date
Participation In Class Exercises 20 10% Varies
Exercise In Class Labs 50 30% Varies
Project CSS Zen Garden 60 20% Week 5
Project Web Portfolio 50 20% Week 10
Project Interactive Gallery 70 20% Week 14

PA Schedule - Level 3

TBD

Core Topics

We will be covering the following topics throughout the course.

HTML/CSS Topics

  • Web Accessibility
  • CSS Flexbox
  • CSS Grid System
  • Image Optimization
  • Responsive Images
  • CSS Transitions
  • CSS Transform
  • CSS Animations

JavaScript Topics

  • Variables
  • Data Types
  • Objects
  • Arrays
  • Loops
  • Functions
  • Conditional Statements
  • HTML Manipulation
  • Event Handling

Tools & Services

We will be using the following tools and services throughout the course

Tools

Services

Late Policy

Any work submitted after the due specified, without prior approval, will receive a ZERO for that assignment.

Plagiarism Policy

Plagiarism is defined as defined as presenting someone else’s work, in whole or in part, as one’s own, and includes the verbal or written submission of another work (for example, ideas, wording, code, graphics, music, and inventions) without crediting that source. This includes all electronic sources (for example, the Internet, television, video, film, and recordings), all print and written sources (for example, books, periodicals, lyrics, government publications, promotional materials, and academic assignments), and all verbal sources (for example, conversations and interviews).

Plagiarism, whether done deliberately or accidentally, is not allowed. The facilitation of plagiarism, that is, one student sharing his or her work with other students, is also not allowed. All parties caught plagiarizing will receive a ZERO.