Присоединяйтесь к новому бесплатному курсу по Angular: "Список пользователей"
Курс проходит в мессенджере (Telegram, Viber). В конце курса - сессия живого разбора кода. Регистрация по ссылке.

20 Авг 2018

Дайджест свежих материалов из мира фронтенда от JSExpert (7 августа — 20 августа 2018)

Небольшая подборка с ссылками на интересные материалы из области фронтенда и около него за последних 2 недели (7 августа — 20 августа 2018)

 

CSS

 

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

 

JavaScript

 

Цена JavaScript в 2018 году
JavaScript-код, который попадает в мобильные браузеры, всё ещё остаётся самым дорогостоящим ресурсом, так как он, многими способами, может задержать переход страниц в состояние, в котором с ними можно взаимодействовать. Какую нагрузку на системы создаёт JavaScript в наши дни? Как анализировать сайты? Как ускорить загрузку и обработку браузерами интерактивных веб-страниц? Эдди Османи, перевод материала которого вы можете прочесть, решил найти ответы на эти и на многие другие вопросы, встающие перед теми, кто пользуется JavaScript для разработки веб-сайтов в 2018 году.

 

Реактивность в JavaScript: простой и понятный пример

Во многих фронтенд-фреймворках, написанных на JavaScript (например, в Angular, React и Vue) имеются собственные системы реактивности. Понимание особенностей работы этих систем пригодится любому разработчику, поможет ему более эффективно использовать современные JS-фреймворки. В этой статье продемонстрирован пошаговый пример разработки системы реактивности на чистом JavaScript. Эта система реализует те же механизмы, которые применяются в Vue.

 

Средний цвет в JavaScript
Иногда во время разработки нужно создать слайдер галереи, но идей по оформлению нет совсем. Автор этой статьи предлагает подход «среднего цвета» и с примерами показывает как сделать то или иной вариант оформления используя средний цвет фотографий.

 

7 рекомендаций по оформлению кода на JavaScript
В этой статье приводится ряд рекомендаций по написанию качественного кода, проиллюстрированных примерами на JavaScript. Обязательно к прочтению как новичкам, так и бывалым программистам!

 

Занимательное

 

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