CodeRoll | Frontend
4.95K subscribers
1.6K photos
73 videos
1 file
923 links
— Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
yarn - это альтернативный менеджер пакетов для Javascript и среды его выполнения Node.js, который, как утверждается, обеспечивает скорость, согласованность, стабильность и безопасность. 

Кстати, расшифровывается данное название, как Yet Another Resource Negotiator.

Сложно утверждать, что лучше: npm или yarn. Есть приверженцы и того, и другого!

На случай, если хотите попробовать и сравнить, делимся статьей в которой рассказано, как установить данный пакетный менеджер и необходимые
команды для использования.

Ссылка на статью

#nodejs
April 9, 2022
10015 Tools — это набор инструментов для фронтенд разработки. 

На этом ресурсе вы найдете кучу полезных помощников:
- инструменты для работы с картинками
- инструменты для работы с текстом
- генераторы CSS кода
- инструменты для форматирования HTML, CSS, JavaScript и многое другое.

Все собрано на одном ресурсе!

Ссылка на сайт

#дизайн
April 10, 2022
Аллея памяти веба

Как много вы знаете об истории веба?

Делимся ссылкой на ресурс, посвященный 100 событиям в вебе, начиная с 2008 года.

Ссылка на ресурс

#статьи
April 11, 2022
Bulma - это CSS фрэймворк, который основан на first-mobile подходе. Это гарантирует, что UI элементы будут отзывчивыми и отлично выглядеть на маленьких экранах.

Bulma предоставляет множество предварительно стилизованных компонентов без использования JavaScript. Этим он похож на Tailwind CSS и Material UI.

Данный фрэймворк очень прост в установке и освоении. Он имеет интуитивно понятные, читаемые модификаторы, синтаксис и классы.

Делимся статьей, которая познакомит вас с Bulma.

Ссылка на статью

#css
April 12, 2022
April 13, 2022
AnyWebP - это конвертер картинок любых форматов в формат .webp.

WebP — это формат файла, разработанный компанией Google в 2010 году. Его особенностью является продвинутый алгоритм сжатия, позволяющий сократить размер картинки без видимых потерь в качестве.

А так же на этом ресурсе можно конвертировать из формата WebP в JPG/JPEG/PNG/ICO.

Ссылка на ресурс

#инструменты
April 14, 2022
April 15, 2022
Deno - это современная среда выполнения JavaScript, конкурирующая с Node.js, которая обещает такие функции, как безопасный ввод-вывод и встроенную поддержку TypeScript.

Райан Даль, первоначальный создатель Node.js, создал Deno, исправив все ошибки и недочеты, допущенные в Node.js.

Сегодняшняя статья на тему: "Почему Deno может заменить Node.js?" 

И правда почему...Ведь Node.js уже достаточно прочно обосновался! Об этом читайте в статье.

Ссылка на статью

#nodejs
April 16, 2022
April 17, 2022
Safari 15.4

Относительно недавно была выпущена новая версия Safari.

В Safari 15.4 добавлено более 70 дополнений к WebKit, а также новые веб-технологии, обновления и исправления.

Напомним, что WebKit — это движок веб-браузера, используемый Safari, Mail, App Store и многими другими приложениями для macOS, iOS и Linux.

И что же нового и полезного появилось для разработчиков?

Например, была добавлена поддержка элемента <dialog> и псевдоэлемента ::backdrop. Элемент <dialog> - это тэг для создания модальных окон, а псевдоэлемент ::backdrop позволяет стилизовать фон под модальным окном.

О всех остальных обновлениях читайте в статье.

Ссылка на статью

#статьи
April 18, 2022
:has

Чего очень не хватает в CSS, так это родительского селектора...Все очень ждали его появления, и дождались в виде псевдокласса :has()!

Пока что он поддерживается только в последней версии Safari.

Но уже советуем познакомиться с его возможностями сейчас. О них вы узнаете из статьи!

Ссылка на статью

#css
April 19, 2022
JavaScript тест

Проверьте свои знания по JavaScript, пройдя данный тест! 10 вопросов и для каждого дается подробное объяснение.

Ссылка на тест

#js
April 20, 2022
typed.js - это JavaScript библиотека для создания эффекта печатной машинки.

Максимально проста в использовании!

Ссылка на ресурс

#инструменты
April 21, 2022
Книга по React

Данная книга охватывает базовые основы React. Больше всего подойдет для новичков.

После прочтения у вас будет базовое понимание:
- что такое React и почему он так популярен
- как его установить
- components, state, props
- обработки пользовательских событий
- событий жизненного цикла в компоненте React

Ссылка на книгу

#react
April 22, 2022
Deno & MongoDB

В одном из постов уже была информация о Deno. 

Напомним, что Deno — это современная среда выполнения для JavaScript и TypeScript, аналог Node.js.

Забавный факт: Deno — это анаграмма. Переставьте буквы в Node и получится Deno.

В сегодняшнем посте делимся ссылкой на обучающую статью по созданию сервера с помощью Deno и MongoDB.

Ссылка на статью

#nodejs
April 23, 2022
April 24, 2022
April 25, 2022
CSS функции

Как много CSS функций вы знаете и сколько из них используете на практике? Самой известной и часто используемой является calc

Но есть еще и другие не менее полезные: clamp, min и max.

Например, c помощью функции min можно задать размер шрифта: font-size: min(25px, 1vw);  
Тогда он никогда не будет больше 25px и будет уменьшаться до 1vw в зависимости от размера viewport.  

Более подробно о функциях и их применении на практике читайте в статье.

Ссылка на статью

#css
April 26, 2022
April 27, 2022
Array Explorer - полезное приложение для обзора методов массива.

Выбираете в настройках, что хотите сделать с массивом (варианты написаны человеческим языком), а приложение выводит код. 

Интересный способ для изучения!

Ссылка на ресурс

#инструменты
April 28, 2022
April 29, 2022