https://usehooks.com – коллекция кастомных React хуков

Рекомендации по использованию от Николая Громова, ведущего разработчика интерфейсов компании Наука:

«Коллекция хорошая, но есть несколько "но":

1. Видимо, разумнее всего просто копипастить нужный хук (отсюда: https://github.com/uidotdev/usehooks/blob/main/index.js) в свой проект (обновления редки, а все хуки в исходнике - в одном файле, который весь будет взят в сборку).

2. Часть хуков требуют экспериментальных версий react и react-dom (видно по команде установки на странице хука).»

---

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

#полезноеотработодателей #полезноеотnauka

Учебник по Git и GitHub

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

📖 Читать учебник

Новый макет и новый компонент! Верстаем промо-блок из олимпиады по фронтенду от HTML Academy и Яндекса.

htmlacademy.ru/demos/173

В пятой части курса мы делаем разметку и базовую стилизацию десктопной версии промо-блока. Ссылка на макет компонента — внутри курса.

#туториалотhtmlacademy #frontend #макет

https://angularexperts.io/blog/typescript-decorators – cтатья с разбором полезных декораторов, написанных на TуpeScript, содержит примеры кода и объяснения, что и зачем было написано. Статья поможет лучше понять TуpeScript и разобраться, что такое декораторы и зачем они могут понадобиться.

Статьёй поделились разработчики компании «Открытые решения».

---

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

#полезноеотработодателей #полезноеотosinit

Этот генератор box-shadow позволяет быстро и легко создавать стильные тени на вашем веб-сайте. Генератор позволяет добавлять до 10 теней с различными настройками, такими как горизонтальное и вертикальное смещение, размытие, прозрачность и цвет тени.

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

Используйте этот генератор box-shadow, чтобы быстро и легко настроить тени на вашей странице и улучшить ее визуальный стиль — https://tml.io/yd6fm

#htmlacademy_статьи

Читайте новые инструкции по CSS в блоге Академии:

Как передвинуть элемент на странице. CSS-свойство position

Как изменить цвет на странице. CSS-свойство color

Как изменить ширину элемента. свойство width

Как сделать фон на странице. css-свойство background

Как размыть картинку. css-свойство filter

#htmlacademy_статьи

https://css-tip.com/width-scrollbar/ – приём, который позволяет получить ширину скроллбара на чистом CSS

Николай Громов, ведущий разработчика интерфейсов компании Наука, о пользе этого приёма:

«Встречал несколько раз: при открытии модалки нужно блокировать скролл страницы, но если лифт есть и он не 0 пикселей, это вызовет "дергание" контента. Приходится добавлять padding справа, но как вычислять его размер? А вот и ответ»

---

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

#полезноеотработодателей #полезноеотnauka

Почему Vite выбирают разработчики?

Vite — это скорость, простота и возможность сосредоточиться на коде, а не на настройках. Он мгновенно обновляет изменения, поддерживает множество фреймворков и идеально подходит для современных проектов.

Что нового появилось в Vite 6? Спойлер: разработчики точно оценят новые шаблоны и поддержку последних версий Node.js.

Подробности — в статье: https://htmlacademy.ru/blog/js/vite-6

Завершаем вёрстку десктопной версии промо-блока из олимпиады по фронтенду от HTML Academy и Яндекса.

https://htmlacademy.ru/demos/175

В шестой части курса мы завершаем десктопную версию компонента и проверяем её на переполнение. Ссылка на макет компонента — внутри курса.

#туториалотhtmlacademy #frontend #макет

Мы советуем изучить, как работает атрибут fetchpriority:
https://web.dev/articles/fetch-priority?hl=ru#fetchpriority-attribute

А Николай Громов, ведущий разработчик интерфейсов компании Наука, рассказывает, почему надо использовать fetchpriority:

«И создал он атрибут loading и дал его эльфам.
И Создал он preload у <video> и дал его людям.
Но потом создал ОН один атрибут, чтобы править всеми!
(приоритетами загрузки)
и имя ему – fetchpriority

И возрыдали разработчики,
ибо ОН прекрасен и готов к продакшену.»

Полностью согласны. Ни убавить, ни прибавить.

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».
#полезноеотработодателей #полезноеотnauka

Кто, что и кому должен в онлайн-образовании IT-профессий?

Онлайн-образование IT-профессиям — это фабрика сертификатов, где обещают «карьеру мечты», а на выходе — тонны резюме без откликов. Школы учат устаревшим технологиям, работодатели хотят готовых специалистов, а студенты остаются с долгами и иллюзиями. Кто виноват? Школы, которые наживаются на надеждах? Работодатели, которые не хотят растить кадры? Или сами студенты, которые верят в «волшебную таблетку»?

Какой вариант, по вашему мнению, наиболее эффективен?