INFO 1300
Introductory Design and Programming for the Web
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.
Topics
- 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.
- Utilize generative AI tools effectively as a coding partner to assist in development.
Official roster learning outcomes
Sources
Catalogue variants
- Introductory Design and Programming for the Web · 4.0 · Undergraduate