JavaScript
Проверить · Nibras DevПосле этой страницы код можно проверить в Nibras Dev.
Что такое JavaScript?
JavaScript — популярный язык программирования, который широко используется для создания современных веб-сайтов и веб-приложений. Вместе с HTML и CSS он является одной из основных технологий веб-разработки.
JavaScript — это язык программирования, который позволяет делать веб-страницы интерактивными и динамическими.
С его помощью можно реагировать на действия пользователя, обрабатывать формы, создавать анимации, изменять содержимое страницы и взаимодействовать с различными сервисами.
Сегодня JavaScript используется не только в браузерах, но и на сервере и в других средах.
Для чего используется JavaScript?
JavaScript применяется для:
- создания веб-сайтов;
- интерактивных веб-приложений;
- frontend-разработки;
- backend-разработки;
- работы с API;
- мобильных приложений;
- настольных приложений;
- игр и интерактивных проектов;
- обработки пользовательских данных.
С помощью Node.js JavaScript также может работать на стороне сервера.
Что можно делать с помощью JavaScript?
С JavaScript можно создавать интерактивные сайты, калькуляторы, игры, формы, меню и различные веб-приложения.
Например
const name = "Nibras Code";
console.log("Привет, " + name);Этот код выводит приветственное сообщение в консоль.
Сложно ли изучать JavaScript?
Основы JavaScript можно изучить постепенно, однако для хорошего понимания языка необходима практика.
Начинающему рекомендуется изучить:
- Переменные
- Типы данных
- Условия
- Циклы
- Функции
- Массивы и объекты
- DOM
- События
- Асинхронный JavaScript
- API
Преимущества и недостатки JavaScript
Преимущества
- Работает непосредственно в браузере
- Широко используется в веб-разработке
- Большая экосистема библиотек и фреймворков
- Подходит для frontend и backend
- Большое сообщество разработчиков
- Используется на разных платформах
Недостатки
- Некоторые особенности языка могут быть сложными для новичков
- Асинхронное программирование сначала может показаться сложным
- В больших проектах необходима хорошая структура кода
- Большое количество библиотек и фреймворков может затруднить выбор
Синтаксис JavaScript и основные понятия
Переменные
const name = "Ali"; let age = 20;
Условие
if (age >= 18) {
console.log("Совершеннолетний");
}Цикл
for (let i = 1; i <= 5; i++) {
console.log(i);
}Функция
function greet(name) {
return "Привет, " + name;
}
console.log(greet("Ali"));Примеры кода JavaScript
Простое сообщение
console.log("Привет, мир!");Сложение
let a = 10; let b = 20; console.log(a + b);
Проверка числа
let number = 10;
if (number > 0) {
console.log("Положительное число");
}Массив
const fruits = ["Apple", "Banana", "Orange"];
for (const fruit of fruits) {
console.log(fruit);
}Рабочие примеры
Короткие строки выше показывают одну мысль. Эти примеры ведут маленькую работу от начала до конца. Открой консоль браузера, вставь код и нажми Enter. Потом смени имя или число и запусти снова.
Вывести имена из списка
Несколько имён стоят в одном списке. for берёт каждое имя по очереди и пишет его. Если добавить имя, цикл напишет и его. Отдельная строка на каждое имя не нужна.
const names = ["Aysel", "Murad", "Nigar"];
for (const name of names) {
console.log("Salam, " + name);
}Выходят три строки: Salam, Aysel, потом Murad, потом Nigar.
Запомнить одного ученика
Объект хранит несколько фактов об одном предмете. Имя и балл стоят вместе. Пишешь ключ после точки — приходит значение. Если балл 50 или больше, пишется Keçdi. Поставь 40, и эта строка промолчит.
const student = { name: "Aysel", score: 85 };
console.log(student.name);
if (student.score >= 50) {
console.log("Keçdi");
}Сначала Aysel, потом Keçdi. Неверный ключ не угадывает, он даёт undefined.
Найти среднее
total начинается с нуля, и каждый балл прибавляется. В конце сумма делится на количество чисел в списке. Среднее 70, 80 и 90 — это 80. Добавь четвёртый балл, и делитель изменится сам.
const scores = [70, 80, 90];
let total = 0;
for (const score of scores) {
total = total + score;
}
const average = total / scores.length;
console.log(average);Появляется 80. Этот пример число не округляет.
Сменить текст кнопки по нажатию
Это работа, которой известен JavaScript. querySelector находит первую кнопку на странице. addEventListener ждёт нажатие. Когда нажатие приходит, текст кнопки становится Basıldı. Если кнопки нет, querySelector возвращает пустоту и следующая строка ломается. Сначала положи кнопку в HTML.
const button = document.querySelector("button");
button.addEventListener("click", function () {
button.textContent = "Basıldı";
});До нажатия у кнопки старый текст. После нажатия меняется только текст. Страница не перезагружается.
Часто задаваемые вопросы о JavaScript
Что такое JavaScript?
JavaScript — язык программирования, который широко используется для создания интерактивных веб-сайтов и приложений.
JavaScript бесплатный?
Да. Для использования JavaScript не требуется отдельная лицензия.
Можно ли создавать сайты с помощью JavaScript?
Да. JavaScript широко используется вместе с HTML и CSS.
Можно ли создавать мобильные приложения?
Да. Существуют технологии и фреймворки, позволяющие создавать мобильные приложения с использованием JavaScript.
Работает ли JavaScript на сервере?
Да. Например, с помощью Node.js.
Java и JavaScript — это одно и то же?
Нет. Это два разных языка программирования.