📍Var, let и const📍
var, let и const — это способы создать переменные в JavaScript, чтобы хранить числа, текст или другие данные. Они похожи, но работают по-разному. 📖
В JavaScript порядок предпочтения при объявлении переменных: сначала const по умолчанию, потом let для изменяемых, var только в редких случаях. 🧩
1.const — : для значений, которые не меняются (числа, строки, объекты). Это показывает кодеру, что переприсваивать не нужно.⚡
2.let — если значение будет меняться (счётчики в циклах, временные данные).🎲
var — только для старого кода или когда нужна функциональная видимость.⚠️
var, let и const — это способы создать переменные в JavaScript, чтобы хранить числа, текст или другие данные. Они похожи, но работают по-разному. 📖
В JavaScript порядок предпочтения при объявлении переменных: сначала const по умолчанию, потом let для изменяемых, var только в редких случаях. 🧩
1.const — : для значений, которые не меняются (числа, строки, объекты). Это показывает кодеру, что переприсваивать не нужно.⚡
2.let — если значение будет меняться (счётчики в циклах, временные данные).🎲
var — только для старого кода или когда нужна функциональная видимость.⚠️
🔥1🥱1
📍Професси связанные с JavaScript📍
1.Frontend‑разработчик
Делает интерфейсы сайтов и веб‑приложений на JavaScript, HTML и CSS, работает с фреймворками вроде React, Vue, Angular 🌄
2.JavaScript‑разработчик
Пишет логику интерфейса, настраивает взаимодействие с сервером через API, оптимизирует скорость и удобство веб‑приложения 💡
3.Web‑разработчик
Занимается и версткой, и программированием клиентской части, часто использует JavaScript плюс другие веб‑технологии 🗒
4.React‑разработчик
Создает сложные SPA‑приложения, личные кабинеты, дашборды, активно использует TypeScript и экосистему React ⏱️
5.Vue / Angular‑разработчик
Пишет интерфейсы на выбранном фреймворке, поддерживает проекты, работает в связке с дизайнерами и backend‑командой🔋
6.Node.js‑разработчик
Использует JavaScript не в браузере, а на сервере: пишет backend, API, ботов и сервисы. ⚡
7.Frontend QA‑инженер
Тестирует веб‑приложения, пишет автотесты на JavaScript и следит, чтобы после релиза ничего не ломалось🗻
8.Automation QA (JS)
Строит системы автоматизированного тестирования интерфейсов и API на JavaScript‑инструментах🛡
9.Web‑аниматор / UI‑разработчик
Делает анимации, интерактивные элементы и спецпроекты в браузере с помощью JavaScript 🧪
1.Frontend‑разработчик
Делает интерфейсы сайтов и веб‑приложений на JavaScript, HTML и CSS, работает с фреймворками вроде React, Vue, Angular 🌄
2.JavaScript‑разработчик
Пишет логику интерфейса, настраивает взаимодействие с сервером через API, оптимизирует скорость и удобство веб‑приложения 💡
3.Web‑разработчик
Занимается и версткой, и программированием клиентской части, часто использует JavaScript плюс другие веб‑технологии 🗒
4.React‑разработчик
Создает сложные SPA‑приложения, личные кабинеты, дашборды, активно использует TypeScript и экосистему React ⏱️
5.Vue / Angular‑разработчик
Пишет интерфейсы на выбранном фреймворке, поддерживает проекты, работает в связке с дизайнерами и backend‑командой🔋
6.Node.js‑разработчик
Использует JavaScript не в браузере, а на сервере: пишет backend, API, ботов и сервисы. ⚡
7.Frontend QA‑инженер
Тестирует веб‑приложения, пишет автотесты на JavaScript и следит, чтобы после релиза ничего не ломалось🗻
8.Automation QA (JS)
Строит системы автоматизированного тестирования интерфейсов и API на JavaScript‑инструментах🛡
9.Web‑аниматор / UI‑разработчик
Делает анимации, интерактивные элементы и спецпроекты в браузере с помощью JavaScript 🧪
👍3❤1🔥1🥱1
📍Команда console.log()📍
console.log() в JavaScript — это простая команда для вывода информации в консоль браузера (F12 → Console). Она помогает разработчикам проверять, что происходит в коде, без изменения страницы. Представь, как принтер для отладки: печатает переменные, текст или объекты, чтобы увидеть ошибки или промежуточные результаты.⚡
Как использовать📒
Пиши console.log (значение) или несколько через запятую.console.log ('Текст') — выведет "Текст".let x = 10; console.log(x); — покажет 10.💡
console.log() имеет много вариаций для разных задач: от простого вывода до таблиц и стилей. Они помогают не только логгировать, но и красиво отображать данные в консоли.🔋
console.log() в JavaScript — это простая команда для вывода информации в консоль браузера (F12 → Console). Она помогает разработчикам проверять, что происходит в коде, без изменения страницы. Представь, как принтер для отладки: печатает переменные, текст или объекты, чтобы увидеть ошибки или промежуточные результаты.⚡
Как использовать📒
Пиши console.log (значение) или несколько через запятую.console.log ('Текст') — выведет "Текст".let x = 10; console.log(x); — покажет 10.💡
console.log() имеет много вариаций для разных задач: от простого вывода до таблиц и стилей. Они помогают не только логгировать, но и красиво отображать данные в консоли.🔋
❤1👍1🥱1
📍Команда alert📍
Метод alert() в JavaScript предназначен для вывода модального окна с сообщением и кнопкой «ОК». 💻
javascript
alert(message);
где message — текст, который будет показан в окне (необязательный параметр). 💡
1.При вызове alert() браузер выводит всплывающее окно поверх всех элементов страницы.⚡
2.Выполнение скрипта приостанавливается до тех пор, пока пользователь не нажмёт «ОК».🔋
3.После нажатия «ОК» окно закрывается, и скрипт продолжает работу.📒
Метод alert() в JavaScript — простой и доступный инструмент для вывода сообщений пользователю. Он незаменим на этапе обучения и отладки кода, поскольку позволяет быстро проверить работу скрипта и увидеть нужные значения.📁
Метод alert() в JavaScript предназначен для вывода модального окна с сообщением и кнопкой «ОК». 💻
javascript
alert(message);
где message — текст, который будет показан в окне (необязательный параметр). 💡
1.При вызове alert() браузер выводит всплывающее окно поверх всех элементов страницы.⚡
2.Выполнение скрипта приостанавливается до тех пор, пока пользователь не нажмёт «ОК».🔋
3.После нажатия «ОК» окно закрывается, и скрипт продолжает работу.📒
Метод alert() в JavaScript — простой и доступный инструмент для вывода сообщений пользователю. Он незаменим на этапе обучения и отладки кода, поскольку позволяет быстро проверить работу скрипта и увидеть нужные значения.📁
👏1🥱1
📍Типы данных📍
string – это текст: буквы, цифры, пробелы, символы, заключённые в кавычки. Можно использовать одинарные, двойные или обратные кавычки.🔋
number – это числовой тип: целые и дробные числа, а также специальные значения Infinity, -Infinity и NaN. ⚡
boolean – логический тип, у него только два возможных значения: true (истина) и false (ложь).💻
Чтобы проверить тип значения, используют оператор typeof.📒
string – это текст: буквы, цифры, пробелы, символы, заключённые в кавычки. Можно использовать одинарные, двойные или обратные кавычки.🔋
number – это числовой тип: целые и дробные числа, а также специальные значения Infinity, -Infinity и NaN. ⚡
boolean – логический тип, у него только два возможных значения: true (истина) и false (ложь).💻
Чтобы проверить тип значения, используют оператор typeof.📒
👍1🔥1🤔1🥱1
📍Операторы📍
1. ===
Строгое равенство — проверяет значение и тип данных.
Пример: '5' === 5 → false (строка ≠ число).🔋
2. ==
Нестрогое равенство — JS меняет типы автоматически.
Пример: '5' == 5 → true (строку в число).📄
3.+
Сложение чисел или склеивание строк.
Пример: 2 + 3 → 5, 'hi' + '!' → 'hi!'.📒
4. -
Вычитание — только для чисел.
Пример: 5 - 3 → 2, 10 - '2' → 8 (строку в число).💻
5.*Умножение — работает с числами.
Пример: 4 * 3 → 12, 2 * '3' → 6.💡
6.Деление — даёт число.
Пример: 10 / 2 → 5, 9 / 2 → 4.5.
0 /0 даëт NaN⚙️
8. !=
!=Нестрогое неравенство — противоположность ==, преобразует типы перед проверкой.
Пример: '5' != 5 → false (строку в число, равны).📑
9. !==
Строгое неравенство — проверяет значение и тип, без преобразований.
Пример: '5' !== 5 → true (строка ≠ число).🔧
1. ===
Строгое равенство — проверяет значение и тип данных.
Пример: '5' === 5 → false (строка ≠ число).🔋
2. ==
Нестрогое равенство — JS меняет типы автоматически.
Пример: '5' == 5 → true (строку в число).📄
3.+
Сложение чисел или склеивание строк.
Пример: 2 + 3 → 5, 'hi' + '!' → 'hi!'.📒
4. -
Вычитание — только для чисел.
Пример: 5 - 3 → 2, 10 - '2' → 8 (строку в число).💻
5.*Умножение — работает с числами.
Пример: 4 * 3 → 12, 2 * '3' → 6.💡
6.Деление — даёт число.
Пример: 10 / 2 → 5, 9 / 2 → 4.5.
0 /0 даëт NaN⚙️
8. !=
!=Нестрогое неравенство — противоположность ==, преобразует типы перед проверкой.
Пример: '5' != 5 → false (строку в число, равны).📑
9. !==
Строгое неравенство — проверяет значение и тип, без преобразований.
Пример: '5' !== 5 → true (строка ≠ число).🔧
🥱2👍1
📍Цикл for📍
Цикл for помогает повторять один и тот же код несколько раз подряд — например, вывести числа от 1 до 10 или пройтись по массиву. 📄
Что значит каждая часть:начало — обычно создаём счётчик: let i = 0;условие — пока оно true, цикл крутится: i < 6 шаг — как меняем счётчик каждый раз: i++ (плюс один)💡
Пример: вывод чисел от 0 до 5for (let i = 0; i < 6; i++) {
console.log(i);
}💻
Вывод в консоль:
0
1
2
3
4
5
⚠️
Как это работает по шагам:i = 0 — запускаем цикл.Проверяем i < 6 → true → выполняем console.log(i).Делаем шаг i++ → i становится 1.Повторяем, пока условие не станет false (когда i станет 6, цикл остановится).⚙️
Цикл for помогает повторять один и тот же код несколько раз подряд — например, вывести числа от 1 до 10 или пройтись по массиву. 📄
Что значит каждая часть:начало — обычно создаём счётчик: let i = 0;условие — пока оно true, цикл крутится: i < 6 шаг — как меняем счётчик каждый раз: i++ (плюс один)💡
Пример: вывод чисел от 0 до 5for (let i = 0; i < 6; i++) {
console.log(i);
}💻
Вывод в консоль:
0
1
2
3
4
5
⚠️
Как это работает по шагам:i = 0 — запускаем цикл.Проверяем i < 6 → true → выполняем console.log(i).Делаем шаг i++ → i становится 1.Повторяем, пока условие не станет false (когда i станет 6, цикл остановится).⚙️
🥱2❤1
📍Условия if/else📍
Условие if/else — это способ сказать программе: «если что‑то верно — делай одно, иначе - другое».💻
Основной синтаксис на примере JavaScript (очень похоже в других языках):if (условие) {
// код, который выполнится, если условие истинно (true)
} else {
// код, который выполнится, если условие ложно (false)📄
}
Пример:let age = 15;
if (age >= 18) {
console.log("Можно войти");
} else {
console.log("Нельзя входить");💡
}Если age >= 18 даёт true, выполнится первый блок и выведется «Можно войти».
Если false — выполнится блок else и выведется «Нельзя входить».⚠️
Задача : Светофор 🚦Условие: Напиши код, который проверяет цвет светофора (переменная light = "красный" или "зеленый" или "желтый"). Выводи: "Иди!" для зелёного, "Стой!" для красного, "Жди!" для жёлтого.🔋
Условие if/else — это способ сказать программе: «если что‑то верно — делай одно, иначе - другое».💻
Основной синтаксис на примере JavaScript (очень похоже в других языках):if (условие) {
// код, который выполнится, если условие истинно (true)
} else {
// код, который выполнится, если условие ложно (false)📄
}
Пример:let age = 15;
if (age >= 18) {
console.log("Можно войти");
} else {
console.log("Нельзя входить");💡
}Если age >= 18 даёт true, выполнится первый блок и выведется «Можно войти».
Если false — выполнится блок else и выведется «Нельзя входить».⚠️
Задача : Светофор 🚦Условие: Напиши код, который проверяет цвет светофора (переменная light = "красный" или "зеленый" или "желтый"). Выводи: "Иди!" для зелёного, "Стой!" для красного, "Жди!" для жёлтого.🔋
❤2👍1
Те, кому интересна биология и химия, можете подписаться на этот канал🤓
📍оператор &&📍
Оператор && в JavaScript — это логический оператор "И" (AND). Он возвращает true, только если оба операнда истинны (truthy), иначе — первое ложное значение (falsy) или false 📄
Оператор && вычисляет значения слева направо и останавливается на первом falsy-значении, возвращая его. Если все truthy, возвращается последнее значение.true && true даёт true.true && false даёт false.0 && "текст" даёт 0 (первое falsy).💡
Это полезно для короткого замыкания: правый операнд не вычисляется, если левый falsy.Примерыlet age = 16;
let hasMoney = true;💻
age >= 18 && hasMoney ? console.log("Можно купить") : console.log("Нет"); // "Нет"🔋
let x = 5 && 10; // 10 (оба truthy, последнее значение)
let y = "" && 20; // "" (первое falsy)📑
Используй в if: if (user && user.name) { ... } — проверяет существование и свойство.⚙️
Оператор && в JavaScript — это логический оператор "И" (AND). Он возвращает true, только если оба операнда истинны (truthy), иначе — первое ложное значение (falsy) или false 📄
Оператор && вычисляет значения слева направо и останавливается на первом falsy-значении, возвращая его. Если все truthy, возвращается последнее значение.true && true даёт true.true && false даёт false.0 && "текст" даёт 0 (первое falsy).💡
Это полезно для короткого замыкания: правый операнд не вычисляется, если левый falsy.Примерыlet age = 16;
let hasMoney = true;💻
age >= 18 && hasMoney ? console.log("Можно купить") : console.log("Нет"); // "Нет"🔋
let x = 5 && 10; // 10 (оба truthy, последнее значение)
let y = "" && 20; // "" (первое falsy)📑
Используй в if: if (user && user.name) { ... } — проверяет существование и свойство.⚙️
🥱1