Необходимы базовые знания программирования

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)