Круговой прогресс-бар по мотивам аниме Ghost in the shell
Javascript & Ajax \ Javascript 
2016-09-23
От автора: я очень долго восхищался дизайном интерфейса в аниме Ghost In The Shell, а на этой неделе понял, что могу воссоздать его в SVG. В данной статье я расскажу пошагово, как я создал такой круговой прогресс-бар.
Параллакс-скроллинг изображений при помощи CSS 3D и JavaScript
Javascript & Ajax \ Javascript
2016-09-15
От автора: эффекта параллакс-скроллинга можно добиться множеством способов, однако я считаю, что большая их часть лишь имитирует глубину изображения. Взглянув на скринсейвер с OS X, я понял, что CSS 3D позволяет по-настоящему сместить изображения на задний план по оси Z, создавая настоящую перспективу и параллакс-эффект во время прокрутки изображений вверх и вниз.
Вход без ключа: работа с JavaScript циклом for…of
Javascript & Ajax \ Javascript
2016-09-13
От автора: одна из самых нудных вещей, связанная с циклами в JavaScript – необходимо потратить довольно много времени на их настройку: обычный цикл for принимает переменную, итератор и условие для старта.
Закон абсолюта: работа с Math.abs, parseInt и parseFloat в JavaScript
Javascript & Ajax \ Javascript
2016-09-12
От автора: работать с числами в JavaScript может быть затруднительно. Полученные значения не всегда попадают в ожидаемые рамки. Бывает, что вы можете получить отрицательное число в то время, как ожидали положительное. Иногда это может быть даже не число. Конвертацией строк в числовой формат и обработкой вот таких условий часто занимаются метод Math.abs и функции parseInt и parseFloat.
Математические константы в JavaScript
Javascript & Ajax \ Javascript
2016-08-31
От автора: благодаря серии констант, математические операции в JavaScript выполняются гораздо проще. Я кратко поясню все константы на тот случай, если вы использовали только умножение и деление.
Циклы while и do…while в JavaScript
Javascript & Ajax \ Javascript
2016-08-25
От автора: циклы while и do…while используют реже, чем for, но они намного лучше подходят в определенных ситуациях, что делает их незаменимыми в JavaScript.
Перебор объекта JSON при помощи цикла for..in
Javascript & Ajax \ Javascript
2016-08-12
От автора: в обычных массивах можно использовать цикл for. Объекты JSON же отличаются от обычных массивов тем, что каждая ячейка содержит в себе пару свойство и значение. Чтобы извлечь эти составляющие массива и обращаться к ним по отдельности зачастую требуется другой подход. Цикл for..in – один из таких подходов.
Javascript & Ajax \ Javascript
2016-07-28
От автора: после загрузки и полной готовности веб-страницы в JavaScript запускается целый каскад событий, которых становится еще больше, когда пользователь начинает взаимодействовать со страницей тем или иным образом. К событиям можно отнести загрузку страницы, ее прокрутку, клик по кнопке или даже заполнение формы. Для запуска событий в JavaScript нужен специальный код, который вы сами проектируете и прописываете, тем самым выстраивая более глубокое взаимодействие.
Обрезание строк в JavaScript при помощи метода trim()
Javascript & Ajax \ Javascript
2016-07-13
От автора: текст, вбитый пользователем в форму, зачастую содержит лишние пробелы, который появляются из-за случайных нажатий клавиши внутри текстового поля input. Почти во всех случаях администраторам сайта необходимо удалять эти лишние пробелы: было бы странно, если бы пользователю отказали в авторизации из-за того, что в его логине есть невидимый пробел.
Все мы любим кого-то: методы every и some в массивах JavaScript
Javascript & Ajax \ Javascript
2016-07-08
От автора: зачастую в JavaScript требуется просеять массив и определить, есть ли в нем элементы, удовлетворяющие определенным условиям, значения в заданном промежутке или же узнать, совпадают ли все ячейки массива с чем-либо. С одной стороны, можно пойти обычным путем и прогнать массив в цикле, проверяя каждое значение (цикл for), ну или использовать более современный метод forEach. Однако есть способ намного лучше: методы every и some, с помощью которых можно получать мгновенный ответ на поставленные условия.
Все права защищены © 2026
Бернацкий Андрей Васильевич
Служба поддержки
Материалы сайта (статьи, уроки, видео уроки, курсы и прочее) предназначены исключительно для самостоятельного изучения