HTML: непопулярные теги

Читать

HTML - простой, но абсолютно необходимый в веб-разработке язык разметки. Поэтому каждый, даже начинающий, программист знает если не весь HTML, то хотя бы его основы. Но сегодня я хочу обратить внимание на ряд мало используемых HTML-тегов, о которых стоит знать.

Как разозлить разработчика?

Читать

Спойлер: разозлить разработчика очень просто. Точнее, разработчика может взбесить буквально все. И чем более "религиозны" взгляды разработчика в отношении определенных сущностей и событий, тем проще это сделать. Я считаю, что нет более токсичного сообщества, чем сообщество разработчиков, программистов и инженеров. Даже если мы заведем разговор хотя бы о том как правильно назвать профессию, споров и агрессии не избежать. Кем является каждый из нас? Жалким разработчиком, пишущей обезьяной, уважаемым программистом или высокомерным инженером - сколько людей, столько и мнений. Но, например, некоторые инженеры приходят в неистовое бешенство, когда кто-то то ли по незнанию, то ли специально называет их "разработчиками".

#dev #opinion

Доступность форм

Читать

Формы имеют большое значение для любого сайта. Они обеспечивают интерактивность: взаимодействие между пользователем и продуктом или услугой, предлагаемым ему с помощью интернета. Формы используются повсюду: для заказов, оплаты, отзывов и так далее. Недоступная форма наносит прямой удар по бизнесу. А это означает, что стоит поговорить о доступности форм.

#frontend #html

JavaScript: Object.setPrototypeOf

Согласно определению в JavaScript метод Object.setPrototypeOf() устанавливает прототип указанного объекта в другой объект. Интересно, какой результат даст следующая задача?

function Human(name, age) {
    this.name = name;
    this.age = age;
}

let user = Object.setPrototypeOf({}, new Human("John", "55"));

console.log(Object.keys(user));
console.log(user.name);

Что мы увидим в консоли в результате исполнения фрагмента кода, приведенного выше?

Узнать правильный ответ

#interview #frontend #js

JavaScript: кошки и собаки

Как получить значение свойства объекта в JavaScript?

let dog = {name: "Rex", age: 2, size: "big"},
    cat = {name: "Tom", age: 5, big: false};

console.log(cat[dog.size]);

Что выведет консоль после исполнения такого кода? Сколько ошибок мы получим в результате?

Узнать правильный ответ

#frontend #js

5 нужных HTTP заголовков

Читать

Разработчики часто сталкиваются с необходимостью интеграции создаваемых веб-ресурсов с API различных программных продуктов, размещенных на сторонних удаленных серверах. HTTP-заголовки являются парами "ключ/значение", позволяющими пользователю приложения или веб-сайта передавать определенную дополнительную информацию обратно на сервер и получать некоторые данные от сервера. Такую информацию правильно будет называть "мета"-информацией запроса, так как обычно она не содержит основные данные (включаемые в тело запроса или ответа), но дает возможность получить некоторые полезные сведения, например: статус авторизации или информацию об источнике данных.

#dev #http

CSS: 5 полезных трюков

Читать

В этой небольшой статье собраны потрясающие примеры того, как можно достигнуть желаемого результата с помощью всего пары строк CSS-кода.

#frontend #css

JavaScript: добавляем элемента массива

Обратим внимание на то, как изменится длина массива, если добавить элемент массива по индексу, учитывая, что значение индекса будет превышать длину самого массива.

Итак, у нас есть следующий код:

let arr = [1, 2, 3, 4];
arr[5] = "I am five";

console.log(arr.length);

Какой результат мы увидим в консоли?

Узнать правильный ответ

#interview #frontend #js

CSS: 3 полезных примера

Читать

Сегодня мы разберем три примера работы с каскадными стилями, каждый из которых, наверняка, облегчит жизнь разработчика: работа с курсорами, скрывающий фон и центрирование.

#frontend #css

CSS: стилизуем ссылки

Читать

В CSS существует множество приемов для обработки ссылок. Мы можем визуальное представление ссылок в ответ на различные состояния с помощью довольно большой группы псевдоклассов.

#frontend #css

JavaScript: конструктор сортировщиков

В JavaScript есть объект Intl.Collator, называемый конструктором сортировщиков. Для чего он нужен и каковы особенности его использования?

let words = ["apple", "zebrs", "America", "Boston", "bloom"];

console.log(words.sort(new Intl.Collator("en").compare));
console.log(words.sort());

Какой результат выведет консоль после исполнения такого кода, в чем различия двух сортировок?

Узнать правильный ответ

#interview #frontend #js

JavaScript: 5 странностей

Читать

Конечно, мы любим JavaScript. Это великолепный языка программирования. Но у него есть и "веселая" сторона, которая делает этот язык еще более интересным для изучения. В этой статье мы разберем 5 таких примеров.

#frontend #js

CSS: Ускоряем загрузку страницы

Читать

Быстрая загрузка страниц сайта является одной из самых важных задач для любого разработчика хотя бы потому, что данный параметр напрямую влияет на конверсию, получаемую владельцем веб-ресурса. Давайте разберемся: как, обратившись к CSS, ускорить время загрузки страницы.

#frontend #css

HTML: Полезные примеры

Читать

HTML является основным языком разметки для веб-ресурсов, позволяющим без особых проблем создавать практически любые элементы страниц. Для этого предусмотрен достаточно богатый арсенал: теги, атрибуты, возможность добавлять скрипты. Но, знаете ли Вы, что в HTML существуют возможности, с помощью которых можно реализовывать задачи, требующие, на первый взгляд, подключения кода JavaScript?

#frontend #html

JavaScript: сохраняем страницу в pdf

Читать

В этой небольшой статье мы разберем вариант создания pdf-файла из данных HTML-страницы с помощью клиентской библиотеки html2pdf.js

#frontend #js

Создаем Дизайн-систему

Читать

В этом небольшом обзоре мы опишем основные этапы создания Дизайн-системы для собственного программного продукта

#frontend #js

Просматриваем обновления и изменения содержимого файла с помощь команды tail

Читать

Очень полезная команда tail, присутствует практически в каждой unix-подобной операционной системе, включая macOS и, конечно же, Linux.

#bash #cli

Javascript: убираем дубли разрывов строк

Допустим, у нас есть контент с повторяющимися разрывами строк. А нам ужно получить текст с только одним разрывом между строками.

Узнать правильный ответ

#interview #frontend #js

AI: 11 советов для программистов

Читать

В 2024 году я полностью прекратил писать собственные программы. Отныне я занимаюсь копированием кода, созданного искусственным интеллектом. В связи с этим, позволю себе поделиться некоторыми советами по использованию инструментов ИИ, основанными на практическом опыте.

#ai

JavaScript: размер файла изображения

Есть форма с полем ввода, позволяющим пользователям загружать изображения:

<input
  name='image'
  type='file'
  accept='image/*'
/>

Как сделать так, чтобы размер файла загружаемой картинки не превышал определенной величины?

Узнать правильный ответ

#interview #frontend #js

JavaScript: ведущий ноль

Довольно часто к числу, выводимому на экран, нужно добавить ведущий ноль, особенно, если это число меньше 10. Как это сделать?

Узнать правильный ответ

#interview #frontend #js