INFO 1300

Introductory Design and Programming for the Web

Course Description

Course information provided by the 2026-2027 Catalog.

This course is designed to introduce students to the conceptual, design, and technical aspects of developing static front-end accessible websites. No prior knowledge of programming, or web design is assumed nor necessary. In the course, we will cover basic web technologies such as HyperText Markup Language (HTML), Cascading StyleSheets (CSS), and some JavaScript (JS). Design and development best practices are emphasized, including effective usage of AI coding assistants. We will also introduce students to theories and principles that will help you become a better UX designer. This includes information, visual, and interaction design principles; usability and user testing principles and processes.

Enrollment Information Priority given to: admitted and prospective Information Science students during pre-enrollment; remaining seats open to others during the add period.

Last 4 Terms Offered 2026FA, 2026SP, 2025FA, 2025SP

Learning Outcomes

• Develop competency in accessible client-side/front-end static web development.
• Use HTML to structure content (structural layer), CSS to style content (presentation layer), and JavaScript for client-side interactivity (behavioral layer).
• Implement client-side interactivity using JavaScript snippets to dynamically change the structural and presentation layers.
• Employ the user-centered design process to design static websites for a specific audience.
• Design and implement usable responsive websites for narrow and wide screen devices.
• Organize content and design usable navigation (information architecture).
• Design usable websites leveraging the visual design principles of color, contrast, typography, proximity, alignment, hierarchy, repetition and consistency.
• Utilize generative AI tools effectively as a coding partner through prompt engineering and critical evaluation to assist in development.
• Troubleshoot programming problems independently using reference documentation and generative AI.
• Gain experience with developer best practices, like version control using Git and authoring documentation using Markdown.
• Demonstrate a high standard of professionalism.

View Enrollment Information