متاح الآن! بحث تيليغرام 2025 — أهم رؤى العام 
Вёрстка сайтов | HTML, CSS, JS
الذهاب إلى القناة على Telegram
👋 Привет, друг! В этом канале я выкладываю структурированные, обучающие уроки и материалы по вёрстке сайтов и фронтенду. Присоединяйся и начинай учиться! Связь: @Tigran1963
إظهار المزيد4 653
المشتركون
-324 ساعات
-17 أيام
+2130 أيام
جاري تحميل البيانات...
القنوات المماثلة
سحابة العلامات
الإشارات الواردة والصادرة
---
---
---
---
---
---
جذب المشتركين
يونيو '26
يونيو '26
+26
في 0 قنوات
مايو '26
+75
في 2 قنوات
Get PRO
أبريل '26
+93
في 7 قنوات
Get PRO
مارس '26
+83
في 3 قنوات
Get PRO
فبراير '26
+54
في 2 قنوات
Get PRO
يناير '26
+85
في 3 قنوات
Get PRO
ديسمبر '25
+45
في 3 قنوات
Get PRO
نوفمبر '25
+72
في 5 قنوات
Get PRO
أكتوبر '25
+48
في 7 قنوات
Get PRO
سبتمبر '25
+126
في 5 قنوات
Get PRO
أغسطس '25
+74
في 8 قنوات
Get PRO
يوليو '25
+75
في 7 قنوات
Get PRO
يونيو '25
+49
في 2 قنوات
Get PRO
مايو '25
+73
في 10 قنوات
Get PRO
أبريل '25
+81
في 4 قنوات
Get PRO
مارس '25
+177
في 8 قنوات
Get PRO
فبراير '25
+176
في 10 قنوات
Get PRO
يناير '25
+155
في 6 قنوات
Get PRO
ديسمبر '24
+91
في 9 قنوات
Get PRO
نوفمبر '24
+119
في 9 قنوات
Get PRO
أكتوبر '24
+224
في 8 قنوات
Get PRO
سبتمبر '24
+222
في 10 قنوات
Get PRO
أغسطس '24
+115
في 9 قنوات
Get PRO
يوليو '24
+153
في 4 قنوات
Get PRO
يونيو '24
+98
في 3 قنوات
Get PRO
مايو '24
+115
في 5 قنوات
Get PRO
أبريل '24
+126
في 4 قنوات
Get PRO
مارس '24
+110
في 3 قنوات
Get PRO
فبراير '24
+133
في 6 قنوات
Get PRO
يناير '24
+243
في 3 قنوات
Get PRO
ديسمبر '23
+231
في 6 قنوات
Get PRO
نوفمبر '23
+165
في 4 قنوات
Get PRO
أكتوبر '23
+160
في 5 قنوات
Get PRO
سبتمبر '23
+166
في 0 قنوات
Get PRO
أغسطس '23
+221
في 0 قنوات
Get PRO
يوليو '23
+274
في 0 قنوات
Get PRO
يونيو '23
+137
في 0 قنوات
Get PRO
مايو '23
+143
في 0 قنوات
Get PRO
أبريل '23
+219
في 0 قنوات
Get PRO
مارس '23
+251
في 0 قنوات
Get PRO
فبراير '23
+415
في 0 قنوات
Get PRO
يناير '23
+265
في 0 قنوات
Get PRO
ديسمبر '22
+193
في 0 قنوات
Get PRO
نوفمبر '22
+229
في 0 قنوات
Get PRO
أكتوبر '22
+681
في 0 قنوات
Get PRO
سبتمبر '22
+216
في 0 قنوات
Get PRO
أغسطس '22
+2 368
في 0 قنوات
| التاريخ | نمو المشتركين | الإشارات | القنوات | |
| 10 يونيو | +1 | |||
| 09 يونيو | +2 | |||
| 08 يونيو | 0 | |||
| 07 يونيو | +1 | |||
| 06 يونيو | +2 | |||
| 05 يونيو | +1 | |||
| 04 يونيو | +4 | |||
| 03 يونيو | +2 | |||
| 02 يونيو | +10 | |||
| 01 يونيو | +3 |
منشورات القناة
CSS diner - игра для изучения css селекторов
Перейти на сайт 👨💻
#полезности
| 2 |  Псевдокласс :is()
Псевдокласс :is() позволяет сократить код, объединяя несколько селекторов в один. Он предоставляет возможность применять один и тот же стиль к нескольким элементам, таким образом уменьшая дублирование кода и упрощая его чтение.
Синтаксис псевдокласса :is() выглядит следующим образом:
:is(selector1, selector2, ...)
В качестве аргументов в псевдокласс :is() вы можете передать несколько селекторов, разделенных запятыми. Все эти селекторы будут рассматриваться как одно условие, и стили применятся ко всем элементам, соответствующим хотя бы одному из селекторов.
Давайте рассмотрим пример использования псевдокласса :is(). Предположим, у нас есть HTML-код с несколькими кнопками, и мы хотим применить один и тот же стиль к кнопкам с классами "primary" и "secondary":
<button class="primary">Primary Button</button>
<button class="secondary">Secondary Button</button>
<button>Regular Button</button>
Мы можем использовать псевдокласс :is() для объединения селекторов и применения стиля к кнопкам с классами "primary" и "secondary":
button:is(.primary, .secondary) {
background-color: blue;
color: white;
font-weight: bold;
}
В этом примере, стиль будет применен к кнопкам с классами "primary" и "secondary", но не к кнопке без класса.
Псевдокласс :is() является мощным инструментом для оптимизации и упрощения CSS-кода. Он позволяет группировать несколько селекторов в одно условие и применять к ним общие стили. Таким образом, код становится более легким для понимания и поддержки.
#полезности | #css | 233 |
| 3 | :where()
Читать 👨💻
#css | #теория | 286 |
| 4 |  Задача: Реализация алгоритма для поиска оптимального маршрута в графе
Вам предстоит разработать программу на JavaScript, которая будет находить оптимальный маршрут между двумя точками в графе. Каждая точка графа представляет собой город, а ребра между точками - дороги, с весами, представляющими стоимость перемещения между городами.
Условия:
Граф может быть представлен в виде матрицы смежности или списка смежности.
Программа должна использовать алгоритм поиска кратчайшего пути, такой как алгоритм Дейкстры или алгоритм A*.
Программа должна учитывать возможные ограничения, такие как односторонние дороги, закрытые дороги и т. д.
Пользователь должен иметь возможность указать начальную и конечную точку маршрута.
#домашка@free_html_lessons | 361 |
| 5 |  Макет для тренировки (pinewood)
Перейти к макету 🧑💻
#практика | #макет | 368 |
| 6 | Как сделать звездный рейтинг?
Читать 👨💻
#какэтосделать | 399 |
| 7 | День сурка frontend-разработчика
Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что.
Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.
И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.
Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!
👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.
Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂
А в своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров
А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме
А еще у меня множество успешных кейсов и отзывов, найти их можно в канале.
Реклама, erid: 2W5zFHF7z6D ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 343 |
| 8 |  CSS счетчики
Читать статью👨💻
#css | #полезности | 329 |
| 9 | Как создать и использовать цветовую палитру в CSS
Читать 👨💻
#какэтосделать | 393 |
| 10 |  Как использовать звук на сайтах
Читать 👨💻
#полезнаястатья | 395 |
| 11 |  Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Как сделать выделение текста другим цветом?
2. @layer css
3. Различные эффекты на чистом css
Лучшие фронтенд вакансии @job_webdev:
1. Frontend разработчик Ozon
2. Верстальщик лендингов
3. HTML-верстальщик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. Web-дизайнер
3. UX/UI-дизайнер
#лучшеезанеделю | 476 |
| 12 |  Задача на JavaScript: Реализация очереди с помощью массива
Читать 👨💻
#домашка | 428 |
| 13 |  Макет для тренировки (EASYearn)
Средняя сложность. Лендинг и личный кабинет
Перейти к макету 🧑💻
#практика | #макет | 475 |
| 14 |  Различные эффекты на чистом css
Смотреть на codepen 👨💻
#практика | 502 |
| 15 | image-rendering
Читать 👨💻
#css | #полезности | 530 |
| 16 | @layer css
Читать 👨💻
#css | #теория | 483 |
| 17 |  Как сделать выделение текста другим цветом?
Одна из интересных функций CSS3, носит имя "::selection", при помощи которой можно заменить стандартный цвет выделения текста в браузере. Поддержка браузерами 83%
::selection {
background: #333; /* Safari */
}
::-moz-selection {
background: #333; /* Firefox */
}
Цвет выделения текста будет серым.
#css | #полезности | 498 |
| 18 | Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Полезные html трюки
2. Проверка орфографии в браузере
3. Почему стоит перестать использовать Enum в TypeScript?
Лучшие фронтенд вакансии @job_webdev:
1. Frontend разработчик
2. Начинающий верстальщик
3. разработчик интерфейсов
Лучшие дизайн вакансии @job_webdesign:
1. Графический дизайнер
2. UX дизайнер
3. UX/UI-дизайнер
#лучшеезанеделю | 449 |
| 19 | Взял задачу. Собрал бота. Заработал 15 000 рублей.
Спрос на чат-ботов в России достиг 10 786 запросов за месяц. Большинство закрывает Владислав Пурвиньш силами учеников.
Пока ты считаешь дни до зарплаты — 206 человек уже закрыли очередной заказ на бота и получили от 15 000 рублей. Без офиса. Без долгого обучения.
Никто из них не умеет программировать. Просто научились одному инструменту. И бизнесы платят им 200-250 000 рублей в месяц.
Схема простая: берёшь реальный заказ из базы → собираешь бота по шаблону → наставник проверяет → сдаёшь и забираешь деньги.
Если умеешь открыть ворд или запустить косынку — справишься.
Старт 70-80 000 рублей. С опытом от 200 000 рублей в месяц.
Запусти бота, там пошаговый план как в 2026 году зарабатывать как нефтяник, только с ноута.
👉 @other_digital_bot | 0 |
| 20 | Мемоизация
Реализуйте функцию memoize, которая принимает функцию fn и возвращает её мемоизированную версию.
Мемоизированная функция никогда не должна вызывать fn дважды для одного и того же набора аргументов — она запоминает результат первого вызова и возвращает его из кеша для всех последующих.
Два объекта с разной ссылкой, но одним и тем же набором полей и значений, считаются одинаковыми.
Формат ввода
Вы должны экспортировать функцию memoize, которая в качестве аргумента принимает функцию fn.
Функция fn в качестве аргументов может принимать примитивы (строки, числа, булевы значения), массивы и объекты.
Значения, которые нельзя сериализовать через JSON.stringify (например, функции, undefined, Symbol, BigInt, циклические ссылки и т. п.), передаваться не будут.
Два массива с одинаковыми элементами, расположенными в разном порядке, считаются разными. Например, [1, 2] и [2, 1] — это разные массивы.
Пример:
Ввод
return a + b;
}
export const callingArguments = [
[1,2],
[1,2]
];
Вывод
Result: 3
Invoked: true
memoizedFn(1, 2)
Result: 3
Invoked: false
#домашка | 461 |
