Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Challenge: Coding via ChatGPT | Introducing ChatGPT
Web Development Essentials with AI
course content

Course Content

Web Development Essentials with AI

Web Development Essentials with AI

1. Course Overview & AI in Coding
2. Website Anatomy
3. Introducing ChatGPT
4. Building the Blog Website

book
Challenge: Coding via ChatGPT

In this challenge, we will create a portfolio website from scratch using ChatGPT. You can generate HTML and CSS separately or use only one prompt. Test the power of ChatGPT on your own.

If you encounter some troubles, here are possible prompts that can help you:

  • "Hey, ChatGPT, can you create a simple portfolio website using HTML and CSS? Include sections for About Me, Projects, Contact, and a Home page.";
  • "I need a portfolio website coded in HTML and CSS. Can you design it to showcase my projects, skills, and contact information?";
  • "ChatGPT, could you help me build a portfolio website using HTML and CSS from scratch? I want it to have a clean and modern design.";
  • "I want to create a personal portfolio website using HTML and CSS. Can you generate the code for it, with sections for my bio, projects, and a contact form?";
  • "Can you assist me in crafting a portfolio website using HTML and CSS? I'd like it to be responsive and visually appealing, with sections for my resume, projects, and contact details.".

Here is a video demonstrating the results of our testing with different prompts.

Video Tutorial

Possible Result for Portfolio Website

html

index

css

index

js

index

copy
1. What is ChatGPT primarily designed for?
2. Where can users find ChatGPT?
3. What type of questions should we avoid when creating prompts for ChatGPT?
4. What would be a good prompt to ask for instructions on making an apple pie?
What is ChatGPT primarily designed for?

What is ChatGPT primarily designed for?

Select the correct answer

Where can users find ChatGPT?

Where can users find ChatGPT?

Select the correct answer

What type of questions should we avoid when creating prompts for ChatGPT?

What type of questions should we avoid when creating prompts for ChatGPT?

Select a few correct answers

What would be a good prompt to ask for instructions on making an apple pie?

What would be a good prompt to ask for instructions on making an apple pie?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 3. Chapter 5
We're sorry to hear that something went wrong. What happened?
some-alt