AI-Assisted Web Development (AI-WEBDEV)

AI-Assisted Web Development is a hands-on course designed to show you how chat-based AI tools like ChatGPT can become powerful partners in your web development journey. You’ll start by learning how large language models work, what they can and can’t do, and how to prepare effective prompts that help you get the most out of AI assistance. Early exercises guide you through using ChatGPT to generate ideas, write cleaner code, and debug problems, giving you practical experience from the very beginning.

As you progress, you’ll apply AI-assisted techniques to real HTML, CSS, JavaScript, and JSON tasks. You’ll practice generating page structures, building tables and forms, creating responsive layouts, optimizing your styles, validating user input, and even producing images to enhance your projects. Each lesson includes exercises that mirror the challenges you’ll face as a developer, helping you build both technical skills and AI collaboration skills at the same time. By the end of the course, you’ll be able to use AI confidently and responsibly to accelerate your workflow and elevate the quality of your web development projects.

1. Overview of Artificial Intelligence and Large Language Models
   1. Overview of Artificial Intelligence and Large Language Models
   2. Large Language Models: Challenges and Risks
   3. ChatGPT Overview and Use Cases
   4. How ChatGPT Helps Developers Write Code
   5. Prepping a ChatGPT Thread
   6. The Role of AI in Programming
   7. Getting Started with ChatGPT (Exercise)
2. AI-Assisted HTML
   1. Creating the Shell of an HTML Page (Exercise)
   2. Creating a Table (Exercise)
   3. Creating a Nested List (Exercise)
   4. Generating Images with ChatGPT
   5. Creating a Series of Images (Exercise)
   6. Creating a Form (Exercise)
   7. Debugging a Poorly Structured HTML Page (Exercise)
   8. ChatGPT Can Analyze Images
   9. Recommended Practice (Exercise)
3. AI-Assisted CSS
   1. Creating a Basic CSS File (Exercise)
   2. Creating a Responsive Layout (Exercise)
   3. Creating CSS Animations (Exercise)
   4. Optimizing CSS with ChatGPT
   5. Optimizing and Commenting CSS (Exercise)
   6. Recommended Practice (Exercise)
4. AI-Assisted JavaScript and JSON
   1. Creating a JavaScript Module (Exercise)
   2. Improving JavaScript Code (Exercise)
   3. Validating a Form (Exercise)
   4. Making Use of an API (Exercise)
   5. Recommended Practice (Exercise)

Each student receives a comprehensive set of materials, including course notes and all class examples.