CodeRoll | Frontend

Функциональное программирование на JavaScript. Как улучшить код JavaScript-программ. Автор: Кайл Симпсон О книге: 2018 год, 304 страницы, Русский язык, 125.46Mb Содержание: Эта книга призвана научить вас применять методики функционального программирования в своем коде, используя стандарт ECMAScript 6 языка JavaScript. Она написана для разработчиков, имеющих хотя бы основные понятия об объектно-ориентированных программах и общее представление о тех трудностях, которые представляет разработка современных веб-приложений на JavaScript.  #книги

CSS 3D Blend Mode Buttons - такая реализация кнопок в стиле Cyberpunk, станет украшением любого проекта. Кнопки сделаны на чистом CSS с использованием keyframes. #css

Yeoman — универсальный инструмент, который может использоваться с почти любым языком программирования (JavaScript, Python, C#, Java и прочие). Эта базовая система кодогенерации с богатой программной экосистемой (более 6200 плагинов) служит для разработки веб-приложений. Благодаря Yeoman вы можете быстро создавать новые проекты, не забывая об обслуживании и улучшении уже существующих. #инструменты

Браузерные стили по умолчанию. CSS расшифровывается как Cascading Style Sheets — каскадные таблицы стилей. Каскадность — один из основных принципов CSS.  Необходимо помнить, что у браузера всегда есть свои стили по умолчанию. Они загружаются до пользовательских стилей, что позволяет проще переопределять текущие значения. Стили по умолчанию отличаются от браузера к браузеру, но именно они — причина того, что: - заголовки имеют разные размеры; - цвет текста — чёрный; - маркеры списков — жирные точки; - у всех элементов есть какое-то значение свойства display(например, block или inline). Этот список огромен. Даже если у сайта всего одна таблица стилей, она всё равно смешивается с браузерными стилями по умолчанию. Самый простой способ избавиться от этих стилей - выполнить их сброс. Пример 1 | Пример 2 #статьи #css

​​Айтишник, забери айфон! Конкурс для айтишников. Простые правила и крутые призы.  Что делать? Показать, без чего вы не проживёте 2021. Любимый кот, литр кофе или боксерская груша?  Лучшие работы получат iPhone 12, Apple Watch 6 и AirPods 2, остальным 50 счастливчикам мы подарят стильные худи.   Условия просты: 1. Создайте свой «набор для выживания» в 2021 и соберите в нем до 5-ти необходимых предметов. Например, ноутбук, любимое блюдо или любую другую вещь. Для удобства можете скачать шаблон на сайте.  2. Затем опубликуйте «набор» в VK, FB или Instagram с хэштегом #выживуттолькоайтишники  3. Зайдите на сайт и отправьте нам ссылку на пост. Скорее переходите на сайт конкурса: https://rb.ru/vtb-it/

SentinelJS - это крошечная библиотека JavaScript, которая упрощает настройку функции наблюдения, которая будет уведомлять вас каждый раз, когда в DOM добавляется новый узел, соответствующий заданному правилу CSS. #javascript

CSS Image Effect - отличная реализация ховер-эффектов для изображений с применением clip-path. Забираем в коллекцию! #html #css

Ikonate - отличный пак настраиваемых векторных иконок для вашего проекта. Настроить можно толщину линий, цвет, размер. #графика

Markmap — библиотека JS, которая помогает визуализировать документы Markdown, с помощью создания интеллект-карт. Из текстового файла .md она берет всю информацию и визуализирует её в виде схем. #javascript

Honeycomb - это настраиваемая, в первую очередь мобильная, гибкая среда scss для создания веб-сайтов и веб-приложений, которые корректно реагируют на экран любого размера. В отличие от традиционных фреймворков, где размеры шрифтов и промежутки привязываются к фиксированному размеру на основе точек, Honeycomb изменяет размеры всех этих элементов в соответствии с окном просмотра пользователя, чтобы пользовательский интерфейс отлично смотрелся на устройстве любого размера. #css #html

Мы ищем по всему интернету бесплатные курсы, книги, лекции по программированию и публикуем у себя на канале. Среди лучших бесплатных — курсы от Гарварда, Microsoft, Принстонского университета и др. Все абсолютно бесплатно

Taskade — таск-менеджер для командной работы. Taskade выглядит как простой список задач, но на самом деле это база данных с древовидной структурой, которую можно преобразовать в любые рабочие процессы. #инструменты

🔥 Лучшее на канале за последнюю неделю 1) Gurufy - отличный и удобный сервис для изучения React.js и его экосистемы. 2) Vue 3. Основы для Начинающих - авторский онлайн-курс по Vue.js 3 от Владилена Минина. 3) Основные этапы разработки сайта под ключ. 4) CSS Animations: Obvious CTA Buttons - забираем в коллекцию крутые кнопки с анимацией на CSS. 5) Rubicons - pixel perfect иконки для пользовательского интерфейса. Всем успешной разработки! #Лучшее

Gurufy - отличный и удобный сервис для изучения React.js и его экосистемы. Осваивайте front-end быстро и легко! Экосистема еще в процессе разработки, но основу уже можете начать изучать. #react

CSS Animations: Obvious CTA Buttons - забираем в коллекцию крутые кнопки с анимацией на CSS, которые привлекут внимание на любом проекте. #CSS

Highlight.js - библиотека предназначена для выделения синтаксиса. Работать она может и в браузере, и на сервере. Highlight.js способна распознавать практически любой код и имеет встроенную функцию автоматического определения языка. Она осуществляет поиск программного кода между тегами <pre><code>, определяя используемый язык и выделяя синтаксис. Помимо этого, она поддерживает несколько цветовых схем. Вот пример с отрывком JavaScript кода и стандартной темой редакторов. #javascript

Основные этапы разработки сайта под ключ. Перед началом разработки любого сайта на заказ необходимо провести ряд мероприятий, чтобы максимально удовлетворить потребности заказчика. Рассмотрим основные этапы: 1. Бесплатная консультация 2. Заполнение брифа 3. Обсуждение проекта 4. Подготовка коммерческого предложения 5. Подписание договора 6. Сбор семантики для SEO 7. Составление технического задания 8. Разработка дизайна 9. Верстка, программирование либо использование конструктора сайта 10. Тестирование сайта 11. Подготовка и размещение контента 12. Настройки и запуск проекта 13. Сдача проекта заказчику #статьи #кейсы