CodeRoll | Frontend

Ты начнёшь верстать увереннее, добавишь в портфолио 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сылка на сайт #дизайн

react-draggable - это компонент для создания перетаскиваемых элементов.  Дочерние элементы, обернутые в этот компонент получают возможность перетаскивания. В репозитории можно найти ссылку на демо и подробную информацию об использовании. Cсылка на репозиторий #react

Algorithm Visualizer - это интерактивная онлайн-платформа, которая визуализирует алгоритмы из кода. На сайте представлены примеры таких алгоритмов, как: - бинарный поиск - пузырьковая сортировка - выборочная сортировка и многие другие. Доступные языки: JavaScript, Java и C++. Через визуализацию изучение становится проще! Cсылка на сайт #инструменты

Temporal API  Работать с датами в JavaScript немного проблематично, вот почему часто используются готовые библиотеки. Было предложено добавить новое API для работы с датами - Temporal API. Основная цель нового API — упростить работу с датами и временем в JavaScript, а также добавить дополнительную поддержку таких вещей, как даты без времени, время без дат и часовые пояса. Пока новинка на 3 стадии предложения. Подробнее о ней читайте в статье! Cсылка на статью #js

CSS toggles  Все знают хак с чекбоксом для создания переключателя и он до сих пор является популярным способом для создания “toggle effect” на чистом CSS. Но в скоро будущем возможно появится официальный функционал для создания переключателей. CSS toggles сейчас на стадии предложения и пока экспериментальная реализация появилась в Chrome Canary. В статье дается небольшой обзор на данную фичу, а в конце ссылки на спецификацию, демо, полифилл и другие интересные источники по этой теме. Cсылка на статью #css

Освоить веб-разработку с нуля за 10 месяцев — реально, хотя и непросто. Придётся сократить время на хобби, заниматься после работы и до неё, искать дополнительные материалы и подолгу думать над задачами. Но оно того стоит: в конце пути — новая профессия и интересная работа. А Яндекс Практикум поможет не сбиться с курса. — Команда сопровождения проверит проекты, объясняет сложные темы и поддерживает. — Карьерный центр научит работать с резюме, мотивационными письмами, портфолио и готовится к собеседованиям. — Сообщество студентов и куратор подбодрят, когда захочется всё бросить. Если не справляетесь с делами, то два раза за курс можно взять академический отпуск на месяц. Если на базовой программе тяжело, снизить темп поможет расширенная программа, которая длится 18 месяцев. Учёба будет размеренной, а программа более фундаментальной. Оплата учёбы работает в формате подписки: платежи проходят каждый месяц, и вы можете остановить их в любой момент. Протестируйте формат курса бесплатно →