Back to Freecodecamp

Task 60

curriculum/challenges/english/blocks/learn-how-to-talk-about-numbers-with-a-coworker/68480659b395c848fa84f519.md

latest2.0 KB
Original Source
<!-- (audio) David: And what about the front-end and design aspects? -->

--instructions--

Listen to the audio and complete the sentence below.

--fillInTheBlank--

--sentence--

And what about the BLANK and BLANK aspects?

--blanks--

front-end

--feedback--

This refers to the part of a website or app that users interact with. Remember to use -.


design

--feedback--

This word refers to the visual style and user experience of a product or screen.

--explanation--

The front-end is the user-facing part of software — everything the user sees and interacts with (like buttons, menus, layout). In the dialogue, it acts as a compound adjective and uses -. Another example:

The front-end team built the new homepage interface. — The team that works on what users see made the new design for the main page.

Design refers to how the software looks and feels — color, layout, icons, typography, and usability. For example:

Good design improves how users experience the app. — If the app looks nice and is easy to use, people enjoy using it more.

David is asking how much attention or budget is given to both the visual and interactive parts of the project.

--scene--

json
{
  "setup": {
    "background": "company1-boardroom.png",
    "characters": [
      {
        "character": "David",
        "position": {
          "x": 50,
          "y": 0,
          "z": 1.4
        },
        "opacity": 0
      }
    ],
    "audio": {
      "filename": "B1_23-2.mp3",
      "startTime": 1,
      "startTimestamp": 27.04,
      "finishTimestamp": 29.88
    }
  },
  "commands": [
    {
      "character": "David",
      "opacity": 1,
      "startTime": 0
    },
    {
      "character": "David",
      "startTime": 1,
      "finishTime": 3.84,
      "dialogue": {
        "text": "And what about the front-end and design aspects?",
        "align": "center"
      }
    },
    {
      "character": "David",
      "opacity": 0,
      "startTime": 4.34
    }
  ]
}