top of page

Using AI to build  AI-powered applications

An introductory course covering the basics of coding, prompt engineering, API interactions, and front-end development with HTML, CSS, and JavaScript—all guided by AI assistance. You’ll harness large language models (LLMs) to code and create web applications that generate content or respond to users in real time. By the end of the course, you’ll have built several mini-projects and a capstone AI-powered app to showcase your new skills.

July 28 - August 15

Approximately 7 -10 hours per week commitment, with live sessions and independent project work

768.jpg

$2,500

KEY HIGHLIGHTS

Design and code interactive web pages alongside AI, learning best practices for HTML, CSS, and JavaScript. Gain confidence by letting large language models assist you in writing customized code for you to execute and study, teaching you how to troubleshoot bugs, and pushing you to write more on your own.

Hands-On Web Development with AI

Learn to make your communication clearer, and why this is just as important in AI prompting as it is everywhere else. Practice API calls to proprietary models (e.g., GPT-4 or Claude), handling asynchronous requests, authenticating sessions, and interpreting JSON responses.

Prompt Engineering & LLM Integration

Build small projects—like joke generators, chatbots designed to influence users’ opinions, or Choose Your Own Adventure stories with text and images—before culminating in a final student-designed AI-powered web application. Share and discuss demos with peers to gather feedback.

Iterative
Project Work

Experience the LTD learning methodology, amplified by AI coding assistance:

  • Look: Dive into curated readings and example code bases.

  • Think: Reflect on design choices, logic, and problem-solving strategies

  • Do: Implement, debug, and extend web apps. Get high-level guidance from AI as you write the code yourself.

Look, Think, Do (LTD) Approach & AI Coding Environment

Receive real-time feedback and troubleshooting guidance from instructors during live office hours and demo sessions. Collaborate with classmates to brainstorm creative extensions, debug code, and swap ideas.

Mentor &
Peer Support
Course 
Weekly
Schedule
Monday
Live Lab
11:00am - 12:15pm EST
Wednesday
Live Lab
11:00am - 12:15pm EST
Thursday
Demo Day
11:00am - 1:00pm EST
Why take this course?

This course not only introduces you to cutting-edge AI tools but also equips you with the skills to stay independent as you use them.

Join live sessions with instructors and peers through office hours, demos, and hands-on labs—gaining guidance on everything from JavaScript fundamentals to advanced AI prompt tuning.

By the end, you’ll have mastered key AI development skills and built a portfolio of web apps—from simple prototypes to a fully AI-powered application.

Topics you'll cover

    • Basics of AI text generation and large language models (LLMs)

    • How LLMs are trained, key parameters, and popular applications

    • Common limitations & biases in LLMs

    ​

    • Core HTML structure and semantic elements

    • CSS styling basics for layouts and responsiveness

    • JavaScript fundamentals—variables, conditionals, loops, DOM manipulation

    • Using AI to quickly scaffold and debug front-end code

    • Writing effective prompts for targeted AI outputs

    • Integrating with AI APIs (e.g., OpenAI, Anthropic)

    • Handling authentication and error states

    • Using fetch( ) and async/await patterns

    • Making API calls to retrieve or submit data

    • Managing state and network errors in front-end apps

    • Common debugging workflows for front-end code (browser dev tools)

    • Handling exceptions in asynchronous functions

    • Logging and troubleshooting LLM outputs

    • Survey of code-generation tools and best practices

    • Designing and prototyping a final AI-powered application (e.g., a chatbot, custom game, or content generator)

    • Sharing and refining projects through peer feedback

KEY HIGHLIGHTS

Design and code interactive web pages alongside AI, learning best practices for HTML, CSS, and JavaScript. Gain confidence by letting large language models assist you in writing customized code for you to execute and study, teaching you how to troubleshoot bugs, and pushing you to write more on your own.

Hands-On Web Development with AI

Learn to make your communication clearer, and why this is just as important in AI prompting as it is everywhere else. Practice API calls to proprietary models (e.g., GPT-4 or Claude), handling asynchronous requests, authenticating sessions, and interpreting JSON responses.

Prompt Engineering & LLM Integration

Build small projects—like joke generators, chatbots designed to influence users’ opinions, or Choose Your Own Adventure stories with text and images—before culminating in a final student-designed AI-powered web application. Share and discuss demos with peers to gather feedback.

Iterative Project Work
 

Experience the LTD learning methodology, amplified by AI coding assistance:

  • Look: Dive into curated readings and example code bases.

  • Think: Reflect on design choices, logic, and problem-solving strategies

  • Do: Implement, debug, and extend web apps. Get high-level guidance from AI as you write the code yourself.

Look, Think, Do (LTD) Approach & AI Coding Environment

Receive real-time feedback and troubleshooting guidance from instructors during live office hours and demo sessions. Collaborate with classmates to brainstorm creative extensions, debug code, and swap ideas.

Mentor & Peer Support

 

​

​
 
Course Delivery Method

3 Weekly Live Sessions

  1. Live Labs: Collaborate in real time with instructors and classmates to build or improve mini-projects.

  2. Demo Sessions: Share your creations, gather input, and learn from other students’ approaches.

  3. Office Hours: Get one-on-one or small-group troubleshooting and feedback on your code.

Flexible Asynchronous Learning

Complete readings, quizzes, and coding exercises at your own pace.

Community Discussion Forum

Exchange ideas, celebrate milestones, and request peer support for tough coding challenges.

This course is for:

Beginners with minimal web dev experience, eager to use AI as a coding partner to learn front-end fundamentals alongside prompt engineering and API integrations

Prerequisites

  • ​Comfort with basic coding concepts (variables, loops, functions)

  • Access to a computer with internet and a modern web browser

  • No previous AI or advanced progexperience required

Prerequisites

  • ​Comfort with basic coding concepts (variables, loops, functions)

  • Access to a computer with internet and a modern web browser

  • No previous AI or advanced progexperience required

Learning Outcomes
Build Interactive
AI-Powered Web Applications

Create responsive web applications using HTML, CSS, and JavaScript that leverage large language models to generate content and respond to users in real time.

Develop AI-Assisted Coding Proficiency

Learn to effectively collaborate with AI tools for code generation, debugging, and optimization while maintaining independent problem-solving skills.

Master Prompt Engineering and API Integration

Craft effective prompts for targeted AI outputs and implement API connections to proprietary models like GPT-4 and Claude.

Create a Portfolio of AI-Enhanced Projects

Complete multiple mini-projects and a final capstone application demonstrating your ability to design and implement AI-powered solutions.

bottom of page