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
7 полезных HTML-атрибутов, о которых вы, возможно, не знаете.

Веб-разработчик просто обязан хорошо знать HTML и уметь им пользоваться. Этот язык разметки обладает массой ценных возможностей. В частности, HTML-элементам можно назначать атрибуты, применение которых позволяет расширять возможности элементов.

В этой статье Вы узнаете о таких атрибутах, как:
accept, multiple, contenteditable, download, translate, poster, pattern

#статьи
Angular и TypeScript. Сайтостроение для профессионалов.

Автор: Файн Я., Моисеев А.
О книге: 2018 год, 464 страницы, Русский язык, 40.38Mb

Содержание:
Если вы занимаетесь веб-разработкой – от веб-клиентов до полнофункциональных одностраничных приложений – то фреймворк Angular будет для вас просто спасением. Этот ультрасовременный инструмент полностью интегрирован со статически типизированным языком TypeScript, который отлично вписывается в экосистему JavaScript.

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

#typescript
Overlay Scrollbars - плагин полосы прокрутки javascript, который предоставляет
настраиваемые полосы прокрутки и сохраняет встроенную функциональность. Имеет возможность скрыть все типы полос прокрутки.

#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Neumorphic Elements - набор готовых элементов в стиле неоморфизма. Забираем в коллекцию!

#codepen
Squido - это генератор статических веб-сайтов с открытым исходным кодом, написанный на Node.js, предназначенный для пользователей, которые хотят, чтобы веб-сайт работал проще и быстрее. По словам разработчиков, в squido есть все необходимое для начала работы без какого-либо опыта программирования.

#cms
SmolCSS - это минималистичный набор фрагментов и компонентов на CSS, которые ускорят Вашу разработку.

#css
Marsy - это онлайн-инспектор файлов PSD.
Он позволяет получить всю информацию, необходимую для комфортной работы верстальщика. Работает в браузере и доступен абсолютно бесплатно для одного активного проекта.

#инструменты
RVerify.js - легкий плагин проверки для Вашего проекта в виде поворота изображений на javascript с гибкими настройками.

#javascript
Что из перечисленного не относится к способу хранения данных в браузере?
Anonymous Quiz
10%
Сookie
8%
LocalStorage
6%
sessionStorage
11%
IndexedDB
65%
MongoDB
Разработка игр на языке JavaScript

Автор: Беляев С. А.
О книге: 2020 год, 128 страниц, Русский язык, 2.29Mb

Содержание:
Учебное пособие рассматривает ключевые вопросы разработки однопользовательских двумерных игр на языке JavaScript. Пособие построено в практическом ключе, когда в отдельных главах осуществляется поэтапная разработка различных элементов игры. В пособии не выделена отдельная глава для изучения основ JavaScript, его элементы разбираются в процессе изложения основного материала с объяснением базовых особенностей. Читателю будет легче воспринимать учебное пособие, если он уже владеет JavaScript, но достаточно владеть любым языком программирования.

#книги
Guess.js предоставляет библиотеки и инструменты для упрощения подходов, основанных на прогнозной аналитике данных, для улучшения взаимодействия с пользователем в Интернете. Эти данные могут быть получены из любого количества источников, включая аналитические модели или модели машинного обучения.

#typescript
This media is not supported in your browser
VIEW IN TELEGRAM
Simple CSS loaders - готовый изумительный набор анимированных прелоадеров для Вашего проекта на чистом CSS. Забираем в коллекцию!

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

#инструменты
Tabler Icons - крутой набор качественных, полностью настраиваемых иконок в формате SVG. В наборе 1280 иконок.

#иконки
Vuestic UI - библиотека пользовательского интерфейса Vue.js 3.0. Содержит более 50 многофункциональных компонентов, которые можно использовать в любом дизайнерском решении.

#vue
Imagehover.css - библиотека эффектов при наведении на изображения на чистом CSS. Полностью масштабируемая, а также есть поддержка LESS и SCSS. В комплекте более чем 40 классов эффектов.

#css
Cuba Admin - это полнофункциональный, многоцелевой, премиальный шаблон админпанели, созданный с использованием таких технологий как: Bootstrap 4, React, Angular 12, VueJS, Laravel

Он имеет огромную коллекцию повторно используемых компонентов пользовательского интерфейса и интегрирован с последними плагинами. Его можно использовать для всех типов веб-приложений, таких как настраиваемая панель администратора, серверная часть приложения, CMS или CRM.

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

#полезное #css
JS Marathon - формат обучения, который мотивирует вас смотреть короткие уроки 3 раза в неделю, сразу применять знания на практике, вовремя сдавать домашки и получать ревью кода от ментора как в реальном проекте. В результате соберете игру-файтинг на JS за неделю, бесплатно. 

Старт 31 мая. Для регистрации запустите бота. 

#javascript
Какой из селекторов отвечает за выбор прямого потомка c классом .code, следующий сразу же за body в DOM-дереве?
Anonymous Quiz
4%
body *.code
7%
body ~ .code
5%
body:after .code
15%
body .code
13%
body + .code
4%
body[class=".code]
52%
body > .code