Frontend разработчик

Библиотека Frontend программиста. Книги, полезные материалы, статьи, новости, уроки по front end/web разработке.

О канале
Полная статистика

Последние посты канала

imageИзображение недоступно для предпросмотра

Рефлексия в JavaScript и TypeScript: обзор основных техник. Как сгенерировать CLI-интерфейс для класса Как и в любом достаточно динамическом языке, в JavaScript из коробки есть способы разобрать в рантайме структуру его значений — определить типы, ключи объектов, получить конструкторы и прототипы. В этой статье я хочу рассмотреть основные такие возможности, плюс показать, как можно получить ещё больше информации о типах при использовании TypeScript, и как добавить классам и их полям собственные метаданные при помощи декораторов. Каждую из техник я покажу на примере небольшого CLI-фреймворка, работа с которым к концу статьи будет выглядеть как на картинке: https://habr.com/ru/companies/ruvds/articles/754764/ Мы в MAX 👉 @frontend_1

607

09:07

13.10.2025

play_circleВидео недоступно для предпросмотра

Трюк по CSS ⭐

Вы можете создать этот сверкающий фон с помощью одного элемента, используя mask-composite, при этом анимируя mask-position.


.canvas {
  background: var(--gradient);
  mask:  var(--dots), var(--noise);
  mask-composite: intersect /* source-in, xor */;
  animation: flicker;
}
@keyframes flicker {
  to { mask-position: 50% 50% , 0 50%; }
}

Хитрость заключается в том, чтобы наложить маски друг на друга, а затем использовать значение intersect для mask-composite✨.
Intersect работает так же, как и в SVG, объединяя маски и беря их пересечение.

Маска dots — это базовый radial-gradient, который повторяется по всему элементу. Маска noise — сгенерированное изображение шума Перлина.


mask: radial-gradient(circle at 50% 50%, white 2px, transparent 2.5px) 50% 50% / 40px 40px;

mask: url("noise.png") 50% 50% / 256px 256px;

https://codepen.io/jh3y/pen/ExrWOJe

Мы в MAX

👉 @frontend_1

995

10:46

08.10.2025

imageИзображение недоступно для предпросмотра

🛡TypeScript: почему без него не обойтись фронтендеру?

Фронтенд-разработка уже не мыслится без TypeScript. Сегодня это стандарт, который фигурирует почти в каждой вакансии и позволяет писать код, где ошибки ловятся до запуска. На открытом уроке OTUS «TypeScript простым языком: зачем он нужен и как с ним подружиться» вы узнаете:

– зачем компании требуют TS и какую пользу он даёт;
– как типизировать примитивы, интерфейсы, функции и компоненты;
– как добавить типы в рабочий код и сразу увидеть результат.

❗️ Будет полезен разработчикам на JavaScript, React и Vue, а также всем, кто готовится к собеседованиям.

📆 Урок пройдет 8 октября в 20:00 МСК в преддверие старта курса «JavaScript Developer. Professional». Все участники получают скидку на обучение.
👉 Регистрируйтесь и приходите — это ваш шаг к сильному портфолио: https://vk.cc/cQ8KVx

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

1020

11:34

07.10.2025

imageИзображение недоступно для предпросмотра

Современный CSS очень хорош.

Отключить скролбар, когда этот диалог является одновременно модальным и открытым.
Никакого JS, никакого состояния, никаких классов, никаких меток aria — всего несколько строк CSS.

Мы в MAX

👉 @frontend_1

945

09:07

07.10.2025

CSS трюк для раскрытия текста при прокрутке? ✨

Объедините position: sticky с анимацией прокрутки.

Разделите текст на слова. Используйте значение «Pixel per character» для расчета начальной и конечной позиции прокрутки для каждого слова 🤙

Мы в MAX

👉 @frontend_1

1070

09:22

05.10.2025

play_circleВидео недоступно для предпросмотра

Люблю использовать CSS-анимацию, например, такую

    
        
.ring {
  animation: float 2s infinite alternate var(--ease);
  animation-delay: calc(
    sin((var(--index) / var(--count)) * 45deg)
    * -2s
  );
}
{}

Мы в MAX 👉 @frontend_1

1260

10:34

03.10.2025

imageИзображение недоступно для предпросмотра

⚡️Уже работаешь с Vue, но автотесты и UI-компоненты всё ещё вызывают стресс? Пора действовать! Записывайся на вебинары, которые проходят в рамках курса «Vue.js разработчик». Бесплатный вебинар «Пишем Автотесты на Vue.js» 🗓 9 октября, 20:00 На вебинаре: • Компонентное, 2E2, Unit-тестирование — разложим по полочкам • Библиотеки Vue: Cypress и Vitest — разберём на практике • Напишем первые автотесты — легко и без страха Для разработчиков, которые хотят освоить автотесты во Vue и прокачать навыки, которые пригодятся на любых проектах. Бесплатный вебинар «Почему во Vue проще: интерактивные UI-компоненты за минуты» 🗓 22 октября, 20:00 На вебинаре: • Модальные окна, слайдеры, выпадающие меню — делаем с нуля • Реактивность Vue в действии — управляем состоянием и анимацией • Почему Vue быстрее и проще, чем React для UI Для фронтенд-разработчиков, которые хотят ускорить создание интерфейсов и расширить портфолио практичными компонентами. Записаться на вебинары: https://vk.cc/cQ0xAE Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

1130

11:32

02.10.2025

play_circleВидео недоступно для предпросмотра

Эффекты мерцания с помощью CSS 🚀 1. Animate opacity 2. Use custom linear() timing 🔥

:root { --flicker: linear(0 0% 0.5%, 0.1723 0.7925% ... ); }
.flicker {
  animation: dim 4s infinite var(--flicker) alternate;
}
@keyframes dim { opacity: 0.25; }

Мы в MAX 👉 @frontend_1

1060

09:15

02.10.2025

imageИзображение недоступно для предпросмотра

Приходи на Frontend Speed Dating – 1,5 часа на полезные знакомства

7 октября пройдет Frontend Speed Dating — вечер коротких онлайн-знакомств для разработчиков. Ты приглашен ;-)

Как это будет: участники будут рандомно делиться по парам и общаться в Zoom. Будет 6 раундов по 10 минут.

Зачем:
• Обсудишь темы, которые вызывают споры: тестирование и наблюдаемость фронта, техдолг, карьера и инструменты.
• Заберешь идеи и практики, которые работают у других, и поделишься своим опытом.
• Найдешь полезные контакты и познакомишься с Frontend-коммьюнити – на прошлой встрече общались до 11 вечера, а потом обменивались контактами!

Вечер организует Mindbox, но будет «без оружия»: никакого хантинга и рассказа про вакансии, пока ты сам не спросишь.

📅 Когда: 7 октября
⏰ Во сколько: 19:00–20:30 по мск
📍 Где: Zoom (ссылку пришлём после регистрации)

Зарегистрироваться

1060

12:02

29.09.2025

imageИзображение недоступно для предпросмотра

❓ Как сделать чат в React?

😎 Ответ — на бесплатном вебинаре 29 сентября!

WebSocket — это не сложно. Покажем на практике, как связать React-приложение с сервером для обмена сообщениями в реальном времени.

Соберем работающий прототип мессенджера с авторизацией и интерфейсом. Идеальный проект для портфолио.

Присоединяйтесь к бесплатному вебинару курса «JavaScript Developer. Professional».

👉 Пишите код вместе с экспертом:

https://vk.cc/cPQvpa

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

1300

11:01

26.09.2025

close

-9

вчера

-24

за неделю

-122

за месяц

lock

в первые 24 часа

5.96

ERR за 24 часа

6.82

ERR за 48 часов

9.0

ERR за 72 часа

0.0

ER за 24 часа

988

Всего публикаций*

Выполненных заказов на Telega.in

Повторных заказов на Telega.in

3 года и 4 месяца

Возраст канала

Статистика

Количество постов

3 610

Среднее количество просмотров на пост

998

Средний охват (48ч)

00 000 000

Упоминаний

2 177

С этим каналом часто покупают

Библиотека программиста

Книги, Аудиокниги и Подкасты

11.8K

ER:

6.2%

6 363^.63₽

Осталось по этой цене:0

Программирование {BookFlow}

Интернет технологии

16.5K

ER:

4.9%

7 272^.72₽

Осталось по этой цене:0

Tproger для программистов

Интернет технологии

80.7K

ER:

10.5%

83 916^.00₽

Осталось по этой цене:0

Библиотека Python разработчика

Интернет технологии

19.2K

ER:

5.5%

8 181^.81₽

Осталось по этой цене:0

Книги по программированию, библиотека электронных книг для разработчиков.

Книги, Аудиокниги и Подкасты

55.4K

ER:

6.8%

27 272^.70₽

Осталось по этой цене:0

IT юмор

Юмор и мемы

66.2K

ER:

18.1%

76 923^.00₽

Осталось по этой цене:0

Семейка ботов

Маркетинг и PR

696K

ER:

6.2%

95 943^.96₽

Осталось по этой цене:0

олдскульный маркетинг

Маркетинг и PR

136K

ER:

7.1%

118 881^.00₽

Осталось по этой цене:0

SEO без воды

Маркетинг и PR

12.1K

ER:

18.3%

27 272^.70₽

Осталось по этой цене:0

SMM RIP

Маркетинг и PR

125K

ER:

6.2%

65 206^.94₽

Осталось по этой цене:0

Программист

Интернет технологии

16.7K

ER:

14.3%

5 594^.40₽

Осталось по этой цене:0

Боги маркетинга

Маркетинг и PR

128K

ER:

6.5%

83 916^.00₽

Осталось по этой цене:0

Frontend Interview - собеседования по Javascript / Html / Css

Интернет технологии

11.8K

ER:

5.5%

3 356^.64₽

Осталось по этой цене:0

Библиотека Java разработчика

Интернет технологии

10.8K

ER:

7.3%

6 363^.63₽

Осталось по этой цене:0

Будни разработчика

Интернет технологии

14.5K

ER:

9.0%

2 517^.48₽

Осталось по этой цене:0

Отзывы канала

5.0

0 отзывов за 6 мес.
всего 4 отзыва

keyboard_arrow_down

Добавлен: Сначала новые
Добавлен: Сначала старые
Оценка: По убыванию
Оценка: По возрастанию

Четкое соблюдение ТЗ

Новинки в тематике

Котики Нейросеть

Интернет технологии

1.7K

ER:

27.1%

559^.44₽

Осталось по этой цене:0

Вайб кодинг

Интернет технологии

2.8K

ER:

17.3%

7 692^.30₽

Осталось по этой цене:0

Книги для Java программиста

Интернет технологии

263

ER:

2 797^.20₽

Осталось по этой цене:0

Common Frontend

Интернет технологии

ER:

979^.02₽

Осталось по этой цене:0

Common Python

Интернет технологии

ER:

1 398^.60₽

Осталось по этой цене:0

IT Community

Интернет технологии

ER:

1 398^.60₽

Осталось по этой цене:0

CodeGuard: Linux

Интернет технологии

ER:

503^.50₽

Осталось по этой цене:0

1С:Предприятие 8

Интернет технологии

12.0K

ER:

20.2%

48 951^.00₽

Осталось по этой цене:0

Выключатель

Интернет технологии

6.6K

ER:

16.0%

2 237^.76₽

Осталось по этой цене:0

Маркировка рекламы, отчетность в ОРД и рекламный сбор | Дмитрий Хатин

Интернет технологии

5.9K

ER:

19.1%

27 972^.00₽

Осталось по этой цене:0

Системный администратор

Интернет технологии

444

ER:

1 398^.60₽

Осталось по этой цене:0

Торрунити

Интернет технологии

35.5K

ER:

17.7%

15 384^.60₽

Осталось по этой цене:0

На связи Крошин

Интернет технологии

30.3K

ER:

61.7%

27 972^.00₽

Осталось по этой цене:0

Код Дурова

Интернет технологии

3.8K

ER:

111 013^.88₽

Осталось по этой цене:0

Igor Bakalov | SEO, iGaming, Affiliate

Интернет технологии

2.4K

ER:

34 965^.00₽

Осталось по этой цене:0

Лучшие в тематике

Записки IT специалиста

Интернет технологии

8.2K

ER:

20.4%

2 097^.90₽

Осталось по этой цене:0

infosecurity

Интернет технологии

26.8K

ER:

9.6%

11 188^.80₽

Осталось по этой цене:0

kaleos.p

Интернет технологии

78.5K

ER:

15.2%

34 965^.00₽

Осталось по этой цене:0

IT-KB.RU - cобрание заметок об информационных технологиях (Linux и Windows)

Интернет технологии

7.2K

ER:

19.1%

6 013^.98₽

Осталось по этой цене:0

DevOps

Интернет технологии

23.3K

ER:

7.7%

13 286^.70₽

Осталось по этой цене:0

Russian OSINT

Интернет технологии

41.5K

ER:

9.3%

16 923^.06₽

Осталось по этой цене:0

Босс

Маркетинг и PR

22.4K

ER:

20.0%

25 174^.80₽

Осталось по этой цене:0

Golang go

Интернет технологии

39.2K

ER:

13.2%

26 430^.74₽

Осталось по этой цене:0

Анализ данных (Data analysis)

Интернет технологии

46.9K

ER:

11.0%

25 874^.10₽

Осталось по этой цене:0

RealTech

Интернет технологии

53.9K

ER:

15.1%

3 776^.22₽

Осталось по этой цене:0

Прогер

Интернет технологии

105K

ER:

11.5%

23 765^.01₽

Осталось по этой цене:0

Русский ИТ бизнес

Бизнес и стартапы

23.2K

ER:

12.8%

18 041^.94₽

Осталось по этой цене:0

в IT и выйти

Интернет технологии

1.21M

ER:

9.3%

209 790^.00₽

Осталось по этой цене:0

Admin Guides | Сисадмин

Интернет технологии

11.5K

ER:

11.9%

4 195^.80₽

Осталось по этой цене:0

Нейросети: Волшебство AI, IT и маркетинг

Интернет технологии

18.6K

ER:

9.9%

4 895^.10₽

Осталось по этой цене:0

Каталог Телеграм-каналов для нативных размещений

Frontend разработчик — это Telegam канал в категории «Интернет технологии», который предлагает эффективные форматы для размещения рекламных постов в Телеграмме. Количество подписчиков канала в 11.5K и качественный контент помогают брендам привлекать внимание аудитории и увеличивать охват. Рейтинг канала составляет 5.3, количество отзывов – 4, со средней оценкой 5.0.

Вы можете запустить рекламную кампанию через сервис Telega.in, выбрав удобный формат размещения. Платформа обеспечивает прозрачные условия сотрудничества и предоставляет детальную аналитику. Стоимость размещения составляет 6363.63 ₽, а за 47 выполненных заявок канал зарекомендовал себя как надежный партнер для рекламы в TG. Размещайте интеграции уже сегодня и привлекайте новых клиентов вместе с Telega.in!

keyboard_double_arrow_left

shopping_cart

Frontend разработчик

Статистика канала

Статистика

Отзывы канала

Каталог Телеграм-каналов для нативных размещений