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

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

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

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Effector - стейт-менеджер, который активно развивается и поддерживает множество фреймворков. Одни из них React, React Native, Vue, Svelte.

#JavaScript
Ratio — онлайн-сервис, который поможет подобрать нужный межстрочный интервал, исходя из указанных размеров шрифта.

#Инструменты
Выберите правильный ответ ниже. Данный тест предоставил нам подписчик. Этот и другие вопросы по разработке можно всегда обсудить в нашем чате.
Bree - лучший планировщик заданий для Node.js и JavaScript с cron , date , ms , later и удобной поддержкой.

Работает в Node v10+ и браузерах (благодаря полифилу bthreads), использует рабочие потоки (Node.js) и веб-воркеры (браузеры) для создания изолированных процессов, а также поддерживает async / await, стратегии повтора для неудачных операций, регулирование, параллелизм и отменяемые задания с плавным завершением работы.

#JavaScript #Node
🔥 Лучшее на канале за последнюю неделю

1) Памятка по современному JavaScript.
2) Sal.js - ориентированная на производительность, легкая библиотека анимации прокрутки.
3) Web Developer - набор полезных инструментов для управления элементами сайта.
4) Squircley - это онлайн инструмент, который умеет создавать красивые геометрические формы.
5) Vectry Icons - высококачественный бесплатный набор интерфейсных иконок для Вашего проекта.

Рекомендуйте наш канал, по возможности, друзьям. Всем успешной разработки!

#Лучшее
Shoelace - передовая библиотека веб-компонентов.

Основные особенности:
- Работает со всеми фреймворками
- Работает с CDN
- Полностью настраивается с помощью CSS
- Включает официальную темную тему
- Создан с учетом доступности
- Открытый исходный код

#CSS #Framework
This media is not supported in your browser
VIEW IN TELEGRAM
Scale - генеративный способ создания цветовых шкал. Гибкая и удобная настройка почти любого параметра. А еще есть возможность развернуть себе такой же проект с GitHub.

#Инструменты
15 языков программирования, знание которых гарантирует самые высокие зарплаты в IT.

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

15. C ++ — $55,3 тыс./год
14. JavaScript — $55,6 тыс./год
13. Python — $56,6 тыс./год
12. TypeScript — $57,4 тыс./год
11. Kotlin — $58,1 тыс./год
10. C# — $58,4 тыс./год
9. Prolog — $60,6 тыс./год
8. R — $61,6 тыс./год
7. Pascal — $62,7 тыс./год
6. Swift — $65,1 тыс./год
5. Objective-C — $66,6 тыс./год
4. Ruby — $72,1 тыс./год
3. Go — $72,6 тыс./год
2. Scala — $77,1 тыс./год
1. Perl — $84 тыс./год

#Статьи
React Hooks - Полный Курс.

Полный курс по React Hooks от Владилена Минина. Внутри расскажи про: useState, useEffect, useRef, useMemo, useCallback, useContext, useReducer. В конце курса узнаете как можно создавать свои собственные хуки.

#Курсы
Lineicon — 1000+ векторных иконок бесплатно.
Загрузите бесплатные иконки SVG и PNG Line для веб-сайтов, веб-приложений, программного обеспечения и веб-дизайна.

#Графика
Web Developer Checklist - замечательное расширение для веб-разработчиков, которые хотят быть уверенными в том, что они следуют лучшим практикам. Это расширение позволяет очень легко обнаруживать проблемные области на вашем веб-сайте.

Данное расширение является дополнением к уже рассмотренному раннее сервису по проверке проекта к запуску.

#Инструменты
Зачем изучать JavaScript в 2020 году?

Язык JavaScript прост в освоении даже для начинающего программиста. Он главный помощник для HTML и CSS, они взаимосвязаны между собой, как лучшие друзья. С помощью JavaScript есть возможность создавать скрипты, которые автоматизируют операции, требующие ручного исправления.

Основные плюсы:
- Работа внутри страницы браузера
- Взаимодействие с тегами html
- Корректирование CSS стилей страницы
- Корректировка кода любой страницы в HTML
- Перемещение любых элементов на странице
- Возможность запросить данные у пользователя и отправить их в базу данных
- Не требуется установки на компьютер
- Автоматическое приведение типов данных
- Широкая область применения

На сегодняшний день, средний заработок специалиста JavaScript варьируется от 1000$ до 3500$.

#Статьи
Ant Design — это полноценная дизайн-система, визуальный язык. Со своими принципами, стайлгайдами и библиотекой компонентов.

Основные особенности:
- Пользовательский интерфейс корпоративного класса, разработанный для веб-приложений.
- Набор качественных компонентов React из коробки.
- Написано на TypeScript с предсказуемыми статическими типами.
- Полный пакет дизайнерских ресурсов и средств разработки.
- Поддержка интернационализации для десятков языков.
- Мощная настройка темы в каждой детали.

#React #TypeScript
Currency.js -  это легковесная библиотека JavaScript для работы с валютами. Она решает проблемы с плавающей точкой в JavaScript и позволяет вам выполнять все основные арифметические операции не беспокоясь о точности дробей. Она работает с разными видами вводных данных: строчными, числовыми, десятичными и денежными единицами.

#JavaScript
This media is not supported in your browser
VIEW IN TELEGRAM
Satisfying Button (Neumorphism)

С виду это обычные не примечательные кнопки , но при наведении на них, они становятся захватывающими, анимационными и неоморфными!

#html #css
Moment.JS - облегченная библиотека JavaScript для анализа, проверки, управления и форматирования даты и времени.

#JavaScript
Главные причины изучить NodeJS в 2020 году

NodeJS — самая популярная технология в мире, особенно в Силиконовой долине. Это идеальный навык, чтобы открыть удивительные карьерные возможности для любого разработчика программного обеспечения. У каждого языка программирования есть свои преимущества, но что делает Node таким особенным?

Особенности языка:
- Приложения в реальном времени
- Низкая кривая обучения
- Производительность и масштабируемость
- Поддержка NPM с богатыми модулями
- Полезная единая кодовая база
- Потоковая передача данных
- Хорошо подходит для создания микросервисов
- Сильная Корпоративная Поддержка

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

#Node
Как зафиксировать ширину таблицы в 200px внутри тега <table> сохраняя валидность?
Anonymous Quiz
2%
style="200"
30%
width="200"
6%
style="200px"
61%
width="200px"
🔥 Лучшее на канале за последнюю неделю

1) Lineicon - 1000+ векторных иконок бесплатно.
2) Web Developer Checklist - замечательное расширение для веб-разработчиков, которые хотят быть уверенными в том, что они следуют лучшим практикам.
3) React Hooks - Полный Курс от Владилена Минина.
4) Satisfying Button (Neumorphism) - кнопки с неоморфной анимацией.
5) Scale - генеративный способ создания цветовых шкал.

Рекомендуйте наш канал, по возможности, друзьям. Всем успешной разработки!

#Лучшее
UIkit - это легкий и модульный интерфейсный фреймворк для разработки быстрых и мощных веб-интерфейсов.

Основные особенности:
- UIkit развивается на LESS & SASS.
- Коллекция небольших, aдаптивных компонентов с использованием унифицированных и бесконфликтного соглашения об именовании.
-  UIkit обеспечивает согласованную работу от телефонов и планшетов до десктопов. Ведь он основан на Mobile first подходе

#html #css #framework