HTML: альтернативный текст

Читать

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

#frontend #html

JavaScript: 10 полезных приемов

Читать

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

#frontend #js

JavaScript: длина функции

Что такое длина функции в JavaScript?

let sayHi = name => 'hi' + name,
    confirmSubscription = () => "Would you like to subscribe?";

console.log(sayHi.length);
console.log(confirmSubscription.length);

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

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

#interview #frontend #js

PHP: скорость конкатенации

Читать

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

#backend #php

JavaScript: объектные литералы вместо if и switch

Читать

Сложные условия в JavaScript ведут к появлению запутанного и плохо читаемого кода. Длинный список инструкций сравнения if/else или switch склонен к быстрому, постоянному и практически неконтролируемому росту. Я считаю, что объектные литералы являются наиболее приемлемым способом структурирования кода, в случаях, когда возникает необходимость использовать несколько условий.

#frontend #js

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