Изучаем JavaScript

  Технология AJAX Позволяет взаимодействовать с сервером: получать и отправлять информацию AJAX расшифровывается как Asynchronous Javascript and XML — "асинхронный JavaScript и XML" В реальности от XML там почти ничего не осталось, все пользуются JSON-ом. Получим данные с удалённого сервера. Для этого создаём объект запроса с типом XMLHttpRequest() var p = new XMLHttpRequest(); Затем указываем с каким сервером нужно связаться p.open("GET", "http://f2.smartjs.academy/list"); GET - тип запроса Различие между GET и POST запросами  Сейчас наиболее часто используются всего два HTTP метода: GET и POST.   Само название методов подсказывает для чего их используют GET (get - получать) следует применять для запроса данных. POST (post - отправлять по почте) — применяем для отправки данных на сервер. Различия между ними: GET - безопасный, может только запросить информацию POST - небезопасный, отправляет данные, отправка сооб...

Динамическое создание HTML элементов Экспериментировать будем на странице http://bash.im/random Находим элементы и меняем их при помощи innerHTML var elements = document.querySelectorAll(".text"); elements[0].innerHTML = "Test";  Мы изменили уже существующий элемент. Как добавить новый? Можно в innerHTML указать теги. Но это не лучший вариант. Если внутри элемента, который редактируем таким образом, были обработчики событий, они могут потеряться. Могут не потеряться, зависит от браузера. Но полагаться на удачу не следует. Ищем другой способ. Нам нужен механизм, позволяющий добавить новый элемент. а не переписать существующий. Чтобы что-то добавить, вначале нужно это "что-то" создать. Создаём новый элемент: var newElement = document.createElement("span"); Важно! Тег создаваемого элемента указывается в виде строки. Добавим текст: newElement.innerHTML = "Я создан динамически"; и форматирование newElement.sty...

Видео #3. Изменение HTML с помощью JavaScript Ищем нужный элемент document.querySelector("css-selector"); Возвращает один элемент, если элементов несколько, возвращает первый Близкий по смыслу селектор document.querySelectorAll("css-selector"); Возвращает массив из всех найденных элементов. Для существующего на странице элемента document.querySelector("css-selector") == document.querySelectorAll("css-selector")[0] Для несуществующего элемента есть различие: document.querySelector("css-selector"); вернёт null document.querySelectorAll("css-selector"); вернёт отсутствующий элемент массива, т.е undefined Стилизуем элемент element.style.backgroundColor = "red"; Для сравнения: как записываются свойства в css и js css: background-color js: backgroundColor Для свойств, состоящих из одного слова, различий нет element.style.width = "500px"; element.style.border = "solid ...

Ну вот такие ещё курсы посмотрю. Что они пишут о себе: Самой большой проблемой всех учебников и статей, по которым начинают учиться начинающие программисты JavaScript, является отсутствие нормальной практики. Можно читать тонны материалов по веб-программированию на JavaScript и не научиться ничему, потому что знания, которые Вы не успели применить, очень быстро забываются. Многие на полпути буквально устают, им надоедает бесконечное блуждание по различным материалам, из которых трудно собрать общую картину. Собственно, это про меня. Я на полпути и мне надоела теория. А эти курсы обещают практику. Там 9 модулей, к каждому есть практическое задание. Пока посмотрела первое десятиминутное видео. Что не понравилось: - преподаватель начинает лекцию с того, что js ему не нравится. Причём это "не нравится" достаточно ярко выражено, потому что через пять минут он же заявляет, что приведение типов это "проклятие js". Ну вот как можно учить тому, что тебе не...