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

Practice prompting, testing and improving a small application.

ANAndrew NgPonente
Canal
DeepLearningAI
Publicado
2 jun 2026
Vídeo
25:57
Lectura
2 min
Original
inglés
Abrir en YouTube
Al desplazarte, el vídeo se reduce a la esquina inferior derecha y sigue reproduciéndose. Los subtítulos siguen tu idioma de lectura.
Idioma de lecturaDisponible en 2 idiomas
Este artículo aún no está en español, así que se muestra el original en inglés.
RESUMEN

En 30 segundos

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.

Conclusiones

  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.
TEXTO COMPLETO

Lee el texto editado por capítulos

Solo la transcripción
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.

Más de este canal