Вёрстка сайтов | HTML, CSS, JS
Kanalga Telegram’da o‘tish
👋 Привет, друг! В этом канале я выкладываю структурированные, обучающие уроки и материалы по вёрстке сайтов и фронтенду. Присоединяйся и начинай учиться! Связь: @Tigran1963
Ko'proq ko'rsatish
Tarmoq:4 599
Obunachilar
Ma'lumot yo'q24 soatlar
-157 kunlar
-5230 kunlar
Ma'lumot yuklanmoqda...
O'xshash kanallar
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Iyul '26
Iyul '26
+39
2 kanalda
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 | |
| 30 Iyul | +3 | |||
| 29 Iyul | +2 | |||
| 28 Iyul | 0 | |||
| 27 Iyul | +2 | |||
| 26 Iyul | 0 | |||
| 25 Iyul | +1 | |||
| 24 Iyul | +1 | |||
| 23 Iyul | +2 | |||
| 22 Iyul | +2 | |||
| 21 Iyul | +1 | |||
| 20 Iyul | +1 | |||
| 19 Iyul | 0 | |||
| 18 Iyul | +5 | |||
| 17 Iyul | +2 | |||
| 16 Iyul | 0 | |||
| 15 Iyul | 0 | |||
| 14 Iyul | +3 | |||
| 13 Iyul | 0 | |||
| 12 Iyul | +1 | |||
| 11 Iyul | 0 | |||
| 10 Iyul | +3 | |||
| 09 Iyul | +1 | |||
| 08 Iyul | 0 | |||
| 07 Iyul | +2 | |||
| 06 Iyul | +1 | |||
| 05 Iyul | +2 | |||
| 04 Iyul | 0 | |||
| 03 Iyul | +1 | |||
| 02 Iyul | +2 | |||
| 01 Iyul | +1 |
Kanal postlari
Онлайн-магистратура для IT: ИТМО, МИФИ + Яндекс
Программы онлайн-магистратуры ИТМО и МИФИ в партнёрстве с Яндексом. Актуальные знания, практическое обучение и гибкий график. Учитесь, совмещая с работой. Доступна господдержка оплаты, отсрочка от армии
Перейти на сайт
#реклама 16+
practicum.yandex.ru
О рекламодателе
| 2 | Оптимизация производительности веб сайтов
Читать 👨💻
#полезнаястатья | 188 |
| 3 |  Аренда VPS/VDS-сервера.
Виртуальные выделенные серверы в дата-центрах уровня Tier III — 7 готовых конфигураций от 200 ₽/мес.
Преимущества аренды:
- Выделенные ресурсы без переплаты;
- KVM-виртуализация;
- Быстрые NVMe SSD;
- Соответствие 152-ФЗ, PCI DSS;
- Бесплатная защита от DDoS;
- Управление через панель, API и Terraform;
- Техподдержка 24/7.
Запустите сервер за несколько минут!
Попробовать
#реклама 16+
selectel.ru
О рекламодателе | 237 |
| 4 |  Атрибут autofocus
Атрибут autofocus в HTML используется для установки фокуса на определенный элемент формы при загрузке страницы. Когда атрибут autofocus присутствует в теге элемента формы, этот элемент автоматически получает фокус, что позволяет пользователям сразу начать вводить данные без необходимости щелкать на поле ввода.
Пример использования атрибута autofocus:
<form>
<label for="name">Имя:</label>
<input type="text" id="name" name="name" autofocus>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<br>
<input type="submit" value="Отправить">
</form>
В данном примере, при загрузке страницы, поле ввода с id "name" будет автоматически получать фокус, что позволит пользователю сразу начать вводить свое имя.
Атрибут autofocus может быть использован с различными элементами формы, такими как текстовые поля, поля для ввода пароля, чекбоксы и радиокнопки. Однако, рекомендуется использовать его с умеренностью, чтобы не создавать ненужных проблем для пользователей, особенно для тех, кто использует вспомогательные технологии или имеет особые потребности в доступности.
#html | #теория | 200 |
| 5 |  Alpine Soft - cервис для продвижения сайтов в Яндексе!
В ТОП Яндекса от 1 дня! Самостоятельное продвижение сайтов любой тематики в поисковой системе от Alpine Soft!
Зарегистрироваться
#реклама 16+
alpine-pf.ru
О рекламодателе | 229 |
| 6 | Как сделать кнопку копирования?
Читать 👨💻
#какэтосделать | 257 |
| 7 |  Как мы строим hh.ru: код, инфра, доклады и ништяки
Канал про тех-изнанку hh.ru без корпоративной душноты
Рассказываем, как рождаются продукты, разбираем реальные кейсы, зовём на митапы и показываем людей, которые всё это делают.
Подписывайся — будет охэхэнно ⚡
Подписаться
#реклама
О рекламодателе | 240 |
| 8 | HTMLCollection и NodeList
Читать 👨💻
#js | 263 |
| 9 |  Просто показываем промокод
Просто предлагаем съездить отдохнуть со скидкой 5000 рублей от Яндекс Путешествий. Больше ничего от вас не хотим, потому что понимаем, что сил нет.
Забронировать
#реклама
travel.yandex.ru
О рекламодателе | 224 |
| 10 |  Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Методология ECSS
2. Структура данных js
3. Как сделать кастомные чекбосы без js?
Лучшие фронтенд вакансии @job_webdev:
1. Разработчик интерфейсов
2. angular разработчик
3. Веб-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Продуктовый дизайнер
2. Web-дизайнер
3. Web designer
#лучшеезанеделю | 267 |
| 11 | Как мы строим hh.ru: код, инфра, доклады и ништяки
Канал про тех-изнанку hh.ru без корпоративной душноты
Рассказываем, как рождаются продукты, разбираем реальные кейсы, зовём на митапы и показываем людей, которые всё это делают.
Подписывайся — будет охэхэнно ⚡
Подписаться
#реклама
О рекламодателе | 214 |
| 12 |  Что будет в консоли? Асинхронные функции: Порядок выполнения с await
async function f() {
console.log(1);
const promise = new Promise((resolve) => {
console.log(2);
setTimeout(() => {
console.log(3);
resolve('готово!');
console.log(4);
});
});
console.log(5);
const result = await promise;
console.log(6);
console.log(result);
return 'Result';
}
f();
console.log(7);
Ответ:
async function f() {
console.log(1); // Синхронно #1
const promise = new Promise((resolve) => {
console.log(2); // Синхронно #2 (в executor)
setTimeout(() => { // Макрозадача #1
console.log(3); // Внутри макрозадачи #1.1
resolve('готово!'); // Разрешает промис, ставит возобновление 'f' в микрозадачи
console.log(4); // Внутри макрозадачи #1.2
}, 0); // Минимальная задержка
});
console.log(5); // Синхронно #3
// 'f' приостанавливается здесь, ждет разрешения 'promise'
const result = await promise; // Возобновится как микрозадача после resolve()
// Возобновление 'f' (Микрозадача #1)
console.log(6); // После await #1
console.log(result); // После await #2
return 'Result';
}
f(); // Запускает 'f'
console.log(7); // Синхронно #4 (после запуска 'f', но до завершения await)
// Порядок вывода:
// 1 ← Синхронно #1
// 2 ← Синхронно #2
// 5 ← Синхронно #3
// 7 ← Синхронно #4
// 3 ← Макрозадача #1.1
// 4 ← Макрозадача #1.2 (Promise resolved)
// 6 ← Микрозадача #1 (Возобновление f, после await #1)
// "готово!" ← Микрозадача #1 (Возобновление f, после await #2)
#домашка
Задача из hackfrontend.com | 280 |
| 13 |  Вебинар курса «Архитектор программного обеспечения»
Проблемы в микросервисах чаще возникают не в бизнес-логике, а на стыке сервисов - из-за задержек, сбоев и перегрузки. Архитектурные решения здесь критичны для скорости и устойчивости системы.
4 августа в 20:00 МСК - открытый урок курса «Архитектор программного обеспечения»: разберём проектирование взаимодействия сервисов, API Gateway, GraphQL, шаблон CQRS и его влияние на масштабирование и нагрузку. Получите практические идеи для своих проектов.
Регистрируйтесь!
Узнать больше
#реклама 16+
otus.ru
О рекламодателе | 208 |
| 14 | Событийная модель
Читать 👨💻
#js | 289 |
| 15 | Как сделать кастомные чекбосы без js?
Читать 👨💻
#какэтосделать | 358 |
| 16 | Какое свойство предназначено для изменения направление текста? | 366 |
| 17 | Онлайн-магистратура для IT: ИТМО, МИФИ + Яндекс
Программы онлайн-магистратуры ИТМО и МИФИ в партнёрстве с Яндексом. Актуальные знания, практическое обучение и гибкий график. Учитесь, совмещая с работой. Доступна господдержка оплаты, отсрочка от армии
Перейти на сайт
#реклама 16+
practicum.yandex.ru
О рекламодателе | 1 |
| 18 |  🔍Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг
23 июля(уже завтра!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Алексею
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 369 |
| 19 |  Виртуальный сервер в аренду в России и Турции.
Отказоустойчивый виртуальный облачный сервер / дата центр IaaS на базе виртуализаций VMWARE, РУСТЭК по модели подписки. Аналог Elastic Cloud EC2.
- Доступность сервиса — от 99,982% SLA
- Дата центры Tier III в России и Турции
- Резервное копирование на удаленную площадку (ок. 10 км)
- Размещение персональных данных и ГИС по ФЗ-152
- Лицензированные решения Microsoft
- Почасовой биллинг и постоплата
- Оплата в рублях, турецких лирах, евро
- 30 дней бесплатное тестирование для юр. лиц
Подключите услугу сегодня со скидкой 50% на инфраструктуру.
Подать заявку
#реклама 16+
cloud4y.ru
О рекламодателе | 1 |
| 20 | Специфичность css
Читать 👨💻
#css | #полезности | 327 |
