Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
120 videos
38 files
4.61K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
Каждый третий айтишник в России — самоучка

В преддверии Дня программиста онлайн-ритейлер Ozon опросил более 700 IT-специалистов, чтобы выяснить, как они пришли в профессию. Оказалось, что треть разработчиков – самоучки и только 30% из них имеют профильное высшее образование.

Несмотря на высокий уровень заработной платы в отрасли, лишь 20% IT-специалистов считают деньги решающим фактором при устройстве на работу. Половина специалистов выбирает IT, исходя из способностей и увлечений, а каждый десятый вообще считает, что попал в эту сферу случайно.

Полные результаты исследования и соответствующая инфографика были опубликованы сегодня на Хабре: https://habr.com/ru/company/ozontech/blog/518722/
Стилизация Angular компонентов

Полное руководство по способам стилизации компонентов в Angular: https://prglb.ru/4ooom

#frameworks #angular
Что делать, когда CSS блокирует парсинг страницы?

Материал посвящён разбору ситуаций, в которых неправильное и несовременное обращение с CSS-ресурсами ухудшает работу веб-страниц.

Читать: https://prglb.ru/4bra2

#css #performance
Подробное руководство по оптимизации производительности с помощью webpack

Ссылка: https://prglb.ru/40ksb

#tools #webpack #performance
SVG-фавикон для темной и светлой темы

Изменяющийся фавикон с помощью SVG и prefers-color-scheme

Ссылка: https://prglb.ru/510g5

#design #css #svg
Что фронтендерам нужно знать о бэкенде

Узнать: https://prglb.ru/3ouu8

#backend
🎓Нормальные люди программируют на html. Но пробовали ли вы программировать на json?

А если серьезно, инструментарий jsonschema-form позволяет до безобразия упростить процесс написания пользовательского интерфейса для SQL выборки с использованием библиотеки React. Посмотрите статью по ссылке
Правильный ответ: 225px

У свойства flex-basis есть приоритет перед свойством width, но также его значение должно быть в диапазоне значений свойств min-width и max-width. В нашем случае 250px (flex-basis) не укладывается в диапазон, и поэтому значение ширины ограничивается 225px.

Много вопросов по CSS для самопроверки вы найдете здесь: https://prglb.ru/3ju8g
Mousetrap.js

Легкая библиотека для привязки сочетания клавиш. Поддерживает множество действий и разные раскладки.

На github: https://prglb.ru/3mbx7

#tools #library
Интернационализация в ES2020

Новинки и доработки в новом стандарте: https://prglb.ru/1ljz

#javascript
Дизайн сайта

Плейлист с разбором и применением интерфейсов веб-страниц: https://prglb.ru/fmqw

#design #interface #video
Какой отступ будет между элементами в следующем примере?
Anonymous Quiz
9%
0px
11%
10px
40%
20px
40%
30px
Основы JavaScript за неделю в формате марафона

Короткие видеоуроки, домашние задания, которые нужно выполнить, чтобы пройти дальше, поддержка и code review от ментора с 14-летним опытом.
В результате — собственная браузерная игра в жанре файтинг.

Старт 21 сентября. Чтобы присоединиться, запустите бота.
Правильный ответ: 30px, так как внешние отступы внутри флекс-контейнера не схлопываются.