Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Uitdaging: Bouw een Portfolio Website met ChatGPT | Introductie van ChatGPT
Essentiële Webontwikkeling Met AI

bookUitdaging: Bouw een Portfolio Website met ChatGPT

In deze uitdaging maken we een portfolio website vanaf nul met behulp van ChatGPT. Je kunt HTML en CSS afzonderlijk genereren of slechts één prompt gebruiken. Test zelf de kracht van ChatGPT.

Als je problemen ondervindt, zijn hier mogelijke prompts die je kunnen helpen:

  • "Hey, ChatGPT, kun je een eenvoudige portfolio website maken met HTML en CSS? Voeg secties toe voor Over Mij, Projecten, Contact en een Homepagina.";
  • "Ik heb een portfolio website nodig gecodeerd in HTML en CSS. Kun je het ontwerpen om mijn projecten, vaardigheden en contactinformatie te tonen?";
  • "ChatGPT, kun je mij helpen een portfolio website te bouwen met HTML en CSS vanaf nul? Ik wil dat het een strak en modern ontwerp heeft.";
  • "Ik wil een persoonlijke portfolio website maken met HTML en CSS. Kun je de code genereren met secties voor mijn bio, projecten en een contactformulier?";
  • "Kun je mij helpen bij het maken van een portfolio website met HTML en CSS? Ik wil graag dat het responsief en visueel aantrekkelijk is, met secties voor mijn cv, projecten en contactgegevens.".

Hier is een video die de resultaten van onze tests met verschillende prompts demonstreert.

Videotutorial

Mogelijk resultaat voor portfolio website

index.html

index.html

index.css

index.css

copy

1. Waarvoor is ChatGPT primair ontworpen?

2. Waar kunnen gebruikers ChatGPT vinden?

3. Welke soorten vragen moeten we vermijden bij het maken van prompts voor ChatGPT?

4. Wat zou een goede prompt zijn om instructies te vragen voor het maken van een appeltaart?

question mark

Waarvoor is ChatGPT primair ontworpen?

Select the correct answer

question mark

Waar kunnen gebruikers ChatGPT vinden?

Select the correct answer

question mark

Welke soorten vragen moeten we vermijden bij het maken van prompts voor ChatGPT?

Select the correct answer

question mark

Wat zou een goede prompt zijn om instructies te vragen voor het maken van een appeltaart?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 5

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

Can you show me some example prompts to use with ChatGPT for building a portfolio website?

What are the main sections I should include in my portfolio website?

How do I add my personal information, like my phone number, to the Contact section?

Awesome!

Completion rate improved to 5

bookUitdaging: Bouw een Portfolio Website met ChatGPT

Veeg om het menu te tonen

In deze uitdaging maken we een portfolio website vanaf nul met behulp van ChatGPT. Je kunt HTML en CSS afzonderlijk genereren of slechts één prompt gebruiken. Test zelf de kracht van ChatGPT.

Als je problemen ondervindt, zijn hier mogelijke prompts die je kunnen helpen:

  • "Hey, ChatGPT, kun je een eenvoudige portfolio website maken met HTML en CSS? Voeg secties toe voor Over Mij, Projecten, Contact en een Homepagina.";
  • "Ik heb een portfolio website nodig gecodeerd in HTML en CSS. Kun je het ontwerpen om mijn projecten, vaardigheden en contactinformatie te tonen?";
  • "ChatGPT, kun je mij helpen een portfolio website te bouwen met HTML en CSS vanaf nul? Ik wil dat het een strak en modern ontwerp heeft.";
  • "Ik wil een persoonlijke portfolio website maken met HTML en CSS. Kun je de code genereren met secties voor mijn bio, projecten en een contactformulier?";
  • "Kun je mij helpen bij het maken van een portfolio website met HTML en CSS? Ik wil graag dat het responsief en visueel aantrekkelijk is, met secties voor mijn cv, projecten en contactgegevens.".

Hier is een video die de resultaten van onze tests met verschillende prompts demonstreert.

Videotutorial

Mogelijk resultaat voor portfolio website

index.html

index.html

index.css

index.css

copy

1. Waarvoor is ChatGPT primair ontworpen?

2. Waar kunnen gebruikers ChatGPT vinden?

3. Welke soorten vragen moeten we vermijden bij het maken van prompts voor ChatGPT?

4. Wat zou een goede prompt zijn om instructies te vragen voor het maken van een appeltaart?

question mark

Waarvoor is ChatGPT primair ontworpen?

Select the correct answer

question mark

Waar kunnen gebruikers ChatGPT vinden?

Select the correct answer

question mark

Welke soorten vragen moeten we vermijden bij het maken van prompts voor ChatGPT?

Select the correct answer

question mark

Wat zou een goede prompt zijn om instructies te vragen voor het maken van een appeltaart?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 5
some-alt