CodeRoll | Frontend

Javascriptmas - это онлайн адвент-календарь с заданиями по JavaScript. Каждый день открывается новое испытание. Совершенствуйте свои навыки в JavaScript, выполняя ежедневные задачи. Ссылка #js

В российских компаниях на плохие результаты behavioral interview могут закрыть глаза, если технически ты силён. В зарубежной такой номер скорее всего не пройдёт.  На бесплатном вебинаре хедлайнер курса Frontend для мидлов Дмитрий Безуглый (CTO Frogly, работал тимлидом в ВКонтакте) поделится личным опытом прохождения собеседований в зарубежные компании.  На вебинаре:  ⬥ рассмотрим, что такое Behavioral Interview; ⬥ поговорим о том, какие вопросы задают чаще всего; ⬥ разберёмся, как на них правильно отвечать. Встречаемся 8 декабря в 19:00 (по Москве).  Регистрируйтесь по ссылке! #реклама

Новые viewport единицы Всем известны такие единицы измерения в CSS, как: vw = 1% от ширины области просмотра vh = 1% от высоты области просмотра В то время как единицы vw и vh хорошо работают для десктопа, на мобильных устройствах дело обстоит иначе. Там на размер области просмотра влияет наличие или отсутствие динамических панелей инструментов(адресные строки и панели вкладок).  Поэтому появилась необходимость в ведении новых единиц: Единицы c префиксом lv(large viewport): lvw, lvh, lvi, lvb, lvmin, lvmax Единицы c префиксом sv(small viewport): svw, svh, svi, svb, svmin, svmax На данный момент эти единицы работают в последних версиях браузеров Chrome, Firefox, Safari. Подробнее о них читайте в статье! Ссылка #css

Полезные команды npm В статье приводится несколько команд npm, которые могут вам пригодиться.   Например, команда npm docs <имя_пакета> открывает документацию в браузере. И не нужно больше гуглить, достаточно одной команды! Об этой и остальных командах, читайте в статье. Ссылка #статьи

Tylify - это инструмент для создания бесшовных паттернов для фона. Доступна настройка цвета фона и добавление собственных изображений. Результат можно скачать в виде SVG, CSS или PNG. Ссылка  #дизайн

Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги… Потому что Роман Чернов, веб-разработчик с 8-летним стажем, организовал бесплатный 7-дневный интенсив с практикой и обратной связью. За 7 дней ты: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг. 👉 Забрать бесплатно 7 дней обучения frontend-разработке #реклама

React Simple Maps - это библиотека для создания SVG карт в React приложениях. Она примечательна своей простотой в освоении, гибкостью, миниатюрностью и расширяемостью. Идеальный вариант для создания простых карт! Ссылка #react

DgrmJS — это JavaScript библиотека для создания редактора блок-схем. Поддерживает десктопные и мобильные устройства. Весит 3,5 КБ в сжатом виде. По ссылке в репозитории можно глянуть демо! Ссылка #инструменты

Learn Regex - это руководство по регулярным выражениям. Доступно на нескольких языках! Ссылка  #js

⚽️Опыт эффективной монетизации сайта «Спорт-Экспресс» — интервью с руководителем проекта В мире digital-маркетинга есть свои аксиомы — например, сайт с качественным трафиком должен приносить доход. С чего начинать, как не упустить важное в этом процессе и на каких инструментах монетизации лучше сфокусироваться?  Это мы рассмотрим в рамках вебинара RTBSape в формате live-интервью с Олегом Лукьяновым, руководителем отдела маркетинга «Спорт-Экспресс», ведущего интернет-портала о спорте в России. Ведущий вебинара — Семен Кудрявцев, Директор по развитию RTBSape. Отвечает за развитие сети и взаимодействие с партнерами. Итак, присоединяйтесь к трансляции 29 ноября в 15:00, чтобы из первых уст узнать: 🔹как подготовить площадку к успешной монетизации; 🔹какие модели продажи трафика актуальны; 🔹глоссарий и инструментарий монетизатора; 🔹3 самых прибыльных рекламных формата; 🔹особенности монетизации в 2022-2023 г. Регистрируйтесь и добавляйте вебинар в календарь, чтобы не пропустить 👉 https://clck.ru/32kmb7

Чекбоксы Делимся ссылкой на коллекцию готовых кастомных чекбоксов и переключателей с интересным дизайном и анимацией при нажатии. Всего в один клик можно скопировать готовый HTML и CSS код! Ссылка на сайт #css

YAML — это один из популярных языков для написания конфигурационных файлов. Если вы еще не знакомы с YAML, то советуем почитать данную статью. В ней он сравнивается с XML и JSON — двумя языками, которые также используются для создания файлов конфигураций. А также рассказывается о некоторых правилах и особенностях этого языка, и его синтаксисе. Ссылка на статью #статьи

metallicss - это библиотека для придания элементам эффекта металла. Также на сайте можно глянуть генератор CSS кода в котором представлено демо. Выглядит очень круто и реалистично! Ссылка на сайт #дизайн

Next.js 13 Совсем недавно была официально выпущена 13 версия Next.js.  Напомним, что Next.js — это хорошо зарекомендовавший себя React фреймворк от компании Vercel. Нового и интересного появилось немало в этой версии! Обо всем читайте в статье. Ссылка на статью #react

Accordion Slider Generator - это генератор кода для создания адаптивного аккордиона на чистом CSS. Задайте необходимые параметры и получите на выходе готовый HTML и CSS.  Ссылка на сайт #инструменты

Успей ухватить 7 дней бесплатного обучения фронтенд-разработке! 15–21 ноября Роман Чернов, веб-разработчик с 8-летним стажем, проведёт онлайн-интенсив с практикой и обратной связью. На эти 7 дней план такой: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг; - Получишь советы по доработке своего проекта. В итоге ты сверстаешь качественный сайт, который не стыдно добавить в портфолио или продать, освоишь азы работы с фреймворком Angular и получишь море бесценного опыта в вёрстке сайтов. 👉 Забрать бесплатно 7 дней обучения frontend-разработке А тем, кто ещё только думает переходить в IT, дадим пошаговый план как стать успешным frontend-разработчиком с нуля. #реклама

Starfield Делимся ссылкой на пример, как на чистом JavaScript создать анимацию звездного неба. Всего 21 строчка кода и создается иллюзия полета среди звезд. Ссылка на статью #js

Text fragments Текстовые фрагменты (Text fragments) - это одна из спецификаций, благодаря которой можно добавлять фрагмент текста в URL-адреса. При переходе по такому URL-адресу браузер прокрутит до указанного фрагмента и выделит его. Недавно данный функционал начал поддерживать Safari. Какие еще браузеры его поддерживают можно глянуть по этой ссылке. Подробнее о нем читайте в статье! Cсылка на статью #css

JAMstack Многие думают, что JAMstack - это какая-то новая технология.  На самом деле, это новый архитектурный подход к созданию современных веб-сайтов, основанный на клиентском JavaScript, повторно используемых API и предварительно созданной разметке.  Кстати, аббревиатура JAM расшифровывается, как: J - JavaScript, A - API, M - Markup. Подробнее о нем и его преимуществах можно почитать на официальном сайте. Cсылка на сайт #статьи

Icônes – это ресурс с коллекциями иконок, среди которых есть Material Design Icons, Ant Design Icons, Bootstrap Icons и другие. Выбор огромный! Cсылка на сайт #дизайн