Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CON-3044 Markdown DPxAI: Quest01/objects-around #2675

Merged
merged 4 commits into from
Aug 29, 2024
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
118 changes: 118 additions & 0 deletions subjects/DPxAI/objects-around/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,118 @@
## Objects Around

> Mindful AI mode

### Context

Think about all the objects around you: like your book or robot friend. Each of these objects has different properties that describe it. For example, a robot can have a type, weight, and operational status. In JavaScript, we use objects to group these related properties together, making it easy to manage and access this information.

### AI-Powered Learning Techniques

`Visualization Technique:`
This type of prompt encourages the AI to explain a concept using diagrams or visual representations to illustrate concepts.

Find the examples across the subject ;)

### Concepts

### JavaScript Objects

Objects in JavaScript are fundamental data structures used to group related values together. They are like a bag of values.

### Example

First, let's look at different types of variables:

```js
let type = "Talkative";
let weight = 120.5;
let isOperational = true;
```

Now, we can group them into an object. Objects are values too, so let's assign one to a robot variable:

```js
let robot = {
type: "Talkative",
weight: 120.5,
isOperational: true,
};
console.log(robot); // This will display the object 'robot'
```

Here, the robot variable is declared, and its value type is an object.

### Object Literal Syntax:

Objects are defined using curly brackets {}.

```js
let emptyRobot = {}; // an empty object
```

### Properties

Objects consist of properties, each having a key and a value:

```js
let robot = {
type: "Talkative", // 'type' is the key, 'Talkative' is the value
weight: 120.5,
isOperational: true,
};
```

Each property is separated by a comma ,. It's good practice to add a trailing comma to every property, though it's not required for the last one.

### Accessing Values

To access values in an object, use the dot notation. For example:

```js
let robot = {
type: "Talkative",
weight: 120.5,
isOperational: true,
};

console.log(robot); // Logs the whole 'robot' object
console.log(robot.weight); // Logs the weight of the robot (120.5)
```

You can use the property values just like any other values:

```js
let efficiency = 1.15; // Efficiency factor
let robot = {
type: "Talkative",
weight: 120.5,
isOperational: true,
};

const adjustedWeight = robot.weight * efficiency;
console.log(adjustedWeight); // Logs the adjusted weight
```

#### **`Prompt Example`**:

- Can you help me visualize a JavaScript object with the following properties: name, type, weight, isOperational, location, and features?

### Instructions

#### Task 1:

Let's declare a variable `robot` which has an object as its value with 3 properties:

1. A `name` property of the robot's name as a String
2. An `age` property of the robot's age as a Number
3. A `hasEnergy` property as a Boolean indicating if the robot has dangerous features

#### Task 2:

We will provide a `robot` variable of type object just like the one you did in the previous task.

Your job will be to decompose each property into its own variable:

- Define a `name` variable with the value of the `name` property of the `robot` variable.
- Same for `age`.
- And same for `hasEnergy`.