CodeRoll | Frontend

BEM Вы еще до сих пор не разобрались c BEM? Или может не полюбили эту методологию? Дайте ей еще один шанс! Немножко поясним для тех, кто не в курсе, что это за три буквы. BEM(Block Element Modifier) - это компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки для удобства дальнейшего переиспользования. В общем, знать ее полезно, а в некоторых случаях даже нужно. Например, для трудоустройства. Очень понятное объяснение данной методологии в статье! С картинками и примерами -) #статьи

Видео сток Хотите немного оживить сайт? Вот вам ресурс с бесплатными фоновыми видео. Все видео разделены по категориям на разную тематику, что супер удобно при поиске. Очень круто, что есть такие ресурсы!  И мы делимся с вами ими! -) #дизайн

Обучение Node.js Ссылка на серию статей, обучающих кодить на Node.js. Для изучения вам понадобятся базовые знания JavaScript. #nodejs

Redux Middleware и WebSockets WebSocket — это протокол связи, предназначенный для обмена сообщениями между браузером и веб-сервером в режиме реального времени. В статье объясняется, что такое Middleware и как использовать с ним веб сокеты. Очень много примеров и полезного кода! #react

SmartMarket — единая точка доступа ко всем технологиям Сбера 💻 Хотите быть в курсе передовых технологий в IT? Регистрируйтесь на платформе SmartMarket!  Платформа позволяет решать IT-задачи любой сложности и использовать: - Визуальный конструктор и фреймворки для создания приложений; - Среду разработки на языках SmartApp DSL и JavaScript; - Нейросетевые решения; - Сервисы для хранения данных, отправки пушей, аналитики; - FaaS-решение для событийно-ориентированных бессерверных вычислений; - Веб-хостинг и многое другое. А еще вы сможете монетизировать свои проекты в один клик, подключать голосовое управление и распознавание жестов и получите доступ к сообществу из 2500+ разработчиков! 👉🏻 Подробности и бесплатная регистрация в SmartMarket Studio здесь. #реклама

30 seconds of code Потрясающий сайт на котором собраны снипеты JavaScript, CSS, React Hooks и другие. Очень ценный ресурс для начинающего разработчика! #инструменты

Работа с массивами 12 полезных приемов работы с массивами: 1. Конвертирование массива в объект 2. Объединение массивов и многие другие, вы найдете в статье. #javascript

Отзывчивость сайта З приема для отзывчивого сайта, сокращающих использование медиа запросов. Всего несколько шагов и ваш сайт будет хорошо выглядеть на всех разрешениях экранов! #css

📱IT Network - первая в России соцсеть для айтишников Тысячи молодых айтишников уже нашли здесь наставника, работу и просто коллег по цеху для обучения программированию и решению повседневных задач. IT Network помогает находить известных экспертов, работу и быть в курсе всех новостей из мира IT и науки. Не упустите свой шанс стать одним из них! В приложении вы сможете: ● Обмениваться опытом с коллегами ● Получать интересные предложения о работе ● Расширять круг знакомств в сфере IT ● Следить за новостями из мира IT и науки Для тех, кто решил расти в кругу успешных айтишников, вот ссылка на приложение в App Store и Google Play. #реклама

console.log До сих пор отлаживаете сайт с помощью console.log? Пора вставать на ступень выше и отлаживать через консоль разработчика. В статье вы найдете практический пример, на котором сможете поучиться дебаггингу в Chrome Developer Tools. #статьи

OwlLabs Яркий дизайн лэндинга для устройства Owl Labs в формате Figma. Уровень сложности: простой Ссылка: https://www.figma.com/file/PFvW6PZlbfBAanaS8uYzOY/Owl-Labs?node-id=2%3A8 #дизайн

React и Node.js Что может быть лучше фронтенда и бэкэнда на одном языке? Это упрощает процесс разработки приложения! Если интересно, как комбинировать React с Node.js, то рекомендуем к прочтению данную статью. #nodejs #react

React App на GitHub Pages Создали React приложение, но не получается опубликовать его на GitHub Pages? Сохраняйте в закладки инструкцию! #react

atropos js Это JavaScript библиотека для создания параллакс эффекта по наведению на элемент. Параллакс работает как для событий мыши, так и для сенсорных экранов. От создателей Swiper. #инструменты

map В статье представлен небольшой обзор метода map и 6 примеров его использования, которые пригодятся на практике. #js

:root Вы когда-то слышали о псевдоклассе :root или использовали его в работе? Возможно, вы найдете ему применение в своих проектах! О том, для чего он нужен и в чем его польза подробно в статье. #css

README.md Всегда игнорировали файл README? А это очень полезная вещь, которую стоит добавлять в свои проекты! Из статьи вы узнаете для чего конкретно нужен файл и как его правильно написать. #статьи

UI/UX советы Несколько дельных советов, как улучшить дизайн сайта. Они достаточно простые, но могут значительно улучшить внешний вид и сделать сайт более удобным для пользователя. Очень полезно ознакомиться и попробовать применить в своих личных проектах. #дизайн

Сервер на Node.js Из этой статьи вы узнаете как за несколько шагов создать сервер, а ещё напишите код для обработки запросов и отправки ответов. Если вы знакомы только с фронтендом, то это хороший шанс стать чуть ближе к бэкэнду! #nodejs

Redux VS Context API Сравнение двух вариантов управления состоянием, их преимущества и недостатки, случаи использования каждого из них. Обо всем этом подробно в статье. #react