Building the Future with AI and Web Design

Pre-requisites:

• A basic knowledge of web development - drag and drop CMS, basic html and CSS.
• A love for design.
• The willingness to take on a new challenge.
• The ability to work with a team.

Description:

This 12-hour workshop is aimed at empowering learners with basic web design knowledge to take this a step further. Participants will dive into artificial intelligence, interact with the advanced AI model ChatGPT, and learn to integrate it into the development process of their own websites, enhancing their workflow with AI-generated layouts, widgets, and bots. They'll also gain practical web hosting skills and discover the vast potential of AI tools to create unique online experiences. Emphasizing group activities and collaborative problem-solving, this workshop provides a practical, engaging opportunity for learners to take their web development skills to new heights.

Learning Outcomes:

In this workshop participants will:

• Explain how AI models like GPT-4 work and generate text. (1.1, 1.2)
• Discuss the potential applications and limitations of AI like ChatGPT. (5.1)
• Describe the purpose and process of web hosting.
• Use Drive-to-Web to host a simple webpage. (3.1)
• Use prototyping tools to plan and draft a layout for an interactive website. (3.1)
• Use AI to generate stylesheets and scripts for aesthetics and functionality. (3.1, 5.2, 5.3)
• Generate code for stylesheets, layouts, and widgets for websites. (3.1, 3.2, 3.4)
• Apply knowledge of AI, APIs, and web hosting to create an interactive website. (3.1, 3.2, 3.4, 5.1, 5.2, 5.3)
• Integrate ChatGPT in a website using the OpenAI API (optional - for more advanced users who have working knowledge of javascript). (3.1, 3.2, 3.4, 5.1, 5.2, 5.3)
• Improve on the website based on received feedback.