Александр Ламков — Friendly Frontend

Рекламирую только IT / образование / карьеру в IT / инструменты для разработчиков

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

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

⏱️ Когда нужен defer, а когда он всё ломает? Если вы используете <script> в HTML, то рано или поздно сталкиваетесь с вопросом: ставить defer или нет? Вот мой подход, отработанный на реальных проектах. ✅ Когда defer нужен: Если вы подключаете скрипт в <head> и не хотите блокировать загрузку HTML:

    
        
<head>
  <script src="./scripts/main.js" defer></script>
</head>
{}

В этом случае скрипт: – загрузится параллельно – выполнится после полной загрузки HTML – выполнится в том порядке, в котором идёт в коде Это особенно удобно для собственных скриптов, которые зависят от DOM (document.querySelector() и т.п.) ❌ Когда defer не нужен (и даже вреден) Если подключаете стороннюю библиотеку, от которой зависит ваш код:

    
        
<!-- Не делаю так -->
<script src="./scripts/libs/some-lib.min.js" defer></script>
<script src="./scripts/main.js" defer></script>
{}

Так можно словить гонку: библиотека не успеет выполниться, main.js начнёт работать раньше — и пойдут ошибки. Я делаю так:

    
        
<script src="./scripts/libs/some-lib.min.js"></script>
<script type="module" src="./scripts/main.js"></script>
{}

Так библиотека точно будет доступна в момент запуска логики. 🙃 Когда defer бессмысленен Если вы используете type="module":

    
        
<script type="module" src="./scripts/main.js"></script>
{}

Модули по умолчанию: – загружаются асинхронно – не блокируют парсинг – выполняются после загрузки документа Добавлять defer не нужно — браузер просто его проигнорирует. 📌 Вывод defer — это полезный инструмент, но с нюансами. Он отлично подходит для ваших скриптов в <head>, но может навредить, если вы подключаете библиотеки, от которых зависит логика. ❓ А вы как подключаете скрипты — через defer, type="module", или всё ещё кладёте всё перед </body>? #html #javascript #оптимизация #совет_новичкам

1180

10:10

08.10.2025

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

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

⚡ 24 октября пройдёт IX конференция СберУниверситета «Больше чем обучение». Тема года — Homo cogitans (человек думающий). Обсудим, какое мышление помогает не просто адаптироваться, а задавать направление в AI-эпоху.

✔️ Как развивать интеллект и социальный капитал?

✔️ Как избежать «эффекта единомыслия» и научить команды думать вместе

✔️ Как поддерживать когнитивные навыки всю жизнь?

В программе — дискуссии, выступления, открытые интервью, выставки и нетворкинг. Формат — очно и онлайн. Регистрация открыта!

1360

09:05

08.10.2025

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

🪡 Библиотека classNames, или как соединять CSS-классы правильно

Иногда className в React (JSX) превращается в кашу из тернарников и логических операторов.

Особенно когда нужно применить стили по условию:


<div
  className={`block ${isActive ? 'is-active' : ''}`}
/>

📦 В таких случаях на помощь приходит библиотека classNames.

Она делает код чище и понятнее:


import classNames from 'classnames'

<div
  className={classNames('block', {
    'is-active': isActive,
  })}
/>

Или же можно ещё проще:


<div
  className={classNames('block', 
    isActive && 'is-active',
  )}
/>

🎉

Преимущества:
– читается с первого взгляда
– условные классы — как на ладони
– удобно комбинировать строки и объекты (куча вариаций синтаксиса на любой вкус)
– легче комментировать код для дебага (в кавычках-бэктиках это делать мягко говоря некомфортно)

Альтернатива — clsx. Почти то же самое, только легче весит.

Ну и неожиданный для меня факт – за последние годы популярность либы clsx кратно обогнала classNames (см. скрин).

А ты используеш classNames или clsx или всё ещё пишешь тернарники? Делись в комментах 👇

#совет_новичкам

1630

09:01

07.10.2025

🧷 Как я реагирую на фидбек, который задевает

Неважно, сколько у тебя лет опыта. Иногда читаешь чужой комментарий — и внутри что-то сжимается:

«А может, я вообще всё не так делаю?»
«Почему так резко?»
«Блин, теперь думают, что я тупой»

Даже если тебе просто поправили let на const.

Раньше я загонялся. Сейчас — реже. Вот как я научился переводить фидбек в пользу, даже если он бьёт по самолюбию.

1️⃣

Первая реакция — это не истина

Если что-то задело — не отвечаю сразу.
Часто спустя 10 минут понимаю: человек просто торопился, неудачно сформулировал, не знал контекста.
Не всегда дело в тоне. Иногда — в моём состоянии.

2️⃣

Смотрю на суть, а не на форму

Иногда за сухим «можно лучше» — реально дельный поинт.
А за вежливым «мне кажется, можно обсудить» — полная ерунда.

Я тренируюсь отделять содержание от упаковки.
Круто, когда и то, и то ок. Но если нет — беру главное.

3️⃣ Фидбек — это не приговор

Он не определяет меня.
Он указывает точку роста. И если он конструктивный — это шанс стать лучше.
Если нет — просто отбрасываю. Не каждый комментарий достоин внимания.

📌 Вывод

Фидбек может задеть. Это нормально.
Главное — не прятаться, не огрызаться и не впадать в «я бесполезен».
А научиться принимать пользу и отбрасывать мусор — спокойно и с уважением к себе.

❓ А как вы справляетесь с жёстким фидбеком? Есть свои правила?

#softskills #совет_новичкам

2120

09:04

05.10.2025

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

🎉 За месяц курс по React целиком уже приобрели 51 человек! Для меня это огромная радость — видеть, что проект живёт, и что для кого-то он оказался настолько полезным, что захотелось пройти его сразу. Спасибо каждому за поддержку 🤗 Курс всё ещё доступен в трёх форматах: 📺 На YouTube — раз в неделю (уже вышло 4 урока, впереди ещё много). 💰 На Boosty — на неделю раньше YouTube. 🥰 Для самых нетерпеливых — весь курс целиком (22 урока, 7.5 часов практики) доступен сразу: 👉 https://boosty.to/friendly-frontend/posts/08f4cd01-a7ce-4e5b-8055-88aa401c7808 Если вы ещё думали — возможно, это тот самый знак 😉

2350

09:02

04.10.2025

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

🆕 #4 Функциональные компоненты в React. Как разбить интерфейс на переиспользуемые части

📺

[Смотреть на YouTube]

📝

[Смотреть на Дзен]

📺

[Смотреть на Rutube]

Разделяем To Do List на части: форма, поле ввода, кнопка, счётчик, список задач. Объясняю, что такое компонент в React и как правильно выносить верстку. Никакой логики — только структура и чистый интерфейс. Готовим фундамент, прежде чем пойдём дальше.

📱 А на Boosty уже вышел следующий урок!

⚡️ Хочешь без ожидания? Получи весь курс (22 урока) сразу

#анонс_видео #react #react_курс

2750

09:01

03.10.2025

🎙 Зовут поболтать про фронтенд? Ну а я что — я иду 🙂

Подкаст от Cloud.ru, для меня это уже второй опыт. Чувствовал себя заметно увереннее, чем в первый раз, и кайфанул от формата: просто живая беседа без лишнего официоза.

📺

[Смотреть на YouTube]

📺

[Смотреть в VK Видео]

Буду рад, если глянете и напишете своё мнение 👀

3170

18:19

01.10.2025

📩 Что я говорю бэку, чтобы автозаполнение кода из СМС работал Вы уже знаете, что autocomplete="one-time-code" в <input> позволяет браузеру самостоятельно подставить код из СМС в форму. Но бывает, что код не подставляется, и пользователь всё равно вручную копирует его из СМС. Выглядит как баг, но причина не в HTML. Проблема чаще всего — в тексте самой СМС-ки, которую отправляет сервер. 💬 Вот как я это объясняю бэкендерам или тимлиду, чтобы мы реально улучшили UX:

Нужно, чтобы СМС с кодом соответствовала спецификации SMS OTP. Это позволит браузеру на телефоне сам подставить код в нужное поле. Без этого наша фича с autocomplete="one-time-code" не сработает.

💌 Что должно быть в СМС Вот пример правильного СМС:

    
        
Код подтверждения: 748291

@mywebsite.com #748291
{}

Браузеры смотрят именно на строку с доменом и кодом. Она должна быть внизу, в таком формате: • @домен_сайта (тот, где открыта форма) • #код — должен совпадать с тем, что нужно ввести Без этой строки — браузер не понимает, куда и что подставлять. ❗️ Что делать фронтендеру – Не молчать: сказать, что фича на фронте готова, но ей нужен “триггер” в СМС – Дать конкретный пример формата (как выше) – Скинуть ссылку на официальную документацию (например, web.dev/articles/sms-otp-form) – Помочь проверить: откройте форму на HTTPS-домене с телефона, вызовите СМС и проверьте автоподстановку 📌 Вывод Даже если ты не отвечаешь за формат СМС сам, ты можешь повлиять на то, чтобы браузер автоматически подставлял код — просто объяснив коллегам, как это работает. ❓ А у вас уже были такие ситуации, когда всё с фронта настроено, а в итоге UX всё равно ломается из-за неочевидных мелочей? #html #ux #коммуникация #совет_новичкам

3000

09:04

01.10.2025

🔴 ~~Стартуем стрим через 5 минут!~~

Разбираем HTML/CSS/JS/TS/React — честно, по делу и чуть-чуть больно 😈

📺

[Смотреть на YouTube]

📝

[Смотреть на Дзен]

📖

[Прислать работу]

👀

[Посмотреть очередь]

😎

[Попасть без очереди]

💬 Присоединяйся к обсуждению в чате!

UPD: Трансляция окончена. Спасибо всем! 🐾

3860

19:55

24.09.2025

close

вчера

+56

за неделю

+206

за месяц

lock

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

38.65

ERR за 24 часа

41.94

ERR за 48 часов

58.48

ERR за 72 часа

0.0

ER за 24 часа

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

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

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

0 лет и 3 месяца

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

Статистика

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

340

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

2 266

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

00 000 000

Упоминаний

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

Дима на связи

Трендсеттеры, Лайфстайл

2.5K

ER:

33.6%

4 755^.24₽

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

Закрома Кристины

Трендсеттеры, Лайфстайл

4.4K

ER:

98.6%

1 678^.32₽

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

Не целлюлит, а текстура

Здоровье и медицина

2.3K

ER:

13.9%

1 818^.18₽

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

СашаЛера. Жизнь в лесной деревне

Отдых и развлечения

4.6K

ER:

53.6%

2 097^.90₽

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

CAPITALIST - Инвестиции, Дивиденды, Акции

Инвестиции

10.7K

ER:

52.2%

6 713^.28₽

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

В деревушке у Аннушки - жизнь в горной деревне

Хобби и деятельность

4.8K

ER:

50.7%

1 958^.04₽

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

Нате!

Спорт

9.6K

ER:

73.5%

5 594^.40₽

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

От учебников к карьере

Образование

3.7K

ER:

27.7%

7 692^.30₽

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

Типичный КубГАУ

Образование

5.4K

ER:

40.2%

1 258^.74₽

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

Выше среднего | Экономика и финансы

Экономика и Финансы

3.6K

ER:

25.1%

2 797^.20₽

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

Реальное Образование

Образование

13.3K

ER:

40.2%

4 615^.38₽

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

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

5.0

keyboard_arrow_down

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

Оперативное размещение

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

Трехдюймовая дискета

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

1.7K

ER:

9.7%

699^.30₽

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

ИИ Маркетинг | Женя Коржавин

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

3.1K

ER:

10.1%

4 195^.80₽

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

Indigo Hack | Кибербезопасность

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

ER:

200.0%

419^.58₽

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

Пакет Знаний | Кибербезопасность

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

2.9K

ER:

20.8%

4 895^.10₽

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

Wylsacom Red

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

26.1K

ER:

1 397 201^.40₽

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

QA Sklad - Склад тестировщика

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

21.1K

ER:

8.8%

25 174^.80₽

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

Код Дурова

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

3.8K

ER:

48 951^.00₽

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

PythonBooks

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

5.9K

ER:

15.9%

2 797^.20₽

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

IT Study Zone

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

4.0K

ER:

10.1%

2 797^.20₽

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

Вайб кодинг

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

2.7K

ER:

17.6%

7 692^.30₽

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

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

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

ER:

2 797^.20₽

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

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

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

12.0K

ER:

19.8%

48 951^.00₽

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

Выключатель

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

6.6K

ER:

16.2%

2 237^.76₽

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

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

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

5.9K

ER:

19.7%

27 972^.00₽

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

Data Scientist | ML & AI

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

2.2K

ER:

1 398^.60₽

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

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

localhost › IT-юмор

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

16.7K

ER:

21.9%

4 475^.52₽

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

machine learning

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

332K

ER:

6.4%

55 244^.70₽

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

Мой Компьютер

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

224K

ER:

21.2%

62 937^.00₽

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

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

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

8.2K

ER:

21.7%

2 097^.90₽

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

infosecurity

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

26.8K

ER:

10.7%

11 188^.80₽

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

kaleos.p

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

78.4K

ER:

16.4%

34 965^.00₽

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

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

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

7.2K

ER:

19.9%

6 013^.98₽

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

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

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

46.8K

ER:

6.8%

25 874^.10₽

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

Босс

Маркетинг и PR

22.5K

ER:

21.0%

25 174^.80₽

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

Golang go

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

39.2K

ER:

12.5%

26 430^.74₽

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

DevOps

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

23.3K

ER:

8.7%

13 286^.70₽

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

Russian OSINT

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

41.5K

ER:

10.2%

16 923^.06₽

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

RealTech

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

54.0K

ER:

14.3%

3 776^.22₽

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

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

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

23.1K

ER:

11.7%

18 041^.94₽

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

Admin Guides | Сисадмин

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

11.4K

ER:

11.4%

4 195^.80₽

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

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

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

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

keyboard_double_arrow_left

shopping_cart

Александр Ламков — Friendly Frontend

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

Статистика

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

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