Вёрстка сайтов | HTML, CSS, JS
Kanalga Telegram’da o‘tish
👋 Привет, друг! В этом канале я выкладываю структурированные, обучающие уроки и материалы по вёрстке сайтов и фронтенду. Присоединяйся и начинай учиться! Связь: @Tigran1963
Ko'proq ko'rsatish
Tarmoq:4 549
Obunachilar
-624 soatlar
-107 kunlar
-4930 kunlar
Ma'lumot yuklanmoqda...
O'xshash kanallar
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Avgust '26
Avgust '26
+39
2 kanalda
Iyul '26
+39
2 kanalda
Get PRO
Iyun '26
+81
5 kanalda
Get PRO
May '26
+75
2 kanalda
Get PRO
Aprel '26
+93
7 kanalda
Get PRO
Mart '26
+83
3 kanalda
Get PRO
Fevral '26
+54
2 kanalda
Get PRO
Yanvar '26
+85
3 kanalda
Get PRO
Dekabr '25
+45
3 kanalda
Get PRO
Noyabr '25
+72
5 kanalda
Get PRO
Oktabr '25
+48
7 kanalda
Get PRO
Sentabr '25
+126
5 kanalda
Get PRO
Avgust '25
+74
8 kanalda
Get PRO
Iyul '25
+75
7 kanalda
Get PRO
Iyun '25
+49
2 kanalda
Get PRO
May '25
+73
10 kanalda
Get PRO
Aprel '25
+81
4 kanalda
Get PRO
Mart '25
+177
8 kanalda
Get PRO
Fevral '25
+176
10 kanalda
Get PRO
Yanvar '25
+155
6 kanalda
Get PRO
Dekabr '24
+91
9 kanalda
Get PRO
Noyabr '24
+119
9 kanalda
Get PRO
Oktabr '24
+224
8 kanalda
Get PRO
Sentabr '24
+222
10 kanalda
Get PRO
Avgust '24
+115
9 kanalda
Get PRO
Iyul '24
+153
4 kanalda
Get PRO
Iyun '24
+98
3 kanalda
Get PRO
May '24
+115
5 kanalda
Get PRO
Aprel '24
+126
4 kanalda
Get PRO
Mart '24
+110
3 kanalda
Get PRO
Fevral '24
+133
6 kanalda
Get PRO
Yanvar '24
+243
3 kanalda
Get PRO
Dekabr '23
+231
6 kanalda
Get PRO
Noyabr '23
+165
4 kanalda
Get PRO
Oktabr '23
+160
5 kanalda
Get PRO
Sentabr '23
+166
0 kanalda
Get PRO
Avgust '23
+221
0 kanalda
Get PRO
Iyul '23
+274
0 kanalda
Get PRO
Iyun '23
+137
0 kanalda
Get PRO
May '23
+143
0 kanalda
Get PRO
Aprel '23
+219
0 kanalda
Get PRO
Mart '23
+251
0 kanalda
Get PRO
Fevral '23
+415
0 kanalda
Get PRO
Yanvar '23
+265
0 kanalda
Get PRO
Dekabr '22
+193
0 kanalda
Get PRO
Noyabr '22
+229
0 kanalda
Get PRO
Oktabr '22
+681
0 kanalda
Get PRO
Sentabr '22
+216
0 kanalda
Get PRO
Avgust '22
+2 368
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 27 Avgust | 0 | |||
| 26 Avgust | +2 | |||
| 25 Avgust | +2 | |||
| 24 Avgust | +1 | |||
| 23 Avgust | +5 | |||
| 22 Avgust | 0 | |||
| 21 Avgust | +1 | |||
| 20 Avgust | +1 | |||
| 19 Avgust | +3 | |||
| 18 Avgust | +1 | |||
| 17 Avgust | +2 | |||
| 16 Avgust | +1 | |||
| 15 Avgust | 0 | |||
| 14 Avgust | 0 | |||
| 13 Avgust | +1 | |||
| 12 Avgust | +2 | |||
| 11 Avgust | +4 | |||
| 10 Avgust | +4 | |||
| 09 Avgust | +1 | |||
| 08 Avgust | +2 | |||
| 07 Avgust | +1 | |||
| 06 Avgust | +1 | |||
| 05 Avgust | 0 | |||
| 04 Avgust | +2 | |||
| 03 Avgust | +1 | |||
| 02 Avgust | 0 | |||
| 01 Avgust | +1 |
Kanal postlari
Разбираем блокировки, конфликты транзакций.
Открытый урок «Борьба с блокировками в PostgreSQL: высокая параллельность при нагрузке» (8 сентября, 20:00 МСК).
Когда сотни запросов выполняются одновременно, блокировки вызывают задержки и конфликты транзакций.
📚 На занятии курса «Высоконагруженные системы» разберем:
• устройство блокировок на уровне строк и транзакций;
• диагностику взаимоблокировок и узких мест;
• оптимизацию SQL-запросов и архитектурные приемы для сохранения параллельного выполнения.
Спикер покажет решения на реальных примерах из практики высоконагруженных проектов.
✅ Зарегистрируйтесь, чтобы получить практические приёмы работы под нагрузкой и специальные условия на обучение.
Узнать больше
#реклама 16+
otus.ru
О рекламодателе
| 2 | Все про Frontend разработчика
Читать 👨💻
#полезности | 169 |
| 3 |  Домашняя школа для 5-11 классов. Онлайн-обучение!
⚡Профориентологи помогут ученикам сделать осознанный и подходящий выбор вуза и будущей профессии, исследуя истинные желания, таланты и интересы.
⚡Наши психологи поддерживают эмоциональное благополучие учеников, помогая им справляться со стрессом, трудностями в учёбе, в познании себя и мира вокруг.
⚡Родители и дети не останутся в вакууме, мы создаём пространство, где учёба сочетается с живым общением и новыми открытиями — мы всегда рядом!
Узнать больше
#реклама 16+
s.salebot.pro
О рекламодателе | 49 |
| 4 | Атрибут dir
Читать 👨💻
#html | #теория | 223 |
| 5 |  Дачная дача в Т-Банк Шопе
Футболки с огурцами, тыквами, капустой и другие крутые штуки, да еще и с финансовыми пожеланиями. Надо брать.
Посмотреть каталог
#реклама
tbank.ru
О рекламодателе | 1 |
| 6 | Выспался, собрал чат-бота в течения дня → заработал 27 000₽
Это не развод, а обычный день работы, тех. спеца:
Взял схему от заказчика → собрал бота по шаблону → отдал клиенту → получил деньги👌
Работы — 2–4 часа.
Оплата — 20–50 000₽ за проект.
✅ Не надо рано вставать и ехать на "любимую работу"
✅ Никакого долгого обучения или знаний программирования
✅ Если умеешь пользоваться браузером, то легко справишься
И спрос на это сейчас огромный, заказов куча.
Бизнесу нужны ИИ, чат-боты и автоматизация уже сегодня.
Это одна из самых быстрорастущих ниш 2026 года, просто заходи и бери заказы.
Инструкции здесь, открой пока доступна:
👉 https://t.me/Alekseicoach_bot?start=testdrivetg49
Если ты хочешь реально хорошо зарабатывать, от 150к в месяц без начальников, нужно решать важные задачи бизнесов.
Сейчас это задачи по сборке ботов на конструкторах (да, у тебя по-любому получится).
Пробуй 👇
https://t.me/Alekseicoach_bot?start=testdrivetg49 | 224 |
| 7 |  Квартиры. Петербург. Колпино. Новостройка. Скидки до 20%
Жилой комплекс "Квартал Заречье"
Санкт-Петербург. Колпино.
4 девятиэтажных жилых корпуса
8-этажный крытый гараж на 496 парковочных мест
В живописном месте у реки Ижора.
На первых этажах будут размещены магазины, кофейни, поликлиника и зона коворкинга.
Перейти на сайт
Финансовые услуги оказывает: ПАО «Сбербанк». Проектная декларация на сайте https://наш.дом.рф/. Застройщик: ООО «СЗ «ЗАГОРОДНАЯ, 71».
#реклама
квартал-заречье.рф
О рекламодателе | 153 |
| 8 |  Как сделать круговой текст?
Попробуем реализовать эту задачу при помощи svg.
Формат SVG поддерживает отображение текста вдоль любого пути, в том числе и дуги окружности. Легче всего поместить текст в элемент textPath внутри элемента text, который ссылается на элемент path, определяющий форму пути.
<svg class="circle-text" viewBox="0 0 100 100">
<path id="circle-text" d="M 0,50 a 50,50 0 1,1 0,1 z" />
<text>
<textPath xlink:href="#circle-text">
Круговой текст
</textPath>
</text>
</svg>
Добавляем стили, цвет текста в данном случае будет задаваться через свойство fill:
.circle-text {
display: block;
overflow: visible;
width: 100px;
font-size: 28px;
fill: red;
}
.circle-text path {
fill: none;
}
#полезности | 229 |
| 9 |  Решайте задачи и готовьтесь к техсекции на стажировку
А ты сможешь решить алгоритмическую задачу за час и без подсказок?
Яндекс проводит бесплатные тренировки по алгоритмам для тех, кто хочет систематизировать знания, прокачать решение задач и подготовиться к техническому собеседованию.
-Короткие видеоуроки
-Практические задачи
-Регулярные соревнования
-Решение задач на время
-Рейтинг и награды
-Возможность получить сертификат
Мы тренируем не только знание алгоритмов, но и умение применять их тогда, когда рядом нет подсказок.
Проверь свои алгоритмические навыки и прокачай слабые места.
Регистрируйся на бесплатные тренировки!
Записаться онлайн
#реклама 16+
yandex.ru
О рекламодателе | 210 |
| 10 |  Тег <map>
Тег <map> используется для создания областей с кликабельными ссылками на изображении. Он работает вместе с тегом <area>, который задает области на изображении, и делает их интерактивными.
Как работает <map>?
Задайте картинку с атрибутом usemap, указывающим на имя карты.
Создайте карту с определенными областями, которые станут ссылками:
<img src="image.jpg" usemap="#imagemap">
<map name="imagemap">
<area shape="rect" coords="34,44,270,350" href="page1.html" alt="Прямоугольник">
<area shape="circle" coords="337,300,44" href="page2.html" alt="Круг">
</map>
shape: Определяет форму области (прямоугольник, круг или многоугольник).
coords: Координаты, задающие область клика.
href: Ссылка, которая откроется при клике.
Почему <map> полезен?
Создание интерактивных изображений: Используется для создания сложных карт и схем, где каждая область может вести на отдельную страницу.
Лучший UX: Добавляет удобство для пользователей, которым нужно взаимодействовать с конкретными частями изображения.
#html | #теория | 277 |
| 11 |  Из разработчика в тимлиды: как говорить с людьми
Стать тимлидом — значит научиться говорить с людьми о сложном. Но как сказать разработчику, что код — "не очень", не обидев?
📅 16 сентября в 20:00 Александр Пряхин разберет техники обратной связи без эскалации. Узнаете, как формулировать по фактам, снижать защитную реакцию и завершать разговор договоренностями. Для разработчиков, готовящихся к лидерству.
Узнать больше
#реклама 16+
otus.ru
О рекламодателе | 232 |
| 12 |  Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Vue Vapor
2. Преимущества и недостатки CSS-in-JS
3. Макет для тренировки (keychap)
Лучшие фронтенд вакансии @job_webdev:
1. vue.js разработчик
2. Frontend-разработчик
3. frontend разработчик ai-продуктов
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. Web-дизайнер
3. ux/ui дизайнер для цифрового продукта
#лучшеезанеделю | 275 |
| 13 |  +5Регистрируйтесь на Yandex Scale 2026
Главная конференция Yandex Cloud.
Узнайте о сервисах, которые меняют ваш бизнес.
4 офлайн-трека (AI, Infra + DevTools, Data, Security), онлайн-трек Deep Tech, воркшопы по ИИ и интерактивы. Подробнее о программе читайте в карточках🗒
📅24 сентября
🚗Москва + 💻онлайн
Участие бесплатное!
Зарегистрироваться
#реклама 16+
scale.yandex.cloud
О рекламодателе | 195 |
| 14 |  Задача на JavaScript:
У вас есть массив чисел, представляющих высоты столбов. Вам нужно найти максимальную площадь, которую можно охватить, выбрав два столба и протянув между ними горизонтальную линию.
Напишите функцию findMaxArea, которая принимает массив heights в качестве аргумента и возвращает максимальную площадь.
Примеры:
findMaxArea([1, 8, 6, 2, 5, 4, 8, 3, 7]); // Возвращает 49
findMaxArea([4, 3, 2, 1, 4]); // Возвращает 16
findMaxArea([1, 2, 1]); // Возвращает 2
В этой задаче вы должны реализовать алгоритм с наилучшей временной сложностью.
#домашка | 288 |
| 15 |  Бесплатный курс по дизайну в FIGMA от Yudaev School
Онлайн-программа с наставником и чатом.
Внимание! 80% практики.
✅По результату обучения у вас будет портфолио из нескольких работ.
✅Сертификат о прохождении курса.
✅Возможность пройти полное обучение и получить карьерное сопровождение!
Учитесь дизайну у профессионалов в Yudaev Shool.
Переходи по кнопки: "Подробнее" и начинай свое обучение.
Доступ 0 руб.
Узнать больше
#реклама 16+
yudaevschool24.online
О рекламодателе | 185 |
| 16 |  Макет для тренировки (keychap)
Перейти к макету 🧑💻
#практика | #макет | 319 |
| 17 |  Что читают ИТ-директора и ведущие инженеры сегодня?
Если ваша работа связана с инфраструктурой, базами данных,
импортозамещением или эксплуатацией корпоративных систем, времени на бесполезный контент просто нет.
«Онланта ТехЛаб» — это канал, где публикуют только то, что действительно пригодится в работе. Здесь разбирают новые отечественные продукты, сравнивают технологии, анализируют архитектурные решения, делятся результатами тестов. Реальные сценарии использования, ограничения платформ и практические рекомендации.
Регулярно выходят обзоры, интервью с разработчиками, новости рынка и материалы по PostgreSQL, Kubernetes, виртуализации, облакам и AI.
Если хотите быть в курсе технологий и принимать решения, опираясь на опыт практиков, этот канал точно заслуживает места в вашей ленте.
Подписаться
#реклама 16+
О рекламодателе | 171 |
| 18 | Адаптивный дашборд на react и tailwind
Смотреть на codepen 👨💻
#практика | 332 |
| 19 | Дачная дача в Т-Банк Шопе
Футболки с огурцами, тыквами, капустой и другие крутые штуки, да еще и с финансовыми пожеланиями. Надо брать.
Посмотреть каталог
#реклама
tbank.ru
О рекламодателе | 192 |
| 20 |  Преимущества и недостатки CSS-in-JS
Читать 👨💻
#полености | 419 |
