mirror of https://github.com/01-edu/public.git
Oumaima Fisaoui
2 months ago
1 changed files with 114 additions and 0 deletions
@ -0,0 +1,114 @@ |
|||||||
|
## The Smooth Operator |
||||||
|
|
||||||
|
> Mindful AI mode |
||||||
|
> Unlike the song, smooth operators in JavaScript help you perform various calculations and manipulations with ease. |
||||||
|
|
||||||
|
### AI-Powered Learning Techniques |
||||||
|
|
||||||
|
**Step-by-Step Instruction Technique:** |
||||||
|
|
||||||
|
This type of prompt encourages the AI to provide detailed, step-by-step instructions for learning new concepts. |
||||||
|
|
||||||
|
> Find the examples across the subject ;) |
||||||
|
|
||||||
|
## Concepts: |
||||||
|
|
||||||
|
### Math Operators |
||||||
|
|
||||||
|
In JavaScript, operators are symbols that perform operations on variables and values. Let's delve into the most common types of operators you'll encounter. |
||||||
|
|
||||||
|
There are other operators other than assignment, for now let's focus on the one you |
||||||
|
probably already know: |
||||||
|
|
||||||
|
- `+` Addition |
||||||
|
- `-` Subtraction |
||||||
|
- `/` Division |
||||||
|
- `*` Multiplication |
||||||
|
|
||||||
|
Those operators are used the same way we would write them in math: |
||||||
|
|
||||||
|
```js |
||||||
|
console.log(5 + 7); // -> 12 |
||||||
|
console.log(5 * 5); // -> 25 |
||||||
|
console.log(7 - 5); // -> 2 |
||||||
|
console.log(9 / 3); // -> 3 |
||||||
|
``` |
||||||
|
|
||||||
|
Operators are evaluated using classic priority: |
||||||
|
|
||||||
|
```js |
||||||
|
console.log(1 + 5 * 10); // -> 51 |
||||||
|
``` |
||||||
|
|
||||||
|
you can use parentheses `()` to enforce priority: |
||||||
|
|
||||||
|
```js |
||||||
|
console.log((1 + 5) * 10); // -> 60 |
||||||
|
``` |
||||||
|
|
||||||
|
And they result in a value, so they can be assigned to variables: |
||||||
|
|
||||||
|
```js |
||||||
|
let halfMyAge = 33 / 2; |
||||||
|
let twiceMyAge = 33 * 2; |
||||||
|
``` |
||||||
|
|
||||||
|
#### **`Prompt example`**: |
||||||
|
|
||||||
|
"Can you provide step-by-step examples of basic math operations in JavaScript?" |
||||||
|
|
||||||
|
### Placeholders |
||||||
|
|
||||||
|
JavaScript allows you to include expressions within strings using template literals. This is done using backticks ``(`)`` and the `${}` syntax to include expressions. |
||||||
|
|
||||||
|
#### Example |
||||||
|
|
||||||
|
```js |
||||||
|
console.log(`5 + 10 = ${5 + 10} = 15`); // -> 5 + 10 = 15 = 15 |
||||||
|
``` |
||||||
|
|
||||||
|
**Note that it only works using:** the `` ` `` backtick, not the `"` or `'` |
||||||
|
quotes. |
||||||
|
|
||||||
|
#### **`Prompt example`**: |
||||||
|
|
||||||
|
"Can you provide a step-by-step guide on how to use template literals to create a string that includes variable values in JavaScript?" |
||||||
|
|
||||||
|
### Instructions |
||||||
|
|
||||||
|
#### Task 1: |
||||||
|
|
||||||
|
Your code must use the given variable `smooth` as our initial value |
||||||
|
|
||||||
|
> When in doubt, always test your code with console.log() and the Run button. |
||||||
|
> But, when the platform gives you an already existing variable to manipulate, like the `smooth` variable here, if you want to use/display it, you have to do so with the submit button. |
||||||
|
> You'll then see the result in the code editor console output, as this variable is not available in `Run` button mode, but only in `Submit` button mode. |
||||||
|
|
||||||
|
```js |
||||||
|
console.log("smooth = ", smooth); |
||||||
|
let lessSmooth = smooth - 5; |
||||||
|
console.log("lessSmooth = ", lessSmooth); |
||||||
|
``` |
||||||
|
|
||||||
|
You will declare a few variables: |
||||||
|
|
||||||
|
- `lessSmooth` that is just `1` less than `smooth` |
||||||
|
- `semiSmooth` that is half the amount of `smooth` _(it's still pretty |
||||||
|
smooth)_ |
||||||
|
- `plus11` that is `smooth` plus `11` |
||||||
|
- `ultraSmooth` that is the square of smooth _(now that's smooth !)_ |
||||||
|
|
||||||
|
#### Task 2: |
||||||
|
|
||||||
|
We will provide a variable `name` and `age`. They will be pre-declared by us. |
||||||
|
|
||||||
|
Declare your robot's `presentation` variable of the string: |
||||||
|
|
||||||
|
> `Hello, my name is` **name** `and I'm` **age** `years old` |
||||||
|
> But use placeholders to build the string you will put inside the `presentation`. |
||||||
|
> Put the values of the provided variables `age` and `name` inside those placeholders. |
||||||
|
|
||||||
|
--- |
||||||
|
|
||||||
|
> BGM: |
||||||
|
> [Sade - Smooth Operator - Official - 1984](https://www.youtube.com/watch?v=4TYv2PhG89A) |
Loading…
Reference in new issue