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
Ответ
Anonymous Quiz
43%
Да
57%
Нет
Разница между CSS Grid и Flexbox.

Если Вы еще не до конца понимаете или хотите только узнать, как работает выравнивание блоков для CSS Grid и Flexbox, то эта статья для вас.

#статьи
This media is not supported in your browser
VIEW IN TELEGRAM
Cool Text - красивая реализация текста с помощью keyframes, которая точно привлечет внимание на Вашем проекте. Забираем в коллекцию!

#codepen
PixiJS - это библиотека рендеринга, которая позволит вам создавать насыщенную интерактивную графику, кроссплатформенные приложения и игры без необходимости погружаться в API WebGL или заниматься совместимостью браузера и устройства.

#typescript
Подборка курсов с Udemy, на которые сейчас проходят акции и в ограниченный срок Вы можете их забрать себе и изучать в дальнейшем бесплатно! Успевайте!

1) Полный курс Python и Django Framework для начинающих.
2) Docker - курс для начинающих.
3) Современный JavaScript для React JS - ES6.
4) Мастер-курс Front End Web Development на 2021 год.
5) JavaScript, Bootstrap и PHP - сертификация для начинающих.

#Курсы
🔥 Лучшее на канале за последнюю неделю

1) DropCSS - быстрый, качественный и крошечный очиститель неиспользуемого CSS. 
2) DashLite - мощный шаблон панели администратора, специально созданный для разработчиков и программистов.
3) Cool Text - красивая реализация текста с помощью keyframes.
4) Text-decoration styling - шпаргалка по стилизации линий различной формы и расположением на CSS.
5) FarbVélo — онлайн инструмент для генерации гармоничных цветовых палитр.

Всем успешной разработки!

#Лучшее
CAN I INCLUDE - этот проект предоставляет функциональные возможности для проверки того, может ли один тег быть включен в другой. На основе информации из HTML Spec WHATWG.

#инструменты #html
This media is not supported in your browser
VIEW IN TELEGRAM
Card Hover Interactions - реализация постов со скрытием контента и плавным появлением его при наведении. Забираем в коллекцию!

#codepen
Vue-good-table - Простая в использовании, чистая и мощная таблица данных для VueJS с такими важными функциями, как сортировка, фильтрация столбцов, разбиение на страницы и многое другое.

#vue
Как сравнивать объекты в Javascript.

Сравнивать примитивные значения в JavaScript просто. Просто используйте любой из доступных операторов равенства, например, строгое равенство:
'a' === 'c'; // => false
1 === 1; // => true

Однако объекты сравнивать сложнее, поскольку они представляют собой структурированные данные. В этом посте вы узнаете, как правильно сравнивать объекты в JavaScript.

#статьи #javascript
Siteliner — инструмент для seo-анализа сайта. Поиск дублирующегося контента, неработающих ссылок и многое другое.

#инструменты
Temper - одна из наименее навязчивых библиотек, которые вы можете использовать для управления состоянием приложения на React. Идеальное решение для приложений с огромными состояниями и очень частыми обновлениями.

#react
AdonisJS - платформа Node.js в первую очередь ориентирована на эргономику, стабильность и скорость разработчика. Начните создавать эффективные, надежные и масштабируемые серверные приложения.

Основные особенности:
- Хорошо продуманная и надежная SQL ORM. Он поставляется с конструктором запросов, миграциями и моделями Active Record.
- Один из самых продвинутых HTTP-маршрутизаторов с такими функциями, как: группы маршрутов, поддомены, сопоставление шаблонов и эффективные маршруты.
- Средство проверки формы, которое предоставляет информацию о типе вместе с проверками времени выполнения. Нет необходимости поддерживать отдельные интерфейсы для тела HTTP-запроса.
- Встроенный модуль проверки работоспособности, который можно использовать с оркестраторами, такими как Kubernetes.
- Особое внимание уделяется веб-безопасности. Мы защищаем веб-сайты от многих распространенных веб-атак.

#node
This media is not supported in your browser
VIEW IN TELEGRAM
"Хватит делать велосипед!" - говорили они)
Реализация велосипеда на SVG с применением анимации.

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

Термин «JAMstack» включает в себя сокращённые наименования следующих технологий:

JavaScript — код, который выполняется на клиенте, представленный библиотеками (вроде React), фреймворками (наподобие Vue), или программами, написанными на чистом JavaScript.
API — то, что происходит на сервере, абстрагировано, доступ к нему осуществляется из JavaScript-кода по HTTPS.
Markup — разметка, представленная шаблонами, используемыми для создания страниц во время подготовки проекта к работе.

#статьи
Gridsome - это генератор статических сайтов на базе Vue для создания сайтов с поддержкой CDN для любой автономной CMS, локальных файлов или API.

Основные особенности:
- Легкая локальная разработка.
- Генерирует статические PWA.
- Повышает производительность каждой страницы с помощью шаблона PRPL.
- Использование Jamstack разработки.
- Простое и безопасное развертывание.
- Дружелюбен к SEO.

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

#javascript
Какая технология позволяет взаимодествовать и обмениваться данными между серверной и клиентской частями?
Anonymous Quiz
10%
WebGL
77%
RESTful API
3%
HTML/CSS
2%
Canvas
8%
Web Workers
🔥 Лучшее на канале за последнюю неделю

1) Card Hover Interactions - реализация постов со скрытием контента и плавным появлением его при наведении.
2) Siteliner — инструмент для seo-анализа сайта.
3) ApexCharts - это современная библиотека диаграмм, которая помогает разработчикам создавать красивые и интерактивные визуализации для веб-страниц.
4) Vue-good-table - простая в использовании, чистая и мощная таблица данных для VueJS.
5) Как сравнивать объекты в Javascript.

Всем успешной разработки!

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

Используйте текст, создавайте простые геометрические фигуры, редактируйте материалы, импортируйте 3D-модели и многое другое. Контролируйте результат своей дизайнерской работы.

#инструменты