Previously, to create a 🏗️ digital startup, a team was needed from:
- iOS developer 📱,
- Android developer 📱,
- Developer backend 💻,
- Developer for the web 🖥 and
- Teamlead 🧙♂️ who everywhere on top and in one thing perfectly - it is 5️⃣ people!
1️⃣ First, you need a desktop computer or laptop.
2️⃣ Secondly, the computer must have an operating system installed: Windows MacOS or Linux.
3️⃣ Thirdly, a browser must be installed on the computer, in our lessons we will use Google Chrome, but others can be used. Chrome, who is not in the know, is a browser, that is, a program for viewing web pages.
If you still do not have Google Chrome installed, you can download it here any other browser (Firefox, Safari, Edge or Internet Explorer) by simply typing 🔎 "download Chrome" into the search bar and following the further instructions.
After downloading and installing Google Chrome, open it and enter 🧑💻 in the address bar:
Press ENTER. And the browser will open a new blank page.
It's time to get acquainted with one of the main developer tools - the browser console.
Basically, our course can be taken directly on our website, but sometimes we will need to use the browser console, so we will now get to know it.
Since you are now an aspiring programmer 🖥️, you can use it too! To bring up the console, simply press the 🔘
CTRL, SHIFT (or COMMAND and OPTION if you have a Mac) and J keys together.
Pressing the key combination will open a new 🆕 menu bar and you will see an angle bracket in the upper left corner of the page. By the way, if you move the cursor to the edge of the area where it turns into a double arrow, then by pressing and holding the left button, you can stretch the console window. Be sure to do this so you have more room to inject your code📟.
If the combination
CTRL + SHIFT + J or
COMMAND + OPTION + J for some reason does not work, you can enter the console by right-clicking on an empty space on the page 🖱️, select the Inspect (View code📟) and then click Console on the menu bar.
Hello world program
"Hello, world!" - A program that outputs the phrase "Hello, world!" To the screen or other device 🌎
This is usually the first example of a program in a programming textbook, and for many students, this is the first experience in learning a new language👅.
Now that the console window is open in front of you and you have stretched it in a convenient way, click the mouse to the right of the angle bracket
A blinking cursor🖱️ appears on the line, indicating that you can start typing. You will now type your first lines of code📟. Enter the following text 📜 (including quotation marks):
Then press the key_ UP_ARROW ⬆️ (up arrow) and you will see your text 📜 "Hello World!". Next, move the cursor🖱️ to the beginning of the line and type the following text instead 📜:
var hello = 'Hello world!'
and press ENTER. In the console you will see the answer:
undefined. Everything goes according to plan! Now type:
and press ENTER. If you did everything correctly, the console will return a message in the line 💬 "Hello, World!". Here we have created a variable and assigned a value to it.
And, of course, this is the minimum that can be done in the browser console. Further more! Let's try addition: ➕
2 + 2
// Console response: 4
Addition and Subtraction: ➕ ➖
6 + 4 - 5
// Console response: 5
5 * 5
// Console response: 25
25 / 5
// Console response: 5
And any other mathematical operations ...
Live Coding mode right on our site. To do this, try to add the word Hello in the next window
LIVE EDITOR. In
RESULT, you should get
Hello World 🌎.
Now try playing with math operations 👇:
Write to Discord chat.
What URL (address) do I need to enter into Chrome's address bar to open a completely blank browser tab?
- about: blank
What's the keyboard shortcut to open the console in Chrome?
- Ctrl + Shift + P
- Ctrl + Shift + J
- Ctrl + P
What is the symbol for the addition operation?
What is the symbol for the subtraction operation?
What is the symbol for the multiplication operation?
What is the symbol for the division operation?
- MDN web docs
Thanks goes to these wonderful people (emoji key):
🐛 🎨 🖋