Автор: @altarasov

Изучение C++ (c plus plus) День первый: Hello world. 21 ноября 2016

Давно появилось чувство необходимости изучения С++ (c plus plus): во многих прикладных книгах используются примеры на языке (программирование трёхмерной графики, создание игр), многообещающая скорость работы, гибкость языка, знакомый по PHP и JavaScript синтаксис, использование языка при работе с платами Arduino.

Проектирование базы данных HTML-элементов

Давно назрело желание объединить темы, которые помогут слушателям курсов по MySQL познакомиться с решением прикладной задачи. Проблема заключается в сборе и хранении информации обо всех HTML-элементах и их атрибутах (на самом деле, это фрагмент другой задачи).  Для проектирования выбрана удобная программа — MySQL Workbench. С её помощью решаются другие задачи по проектированию баз для MySQL. […]

This в JavaScript

this — позволяет обратиться к объекту, который вызывает JavaScript-функцию/метод. Если к нему обратиться вне функции, то он укажет на глобальный объект. При работе в браузере — это объект window. При вызове функции без явного указания объекта или с объектом window, this тоже будет указывать на window. Посмотреть пример из заметки Как узнать контекст выполнения в […]

Tampermonkey пользовательские скрипты

Tampermonkey — это бесплатное расширение браузера и популярный менеджер UserScript пользовательских скриптов для браузеров Chrome, Microsoft Edge, Safari, Opera Next, и Firefox.  Расширение поддерживает такие функции, как простая установка скрипта, автоматические проверки обновлений, простой обзор скриптов, запущеных на вкладке, а также имеет встроенный редактор. Кроме того, есть хорошие шансы на то, что несовместимые скрипты будут […]

getBoundingClientRect

getBoundingClientRect — удобный метод HTML-элементов для определения расположения элемента относительно окна и нахождения размеров элемента (ширины и высоты). Метод возвращает объект с свойствами left, top, bottom, right, width, height. Получите ссылку на HTML-элемент и вызовите метод — вы узнаете указанные свойства. Пример определения размеров элемента.

Зависимые списки

Зависимые списки — часто используемое решение для улучшения пользовательского интерфейса. Пользователю не нужно вводить/рассматривать огромную массу информации. Достаточно выбрать нужны элемент списка в первом списке, а через JavaScript построить второй список, зависимый от первого. Это могут быть сочетания Автокомпания — Марка машины, название языка программирования — курсы по этому языку программирования.

JavaScript анимация кнопки вызова диспетчера

JavaScript анимация кнопки вызова диспетчера или менеджера через Skype или другой мессенджер выполнятся через таймеры JavaScript. Верстаем заготовку кнопки, позиционируем её (в нашем случае нижняя правая часть страницы); в атрибуте href прописываем псевдопротокол skype и название учётной записи, на которую будет осуществлён звонок.

Морское сражение

Название «Морское сражение» в последний момент заменило «Морской бой», поскольку за вторым закрепилась определённая структура игрового поля :). Игра написана на HTML5 (HTML + CSS + JavaScript). Для полноценного восприятия материала заметки, нужно хорошо знать HTML и CSS, основы JavaScript и работу с объектной моделью документа (DOM). Основная идея игры: максимальное количество попаданий по «пиратскому […]

querySelectorAll — выборка JavaScript-коллекций

getElementsByTagName не единственный метод объекта document, для выборки HTML-коллекций из дерева DOM. querySelector() и querySelectorAll() — удобные методы выборки по селектору (очень похожи на выборку элементов через jQuery). Подробное описание метода в документации Мозиллы.

Autocomplete в HTML

Автозавершение (Autocomplete) ввода — удобный механизм помочь посетителю сайта выбрать нужный пункт для ввода и сократить время на обработку данных (на стороне сервера данные проверяются всё равно, но при правильном вводе посетитель сэкономит время). В HTML-элементе input есть возможность создания атрибута autocomplete, который подключает или отключает подсказку вводимых ранее значений.