CodeRoll | Frontend

Babel.JS – это транспайлер, переписывающий код на ES-2015 и выше в код на предыдущем стандарте ES5. Обычно Babel.JS работает на сервере в составе системы сборки JS-кода (например webpack) и автоматически переписывает весь код в ES5. #javascript #инструменты

Plasmic -- инструмент, который позволяет разработчикам и дизайнерам визуально составлять пользовательские интерфейсы React. Работа дизайна происходит в Figma / Sketch, после чего можно преобразовать его в обслуживаемые, готовые компоненты - без ущерба для контроля разработчика. Вы можете импортировать компоненты Plasmic в существующую базу кода React, а также повторно использовать существующие компоненты кода в редакторе Plasmic. #react #инструменты

PostCSS - это инструмент для преобразования стилей с помощью плагинов JS. Эти плагины могут линтировать ваш CSS, поддерживать переменные и миксины, переносить будущий синтаксис CSS, встроенные изображения и многое другое. #инструменты

5 декабря с 12:00 до 19:00 по московскому времени пройдёт бесплатный вебинар по основам веб-разработки от Skillbox. В прямом эфире под руководством опытного разработчика ты с нуля создашь сайт — от написания кода до публикации его в интернете 😉 Подробная программа здесь: https://clc.to/qJu4hg. По итогу вебинара ты: 💡 Научишься верстать веб-страницы. 💡 Сможешь написать простой код на PHP. 💡 Поработаешь с базой данных MySQL. 💡 Узнаешь, как выбирать домен и хостинг. ☝️ Твоим преподавателем будет разработчик с 16-летним опытом, руководитель команды разработчиков и директор центра подбора IT-специалистов SymbioWay — Даниил Пилипенко. 🎁Все участники получат в подарок электронную книгу Кей Петерсон и Дэвида Колба «Век живи — век учись» издательства МИФ, а трое лучших — сертификаты на 30 000 рублей для обучения в онлайн-университете Skillbox!

Flexbox.help — инструмент-помощник в освоении технологии FlexBox. При выборе какого либо из свойств, появится визуальное отображение с изменением кол-ва элементов в контейнере. #css

Clock JS - красивая реализация текущего времени для Вашего проекта на чистом JS c пошаговым прогрессбаром в 1 минуту. #javascript

FullPage.js - простая и удобная в использовании библиотека для создания веб-сайтов с полноэкранной прокруткой (также известных, как одностраничные сайты). Она позволяет создавать веб-сайты с полноэкранной прокруткой, а также добавлять горизонтальные ползунки для разделов сайта. #javascript

🔥 Лучшее на канале за последнюю неделю 1) Animista - набор готовых решений для создания анимаций на вашем проекте при помощи CSS. 2) Profile Card Hover Effect - простая, но интересная реализация отображения информации профиля в виде карточек на чистом CSS. 3) DarkModeJS - легкий и кроссбраузерный, помогает автоматически определять время пользователя и переключать тему на темную режим.  4) Evericons - это коллекция из 460+ хорошо продуманных иконок для вашего проекта. 5) Calltoidea - это платформа для дизайнеров, которая может найти подходящие примеры элементов сайта для вдохновение в соответствии с потребностями. Всем успешной разработки! #Лучшее

Date-FNS обеспечивает наиболее полный, но простой и последовательный набор инструментов для манипулирования даты на JavaScript и Node.js. #javascript #node

Grid Garden — интерактивная игра, где вы напишете CSS-код, чтобы вырастить морковный сад, тем самым познакомитесь с Grid разметкой. #css

Calltoidea - это платформа для дизайнеров, которая может найти подходящие примеры элементов сайта для вдохновение в соответствии с потребностями. Calltoidea представляет лучшее, каждый день добавляются самые инновационные проекты и решения, которые наилучшим образом отражают концепции удобства использования и простоты дизайна во всем Интернете. #инструменты

Пацаны из подкаста «Мы обречены» ведут охрененный канал про IT в телеге. Злой как дед-плюсист, искренний, как твой гнев на аджайл. Фил каждый день пишет про разрабовскую боль для тех, кто уже пожил в индустрии, и поджигает задницы. Тема раз в год пишет про книги, о которых хер где еще узнаешь. В общем — редкая вещь, тексты про суть индустрии, а не учебу и развитие. Подписывайтесь, там мощно.

DarkModeJS - легкий и кроссбраузерный, помогает автоматически определять время пользователя и переключать тему на темную режим. Кроме того, он весит всего 2,39 КБ (1,05 КБ в сжатом виде) и написан на чистом Javascript, без каких-либо плагинов! #javascript

📖 Вы не знаете JS. Замыкания и объекты Автор: Кайл Симпсон О книге: 2019 год, 336 страниц, Русский язык, 3.97Mb Содержание: В данной книге рассматриваются наборы правил, которые используются движком JavaScript для поиска переменных в коде, вложенные области видимости – наборы контейнеров для переменных и функций, области видимости на базе функций и блоков, поднятие, а также паттерны и преимущества сокрытия на базе областей видимости. Использование замыканий для решения синхронных и асинхронных задач, включая создание библиотек JavaScript. #книги

Забудьте о дилетантах, которые вчера узнали об IT, а сегодня ему "обучают". Доверьтесь практикам. Этот канал ведёт действующий Python web-разработчик, который бесплатно делится опытом и учебными материалами: • ИИ и как его создавать  • Почему пора переходить на Django • Где джуну искать работу В конце месяца автор отдаёт подписчикам крупные заказы до $1000. Подписка хорошо отразится на ваших скиллах и кошельке: IT СПЕЦ 🐍

Evericons - это коллекция из 460+ хорошо продуманных иконок для вашего проекта. Они бесплатны для личного и коммерческого использования. #Графика

Онлайн-конференция ЮMoneyDay 28 ноября в 10:00 стартует онлайн-конференция, на которой программисты, QA-инженеры, аналитики и другие IT-специалисты из ЮMoney (ex-Яндекс.Деньги) выступят с докладами о Java, JS, QA, разработке на iOS/Android, архитектуре, SQL, СI/СD, менеджменте проектов. Можно будет задать вопросы спикерам и поучаствовать в викторине (лучшие получат призы). Регистрируйтесь по ссылке и участвуйте

Selectize - это гибрид текстового поля и поля <select>. Он основан на jQuery и полезен для добавления тегов, списков контактов, выбора страны и т.д. Его размер составляет около 7 КБ (в сжатом виде). Цель состоит в том, чтобы предоставить надежный и удобный пользовательский интерфейс с чистым и мощным API. Поддерживает Bootstrap 2, 3, 4 версии. #jquery