CodeRoll | Frontend

HTML теперь в телеграм! HTML — самый популярный язык в мире. Именно на нем написаны все сайты. Начать свой путь в программировании проще всего с изучения HTML. Тем более теперь в телеграмме появился официальный русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!

Chrome 102 Что нового появилось в Chrome версии 102? Например, стал доступен HTML атрибут inert. Он указывает браузеру игнорировать события пользовательского ввода для элемента, включая события фокуса. Подробно о нововведениях читайте в статье! Ссылка на статью #статьи

Кастомные контроллы Bun - это генератор кастомных чекбоксов и радио-баттонов. В нем можно задать множество настроек: стили контролла, состояния hover и focus, а так же сразу посмотреть все это на реальном примере. И даже можно проверить, как элемент будет выглядеть на темном и светлом бэкграунде. На выходе вы получаете готовый HTML И CSS! Ссылка на сайт #дизайн

NodeMailer Электронная почта используется для взаимодействия и общения с клиентами, чтобы они не пропустили важные обновления. NodeMailer — самый известный модуль, используемый для отправки и получения электронной почты из приложений NodeJS. В статье рассказывается, как настроить этот модуль для отправки писем. Ссылка на статью #nodejs

React Suite При создании приложения React разработчики, как правило, тратят большую часть времени на написание кода CSS и JSX, чтобы приложение выглядело привлекательным. Для экономии времени на помощь приходят библиотеки готовых UI компонентов. Одна из таких - React Suite. React Suite - это библиотека React компонентов, разработанных для создания серверных и корпоративных системных продуктов. Ссылка на официальный сайт #react

JSON Visio - это инструмент визуализации JSON данных, который иллюстрирует их в виде схемы. Очень удобен для просмотра структуры данных! Ссылка на сайт #инструменты

Throttling и Debouncing - это методы для повышения производительности сайтов. Например, если повесить обработчик события на mousemove или scroll, который будет выполнять какие-то сложные вычисления, то каждый раз при срабатывании это будет влиять на производительность сайта. Оба метода могут помочь с проблемами подобного рода, но они работают по-разному и используются в разных случаях. Подробно о данных техниках с примерами использования читайте в статье. Ссылка на статью #js

▪️Напоследок дня собрали для Вас подборку IT каналов: 🔥 Шпаргалки программиста — самые полезные гайды и материалы в шпаргалках. Материалы , которые помогут выйти на новый уровень в программирование. 🧩JavaQuiz — канал на котором публикуются интересные задачки и вопросы по Java и их разбор. ✏️ Простой JavaScript — телеграм-канал, в котором рассказывают о JavaScript человеческим языком. Будет полезен: - начинающим верстальщикам, - фронтенд-разработчикам, - людям, которые изучают JavaScript. ⚡️Web_craft — маст хэв для веб-разработчика. Все фишки js, css, php на одном канале. Подписывайся и пользуйся. 💻 БИЗНЕС it — канал с лучшими кейсами и инсайтами для заработка в сет#, полезные инструменты для продвижения товаров или услуг - ONLINE. 🐧 Linux, please — всё о Linux: Самые полезные мануалы и интересные фитчи. 💻 Mr.Developer – канал с проектами и идеями для разработчиков. 💼 job for devs — лучшие вакансии в сфере IT. Высокооплачиваемая работа доступна из любой точки мира! ☝️Настоятельно рекомендуем подписаться на все каналы

Grid генераторы С помощью grid генераторов можно создавать сетку в несколько кликов. Но все ли они хороши? В статье дается обзор и сравнение популярных генераторов, чтобы вы могли выбрать подходящий вам вариант. Ссылка на статью #css

Visual Studio теперь в Telegram! Подписывайтесь: @vscode_edu #реклама

Словарь разработчика В обиходе разработчиков присутствует очень много специализированных терминов и слов. И чтобы быть в тренде и понимать других, советуем ознакомиться со многими из данной статьи.  Например, знаете ли вы, что означает registrar или crawl в вебе? Читайте значение в статье! Ссылка на статью #статьи

CSS генераторы Полезных инструментов много не бывает! Делимся ссылкой на ресурс, на котором вы найдете множество полезных генераторов CSS кода: - генератор для создания кнопок переключателей - генератор теней - генератор треугольников - генератор полосы прокрутки и еще много других крутых инструментов! Ссылка на сайт #дизайн

Видеочат Вы можете создать свой видеочат! И в этом вам поможет сегодняшняя статья. Для создания используются JavaScript, Node.js, PeerJS, WebRTC и Socket.io. В начале статьи можно посмотреть демо создаваемого приложения. Ссылка на статью #js

Анимация во Vue В статье рассматривается 5 лучших библиотек для создания анимаций во Vue: - vue-kinesis - vue-prix - vue-fake3d-image - v-wave - vue-animate-onscroll Читайте полный обзор с примерами использования в статье! Ссылка на статью #vue

Книги по вебу Столько всего полезного на одном ресурсе! На этом сайте собрана коллекция бесплатных книг по HTML, CSS, JavaScript и другим направлениям. Ссылка на сайт #инструменты

Курс по ES6 Если вы все еще не используете spread оператор(...), стрелочные функции и остальное, что пришло с появлением ES6, а так же не понимаете, что такое генераторы и для чего они нужны, то этот курс для вас. Тем более он бесплатный! Ссылка на курс #js

Hover эффекты В статье показаны примеры крутых и продвинутых эффектов при наведении. В анимации используются такие свойства, как: background-clip, clip-path, perspective и другие. Берите на заметку! Ссылка на статью #css

VS Code shortcuts Shortcuts (шорткаты) или "горячие" клавиши помогают повысить скорость написания кода. В этой статье собраны самые популярные сочетания для работы в VS Code для Windows и Mac! А в конце есть готовая шпаргалка с шорткатами. Ссылка на статью #статьи

perspective Свойство CSS perspective используется для придания трехмерному элементу некоторой перспективы. Оно определяет, насколько далеко объект находится от пользователя. Более низкое значение приведет к более интенсивному 3D-эффекту, чем высокое. По ссылке доступен генератор стилей для того, чтобы поиграться с данным свойством и посмотреть, как на практике оно меняет отображение элемента. Ссылка на генератор #дизайн

Двухфакторная аутентификация Двухфакторная аутентификация (2FA) добавляет дополнительный уровень безопасности вашему веб-сайту или приложению. Используя 2FA, пользователь может быть уверен, что тот факт, что у кого-то есть пароль, не означает, что этот человек может получить доступ к вашей учетной записи. Одной из реализаций двухфакторной аутентификации является использование приложений-аутентификаторов, например, такого, как Google Authenticator. В этой статье вы узнаете, как реализовать этот процесс в Node.js с помощью Google Authenticator. Ссылка на статью #nodejs