Lesson 1

Урок 1 – Переменные, Функции и Другие Чудеса 🧙‍♂️✨

Добро пожаловать на первый шаг твоего пути к мастерству в JavaScript! К концу этого урока ты будешь отлично разбираться в переменных и функциях. И нет, тебе не понадобится ни шляпа волшебника, ни диплом по программированию—достаточно немного любопытства и, возможно, чашка кофе (или чая, если чувствуешь себя изысканно).

Что Такое Переменные? (Спойлер: Они Не Так Страшны)

Представь переменные как маленькие коробочки, куда можно складывать информацию—что-то вроде того ящика у тебя дома, в котором хранится “на всякий случай”. В JavaScript переменные хранят данные, которые ты можешь использовать и переиспользовать в коде.

Объявление Переменных

Чтобы объявить переменную, нужно просто познакомить её с JavaScript. Это как сказать: “Привет, JavaScript, вот что-то важное, что я хочу запомнить”. Сделать это можно с помощью var, let или const. Но что выбрать? Давай разберёмся:

var имяМага = "Гэндальф"; // Старый способ. Всё ещё работает, но это как пользоваться пишущей машинкой в 2024 году.
let уровеньМагии = 100; // Современный и гибкий способ.
const посох = "Деревянный"; // Это константа. После объявления изменить нельзя. Как друг, который никогда не меняет начинку своей пиццы.

var: Старый способ объявления переменных. Работает, но не такой крутой, как let и const.
let: Новая фишка. Используй, если хочешь изменить значение позже.
const: Сильный и молчаливый. После объявления его нельзя изменить—идеально для вещей, которые не должны меняться (как борода Гэндальфа).

Функции: Супергерои в Коде 🦸‍♂️

Функции в JavaScript — это твои личные супергерои, которые выполняют задания за тебя. Ты даёшь им работу, и они её выполняют (без жалоб, в отличие от некоторых известных супергероев).

Как Объявить Функцию

Вот как объявить функцию в JavaScript:

function произнестиЗаклинание(названиеЗаклинания) {
  console.log("Ты произнёс заклинание: " + названиеЗаклинания);
}

произнестиЗаклинание("Экспеллиармус"); // Выведет: Ты произнёс заклинание: Экспеллиармус

В этом примере:

function — это способ сказать JavaScript: “Эй, я хочу сделать что-то классное!”
произнестиЗаклинание — это имя функции (можешь назвать её как угодно, даже “сделатьПиццу”, если хочешь).
названиеЗаклинания — это параметр. Подумай о нём как о магическом ингредиенте, который нужен функции.
console.log — это способ JavaScript кричать в пустоту. Всё, что внутри скобок, будет выведено в консоли браузера.

Стрелочные Функции (Зачем Писать Больше?)

Стрелочные функции — это короткий способ написания функций. Если обычные функции JavaScript — это текстовые сообщения, то стрелочные функции — это версия с эмодзи. Быстрее, короче, и идеально, когда тебе немного лень.

Вот та же функция произнестиЗаклинание, но в виде стрелочной функции:

const произнестиЗаклинание = (названиеЗаклинания) => {
  console.log("Ты произнёс заклинание: " + названиеЗаклинания);
};

Тот же результат, меньше текста. Это как пересесть с велосипеда на спортивную машину.

Время Практиковаться! 🎩

Давай проверим твои новые знания на практике с небольшим заданием:

Задание: Создай Магическое Зелье

Объяви переменную под названием названиеЗелья и задай ей значение "Зелье Невидимости".
Напиши функцию под названием создатьЗелье, которая выводит сообщение вроде "Ты создал Зелье Невидимости!".
Вызови свою функцию и передай ей переменную названиеЗелья.

Вот подсказка:

let названиеЗелья = "Зелье Невидимости";

function создатьЗелье(название) {
  console.log("Ты создал " + название + "!");
}

создатьЗелье(названиеЗелья); // Выведет: Ты создал Зелье Невидимости!

Где Можно Писать JavaScript?

Теперь, когда ты готов попробовать свои новые навыки в JavaScript, возникает вопрос: где вообще пишут этот код? Один из самых простых способов протестировать JavaScript — это консоль браузера.

Консоль Браузера: Твоя Первая Площадка для Магии JavaScript

Большинство современных браузеров (таких как Chrome, Firefox и Edge) имеют встроенную консоль, где можно писать и тестировать JavaScript-код прямо в реальном времени.

Как открыть консоль:
- Кликни правой кнопкой мыши в любом месте на странице и выбери Просмотреть код или Инспектировать элемент.
- Переключись на вкладку Консоль.
- Теперь ты можешь писать JavaScript прямо в консоли и сразу видеть результат.

Попробуй это:

console.log("Привет, JavaScript!");

Открой консоль в своём браузере, введи эту строку и нажми Enter. Увидишь, как в консоли появится “Привет, JavaScript!"—вот тебе и магия!

Консоль браузера — отличный способ быстро тестировать код, пока ты учишься.

Что Дальше?

В этом уроке ты узнал, как объявлять переменные и создавать функции—основные строительные блоки JavaScript. В следующем уроке мы разберём циклы и условные операторы—ведь, честно говоря, никто не любит повторять одно и то же (кроме Siri).

Готов к ещё большей магии в JavaScript? Следи за следующей главой: Урок 2 – Циклы и Условия: Как Принимать Решения и Повторяться Без Сумасшествия.

Не стесняйся экспериментировать с кодом и пробовать разные заклинания или зелья. Чем больше практики, тем быстрее ты станешь настоящим магом JavaScript!