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

Practice prompting, testing and improving a small application.

ANAndrew Ng연사
채널
DeepLearningAI
게시일
2026년 6월 2일
영상
25:57
읽기
2분
원문
영어
YouTube에서 열기
스크롤하면 영상이 오른쪽 아래로 작아져 계속 재생됩니다. 자막은 읽기 언어를 따릅니다.
읽기 언어2개 언어로 읽을 수 있음
이 글은 아직 한국어 번역이 없어 영어 원문으로 표시합니다.
요약

30초 요약

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.

핵심 정리

  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.
전문

챕터별로 다듬은 전문 읽기

원본 자막만 보기
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.

같은 채널의 다른 글