CodeRoll | Frontend

По каким критериям рекламодатель выбирает сайт, которому заплатит за размещение? Какие факторы необходимо учитывать вебмастеру? Какой контент привлекает интересную рекламодателю аудиторию на сайт? Узнаем на бесплатном вебинаре от RTBSape 17 февраля в 14:00. СЕО RTBSape Сергей Самонин поделится исследованием предпочтений рекламодателей и расскажет, как сделать свой сайт привлекательным для размещения рекламы и кратно увеличить прибыль от монетизации. Контент-продюсер Tilda Publishing Сергей Болисов раскроет секреты работы с контентом сайта для разных аудиторий. На вебинаре обсудим: 🔹По каким принципам рекламодатели выбирают площадки; 🔹Как попасть в WhiteList крупных рекламодателей; 🔹Как работать с рекламными сетями;  🔹Как 99% рекламодателей анализируют качество трафика на сайте; 🔹Как контент помогает таргетироваться на нужную ЦА; 🔹Работа с контентом для разных сегментов, на что обратить внимание. #реклама

Vuestic UI Vuestic UI - это UI библиотека, содержащая более 50 многофункциональных компонентов. Она позволяет настраивать компоненты глобально через конфигурации и переменные CSS. Пользовательский интерфейс Vuestic совместим с Vue.js 3.0, готов к работе с i18n и поддерживает все современные браузеры. Ссылка на официальный сайт #инструменты

Контент псевдоэлемента У псевдоэлементов ::before и ::after есть свойство content, куда можно записать текст, символ Unicode и даже CSS функцию attr(данная функция возвращает значение атрибута, указанного в элементе). В статье показан пример, как с помощью JavaScript можно получить значение CSS свойства content. Ссылка на статью #js

CSS тест Небольшой тест на знание CSS. Определите ваши пробелы! Ссылка на тест  #сss

Codecademy сделали канал в телеграм! Для тех, кто в танке: codecademy — это крупнейшая в мире онлайн платформа для изучения программирования. Ее уважают как маститые сеньоры, так и совсем новички. В канале размещается сочная выжимка инфы с переводом на русский язык(!), одним словом — вещь очень полезная!  Обязательно к подписке: @ccademy #реклама

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

Шаблоны фона Генератор кода векторных бесшовных фонов с возможностью настроек цвета, масштаба, толщины линии. Вы можете выбрать готовый SVG или CSS код, а так же скачать фон в формате SVG. Ссылка на сайт #дизайн

Производительность Node.js Пишите приложения на Node.js? В статье вы найдете 6 дельных советов, как повысить производительность приложения. Ссылка на статью #nodejs

GraphQL Пора осваивать новые технологии! За последнее время GraphQL стал достаточно популярным и многие компании используют его при разработке приложений. GraphQL - это язык запросов для API и он имеет ряд преимуществ. Например, дает возможность запрашивать именно то, что нужно, и ничего больше. Для этого нужно просто добавить больше свойств в запросы вместо добавления нескольких конечных точек. В статье показан пример, как делать такие запросы в React приложении и обрабатывать обновления в реальном времени на стороне клиента. Ссылка на статью #react

Справочник для разработчика Нет ничего лучше ресурса, где собрано много полезной информации! И сегодня хотим поделиться одним из таких. На нем вы найдете примеры готового кода для HTML, CSS, JavaScript и других языков и технологий. Например, вы сможете найти такую полезную информацию: как с помощью JavaScript обнаружить, что пользователь использует Андроид устройство или как форматировать валюту. В общем, там масса интересных штук! Ссылка на ресурс #инструменты

Spread Spread cинтаксис(...) был представлен в спецификации ES6 и уже прочно вошел в обиход каждого разработчика. Он ценен тем, что позволяет сделать код чистым и понятным. Если вы еще его не освоили, то это статья для вас! В ней куча примеров и способов применения данного синтаксиса. Читать статью #js

width и height У данных CSS свойств, помимо числовых значений могут быть еще и такие, как: min-content, max-content и fit-content. Познакомиться с ними, узнать разницу и как применять на практике, вы можете в данной статье. Читать статью #css

JavaScript задачи с собеседований - канал на котором публикуются интересные задачки по JavaScript. Так же react, vue, angular, node.js Тематика канала :  — cинтаксис, — условные операторы, переменные и типы данных, — функции и функциональные выражения, — циклы, взаимодействие с пользователем, — строки, массивы. Проверь свои знания языка на @javascriptquiz #реклама

Базовые знания Очень важно изучать базовые основы веб-разработки, поскольку эти знания станут фундаментом для дальнейшего развития. Автор делится своими мыслями по этому поводу и дает рекомендации. Так же вы найдете в статье ссылки на полезные ресурсы для изучения HTML, CSS и JavaScript. Читать статью #статьи

SVG генератор Сохраняйте в закладки супер полезный ресурс! Коллекция бесплатных SVG генераторов для градиентов, шаблонов, фонов и декоративных элементов. Ссылка #дизайн

Node.js и Docker Статья на тему, как создать Docker контейнер для приложения на Node.js. Если вы не знаете, что такое Docker, по-простому это что-то вроде виртуальной машины. Более сложное объяснение: Docker – это программная платформа для быстрой разработки, тестирования и развертывания приложений. Docker упаковывает ПО или приложение в блоки, которые называются контейнерами. Каждый контейнер включает все необходимое для работы приложения: библиотеки, системные инструменты, код и среду исполнения.  Читать статью #nodejs

Бесконечный скролл во Vue Если вы пишите на Vue, берите на заметку! В статье показана простая реализация бесконечного скролла для страницы с помощью npm пакета 'vue-observe-visibility'. Читать статью #vue

survey.js JavaScript библиотека для создания различных опросов, анкет и тестов, которые легко можно встроить в ваше приложение. Доступны версии библиотеки для Angular, jQuery, React и Vue.js. Смотреть #инструменты

Чистый код Писать код чисто необходимо, как для себя, так и для своих коллег, чтобы каждый мог разобраться. В статье представлено несколько техник написания чистого кода. Читать статью #js

CSS 2022 Предсказания автора о том, что же стоит ожидать для CSS в 2022 году. @layer, функции color-mix(), color-contrast(), :has()... Все это вам не знакомо? Для знакомства советуем почитать данную статью. Там еще много всего интересного! Читать статью #css