JavaScript и jQuery

JavaScript. Объекты. Часть первая из двух

Объекты используются для хранения коллекций различных значений и более сложных сущностей. Объект может быть создан с помощью фигурных скобок {…} с необязательным списком свойств. Пустой объект можно создать, используя один из двух вариантов синтаксиса. При использовании литерального синтаксиса можно сразу поместить в объект несколько свойств.

JavaScript. Контекст вызова функции

В JavaScript this — это текущий контекст исполнения функции, он определяется в момент вызова. Функцию можно вызвать четырьмя способами и каждый из них определяет свой контекст. Кроме того, режим strict также влияет на контекст исполнения. Рассмотрим каждый способ и посмотрим, на что будет указывать this.

Расширение «Debugger for Chrome» для VS Code

Расширение предназначено для отладки js-кода в редакторе VS Code с использованием Chrome DevTools протокола. Это альтернатива тому, чтобы отлаживать js-код в панели разработчика браузера Chrome. Для начала работы нужно установить это расширение в разделе плагинов.

JavaScript. Что такое модули

Давайте для начала рассмотрим простой пример, а потом немного усложним, чтобы в итоге получить модуль. Мы объявили приватные переменные something и another, а также пару внутренних функций doSomething() и doAnother(). Обе имеют лексическую область видимости (а следовательно, и замыкание) над внутренней областью видимости foo().

JavaScript. Замыкание области видимости

Замыкание — способность функции запоминать свою лексическую область видимости и обращаться к ней даже тогда, когда функция выполняется вне своей лексической области видимости. Функция поддерживает ссылку на область видимости, в которой была изначально объявлена — и при каждом ее выполнении будет задействована эта ссылка.

DOM, часть 1 из 3. Навигация по элементам

В соответствии с объектной моделью документа («Document Object Model», коротко DOM), каждый HTML-тег является объектом. Вложенные теги являются «детьми» родительского элемента. Текст, который находится внутри тега, также является объектом. Все операции с DOM начинаются с объекта document…

JavaScript. Остаточные параметры и оператор расширения

Вызывать функцию можно с любым количеством аргументов независимо от того, как она была определена. Лишние аргументы при вызове не вызовут ошибку, просто функция в работе использует не все аргументы. Остаточные параметры могут быть обозначены через три точки, это значит — «собери оставшиеся параметры и положи их в массив».

JavaScript. Деструктурирующее присваивание

Деструктурирующее присваивание — это специальный синтаксис, который позволяет нам «распаковать» массивы или объекты в кучу переменных, так как иногда они более удобны. Деструктуризацию удобно использовать со сложными функциями, которые имеют много параметров, значений по умолчанию и так далее.

Видеокурс «Практический JavaScript», часть третья

Во третьей части будем дорабатывать третий проект. У нас есть «голая» верстка, но нет еще js-кода, который бы оживил страницу. В проекте есть две страницы index.html и modules.html, каждая страница представляет из себя набор блоков. Страница index.html должна быть реализована в виде большого слайдера…

Видеокурс «Практический JavaScript», часть вторая

Во второй части будем дорабатывать второй проект. У нас есть «голая» верстка, но нет еще js-кода, который бы оживил страницу. Начнем с модальных окон — js-код возьмем из первой части, но доработаем его. Нужно, чтобы модальное окно, которое открывается через минуту, открывалось только в том случае, если не открыто другое модальное окно.
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.