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
AI Powered Coding

Challenge: Coding via ChatGPTChallenge: 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.html

css

index.css

js

index.js

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?

Select the correct answer

Where can users find ChatGPT?

Select the correct answer

question-icon

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?

Select the correct answer

Everything was clear?

Section 3. Chapter 5
course content

Course Content

AI Powered Coding

1. Foundation of Web Technology

Course IntroductionWhat is the Internet?World Wide WebClient-Server Model

2. Website Anatomy

Website ComponentsHTML (Hypertext Markup Language)CSS (Cascading Style Sheets)JavaScript (Programming Language)Bringing Together HTML, CSS, and JS

3. Introducing ChatGPT

Understanding ChatGPTHow to Use ChatGPTCreating a PromptWorking with Code via ChatGPTChallenge: Coding via ChatGPT

4. Building the Blog Website

Project OverviewHTML Document StructureWebsite StylingAdding ContentImagesFiltering FunctionalityConclusion and Next Steps

AI Powered Coding

Challenge: Coding via ChatGPTChallenge: 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.html

css

index.css

js

index.js

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?

Select the correct answer

Where can users find ChatGPT?

Select the correct answer

question-icon

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?

Select the correct answer

Everything was clear?

Section 3. Chapter 5
some-alt