Необходимы базовые знания программирования
Lets get started
Ключевые идеи
Javascript чувствителен к регистру
Поскольку JavaScript в основном используется для веб-продуктов, настоятельно рекомендуется заранее изучить HTML и CSS, чтобы упростить разработку. Необязательно
var name = "Mkhululi"
var NAME = "Mkhululi"
Изменение содержимого HTML
Использование метода getElementByID(“”)
document.getElementById("name").innerHTML = "Hello Mkhululi Cooper";
Метод getElementByID("") находит элемент с id="name", затем заменяет содержимое элемента текстом innerHTML "Hello Mkhululi Cooper"
одинарные '' и двойные кавычки "" в Javascript одинаковы
Добавление Javascript на страницу
Javascript вставляется между тегами ‹script›‹/script› (Inline Javascript)
Ссылка на внешний файл js
Вы также можете импортировать Javascript из файла js, обратившись к нему, как показано ниже:
‹script src="jsfile.js"›‹/script›
Обратите внимание, что добавление сценариев внизу элемента повышает скорость отображения, поскольку интерпретация сценариев замедляет отображение
Отображение Javascript на странице
document.write() // для тестирования console.log() // для отладки innerHTML // Для доступа к html-элементу window.alert() // Окно предупреждения
Синтаксис
var a, b, c; // Объявление переменных
вар а = 1; // Назначение переменных
Точка с запятой ; отдельные операторы JavaScript
Пробелы игнорируются
Зарезервированные слова
Операторы Javascript обычно начинаются с ключевого слова/зарезервированного слова.
Зарезервированные слова не могут использоваться в качестве имен переменных.
Список зарезервированных слов смотрите здесь W3Schools
Комментарии
Любой текст между комментариями игнорируется
// Single line comment
/* Multiple line comments */
Типы данных
var x = 5 // Number
var name = "Mkhululi Cooper" // String
var address = {street:12,city:"dubai"} // Object
Массивы
Индексы массива отсчитываются от нуля, что означает, что первый элемент равен [0], а второй элемент [1].
var products = ["samsung","nokia","iphone"]
Объекты
Написано с фигурными скобками {}
Записывается как имя, пары значений и разделяются запятыми, как показано ниже.
var address = {street:12,city:"dubai"} // Object
Функции
Блок кода, выполняющий определенные задачи.
Чтобы функция выполняла свои обязанности, она должна быть вызвана.
function products (parameter1, parameter2) { return parameter1 + parameter2; }
Когда javascrpt достигает оператора возврата, функция перестает выполняться.
() вызывает/вызывает функцию
Функцию можно использовать как переменную, как показано ниже:
var name = имя покупателя («Мхулули Купер»);
События
Javascript реагирует на события
Пример событий
Загрузка страницы завершена
Кнопка нажата
Поле ввода изменено
JavaScript позволяет выполнять код при обнаружении событий.
<button onclick="document.getElementById('name').innerHTML = getName()"></button>
onchange — элемент HTML был изменен. загрузка страницы
Учебник доступен на [github](https://github.com/mkhululincube/javascript-building-blocks-tutorial)