Завершилось обучение на двенадцатом потоке курса «JavaScript. Архитектура клиентских приложений». Всего в нём приняли участие 333 студента, из которых 127 успешно защитили свои проекты.

Отзывы студентов и имена лучших наставников можно прочитать в нашем отчёте.

Большинство из нас хоть раз откладывали на последний момент подготовку к экзамену или презентации, а потом в панике пытались успеть всё выучить за пару дней. Кроме очевидной проблемы с прокрастинацией есть и другая — мимолётность знаний, полученных таким образом. Мало что вспомнится уже через пару дней.

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

Если вы следите за нашими постами, мир веб-разработки уже не должен вам казаться страшным и неизведанным. Ранее мы говорили с вами о том, чем занимаются веб-программисты, какой у них уровень заработной платы, и насколько это актуальная профессия.

Возникает логичный вопрос — какими навыками должен обладать хороший фронтенд-разработчик, чтобы устроиться на работу и успешно справляться со своими обязанностями. Давайте рассмотрим эту тему. Рассказываем, какие минимальные знания и навыки актуальны для современного фронтендера.

Программа курсов HTML Academy составлена на основе потребностей рынка. Мы регулярно анализируем вакансии работодателей и корректируем обучение в соответствии с трендами веб-разработки. На наших профессиональных курсах вы сможете получить все необходимые знания и навыки для трудоустройства.

Управлять фокусом — значит определять, какие элементы могут его получать, а какие нет. Это один из самых сложных аспектов при разработке веб-интерфейсов, но он важен для доступности сайтов и приложений.

В этой статье рассматриваются полезные практики управления фокусом и особенности атрибута inert.

​Сегодня международный день анимации и всех, кто с ней связан! В честь этого подготовили подборку полезных статей в блоге о создании анимации.

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

Начнём с простого. Сколько двоеточий ставить — одно или два? В старой спецификации псевдоэлементы писали с одним (:), а в свежей — c двумя (::). Это даёт возможность визуально отличать псевдоклассы (:) от псевдоэлементов (::), даже не зная самих свойств.

Если увидите псевдоэлементы с одним (:), то смело меняйте на (::). А чтобы сохранить совместимость с IE8 и ниже используйте postcss плагин.

Можно ли управлять псевдоэлементами с помощью JavaScript? К сожалению, нет. Дело в том, что псевдоэлемент по-настоящему не находятся в DOM. Они всё же создаются в CSS. А то, что вы их видите в DevTools в Elements, это доработка производителей браузеров, чтобы разработчикам было удобнее взаимодействовать с псевдоэлементами. Поэтому все данные, которые вы хотите изменять с помощью JavaScript, помещайте в непосредственно разметку.

Важный момент — вы не можете добавить псевдоэлемент к <input>, <img>, <audio>, <video>, <canvas>, <embed>, <iframe>, <object>. Все перечисленные элементы относятся к категории embedded (замещаемых). Замещаемые элементы могут полностью заменить все отображение элемента, в том числе и их псевдоэлементы. Вот почему в замещаемых элементах не работают псевдоэлементы. Например, тег <img> в зависимости от загруженности картинки будет выглядеть абсолютно по-разному. С загруженным изображением он отобразится, а с незагруженным — покажется область с текстом из alt.

Подробнее о псевдоэлементах вы можете узнать с помощью главы «Селекторы» в наших тренажёрах: https://tml.io/7np54

Кошелёк или жизнь? Наш кот Кекс не отстаёт от трендов и тоже готовится к Хэллоуину. Он сменил привычный окрас и приготовил подарки для начинающих веб-разработчиков. Вместо конфет Кекс придумал кое-что поинтереснее: начиная с этой минуты действует скидка 6000 рублей на вечный доступ к тренажёрам! Акция продлится до 31 октября включительно.

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

Во время работы с коллекциями JavaScript можно столкнуться с поведением, которое покажется странным, если не знать один нюанс — они бывают живыми и неживыми.

Рассказываем, чем отличаются коллекции, и как их правильно использовать.

​Добрый вечер, коллеги! У нас кое-что изменилось на сайте. А теперь вопрос со звёздочкой. Что именно?