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
Persona Avatar Generator - онлайн инструмент, которые генерирует стильные аватарки с различными лицами.

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

#полезное #дизайн
Единицы размеров в CSS.

В CSS существует множество единиц измерения. Обычно мы используем единицы размеров, но также есть единицы для углов — например, deg и turn, единицы времени — s и ms, единицы плотности экрана — например, dpi и dppx и другие.

Эта статья подробно рассказывает о разных величинах с примерами и формулами.

#статьи
Автор: Брайан Мессенленер, Джейсон Коулман
О книге: 2021 год, 528 страниц, Русский язык, 37.0Mb

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

#книги
Formik - популярная библиотека форм с открытым исходным кодом для React и React Native. Поскольку состояние формы по своей сути является локальным и эфемерным, Formik не использует внешние библиотеки управления состоянием, такие как Redux или MobX. Это также упрощает постепенное внедрение Formik и сводит размер пакета к минимуму.

#react
Turn.js - библиотека, которая поможет превратить ваш контент в книгу или журнал.
Она позволяет создать вполне реалистичную имитацию пролистывания страниц.

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

Проще простого найти локальные зависимости, они всегда располагаются в папке node_modules. А что на счет глобальных? Как их найти?  

#nodejs
SVG и CSS генераторы фона

5 крутых ресурсов, где можно выбрать образец фона и сгенерировать CSS код для него или скачать его в формате SVG. Отличное решение для использования в своих личных проектах, чтобы особо не заморачиваться с дизайном.

#дизайн
3 совета начинающему разработчику

В начале пути у каждого новичка появляются сомнения и мысли: "Я ничего не могу понять...", " Наверное это не для меня...".

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

#статьи
10 крутых бургер меню

Бургеров много не бывает! В статье приведены достаточно интересные варианты. Читай и бери себе на заметку.

#css
Области видимости

Еще не разобрался в этой теме?
Все об областях видимости переменных простыми словами.
propeller.js

Библиотека для вращения элементов.
Работает как для мыши, так и для сенсора.
Для лучшей производительности использует requestAnimationFrame и GPU вычисления.

#инструменты
Структура проекта на React

В статье рассказано о структуре, построенной на предметно-ориентированном проектировании (Domain driven design).

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

#react
Оптимизация проектов на Node.js

В статье даны 6 советов, как повысить производительность проектов на Node.js.
Каждый совет подробно расписан и приведены примеры.

Бери на заметку и пробуй применить в своих проектах!

#nodejs
Доступность

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

В статье рассказывается о том, что такое доступность и как ее повысить.

#дизайн #доступность
Подготовка к собеседованию

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

В статье вы найдете ресурсы для подготовки к собеседованию!

#статьи
Анимация меню

Крутой пример анимации открытия и закрытия меню, а также бесконечной анимации фона на чистом CSS.
Посмотри демо и попробуй реализовать!

#css
5 ошибок c Promise

С промисами проще работать, чем c callback функциями. Как минимум, потому что у них код читабельней.

Но и при работе с ними допускаются ошибки. Какие? Читай в статье!

#javascript
Phaser - это HTML5-фрэймворк для создания 2D-игр для десктопа и мобильных устройств.

Для визуализации использует WebGL и Canvas и может автоматически переключаться между ними в зависимости от поддержки браузера.
Игры можно развернуть на IOS и Android с помощью других сторонних инструментов.

#инструменты
Как управлять командой разработки и качеством на проекте?

Ребята из Skyeng, Flant, Райффайзенбанк и AGIMA ответят на этот вопрос 30 ноября в 18:00 мск.

Да-да, будет крутой онлайн-митап. Поговорим про:
— построение команды;
— систему мотивации разработчиков;
— грейдирование и переход на новый уровень;
— кубернетизации приложений.

В общем, будем говорить и о soft, и о hard skills. А главное — расскажем, какие боли есть у тимлида и как их решать.

Смотреть фильм будем на Youtube, а общаться в телеграм-чате.

Присоединяйтесь: https://clck.ru/YryAK

#реклама
React Хуки

Полная информация о React хуках с примерами.

В статье ты встретишь уже знакомые useState и useEffect, а также много других хуков, которые возможно никогда не использовал. 

#react