Build a Simple Web App with AI: Andrew Ng’s Beginner Walkthrough

Practice prompting, testing and improving a small application.

ANAndrew NgVortrag
Kanal
DeepLearningAI
Veröffentlicht
2. Juni 2026
Video
25:57
Lesezeit
2 Min.
Original
Englisch
Auf YouTube öffnen
Beim Scrollen schrumpft das Video in die rechte untere Ecke und läuft weiter. Untertitel folgen Ihrer Lesesprache.
LesespracheIn 2 Sprachen verfügbar
Diesen Artikel gibt es noch nicht auf Deutsch, daher wird das Original (Englisch) angezeigt.
ZUSAMMENFASSUNG

In 30 Sekunden

Andrew Ng demonstrates how beginners can describe a birthday-card web app, run generated HTML, add features and troubleshoot. He then applies the same iterative workflow to a table-tennis game.

  1. 1Describe the appDescribe inputs, outputs and desired behavior.
  2. 2Be specificSpecific prompts make results more predictable, not identical.
  3. 3Run the pageSave the HTML and open it in a browser.
  4. 4Iterate on featuresAdd features in small steps and test each change.
  5. 5Report bugsDescribe observed failures and verify suggested fixes.
  6. 6Try a gameApply the process to a table-tennis game.
  7. 7Keep learningShare your work and keep learning.

Das Wichtigste

  1. Describe inputs, outputs and desired behavior.
  2. Specific prompts make results more predictable, not identical.
  3. Save the HTML and open it in a browser.
  4. Add features in small steps and test each change.
  5. Describe observed failures and verify suggested fixes.
  6. Apply the process to a table-tennis game.
  7. Share your work and keep learning.
VOLLTEXT

Den bearbeiteten Text nach Kapiteln lesen

Nur das Transkript
01

A first app

Describe and generate a birthday-card page.

Andrew Ng introduces a beginner’s exercise in building a web app with AI, using a birthday-card generator. He demonstrates a workflow rather than promising that every generated application will work without testing.

The starting point is a prompt describing the desired page, its inputs and the output. Ng shows how to add requirements step by step or combine a known specification into a longer initial request.

Specific instructions tend to produce more predictable results than a vague request, although multiple runs can still differ. The goal is to communicate the important behavior and appearance, then inspect the result.

02

Run and improve

Open the file, add features and fix issues.

He demonstrates saving generated HTML and opening it in a browser. The HTML file is an example of a self-contained application; sharing or deploying other apps may involve additional steps.

After the basic app works, learners can add fields, change the design or request a button to copy a message. Small iterations make it easier to see which change produced a problem.

When a button fails, Ng describes the observed behavior to the AI and asks for a fix. He encourages trying the revised app again; generated fixes can also be wrong and need verification.

03

Build something else

Apply the workflow to a game.

He applies the same process to a table-tennis game: ask for an initial version, then add difficulty levels, scoring and visual improvements. The exercise illustrates a repeatable approach rather than a fixed implementation.

Ng suggests trying other playful applications and showing results to friends for feedback. He closes by encouraging learners to combine hands-on building with further study.

Mehr aus diesem Kanal