Вёрстка сайтов | HTML, CSS, JS
Open in Telegram
👋 Привет, друг! В этом канале я выкладываю структурированные, обучающие уроки и материалы по вёрстке сайтов и фронтенду. Присоединяйся и начинай учиться! Связь: @Tigran1963
Show more4 601
Subscribers
+124 hours
-197 days
-5630 days
Data loading in progress...
Similar Channels
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
July '26
July '26
+39
in 2 channels
June '26
+81
in 5 channels
Get PRO
May '26
+75
in 2 channels
Get PRO
April '26
+93
in 7 channels
Get PRO
March '26
+83
in 3 channels
Get PRO
February '26
+54
in 2 channels
Get PRO
January '26
+85
in 3 channels
Get PRO
December '25
+45
in 3 channels
Get PRO
November '25
+72
in 5 channels
Get PRO
October '25
+48
in 7 channels
Get PRO
September '25
+126
in 5 channels
Get PRO
August '25
+74
in 8 channels
Get PRO
July '25
+75
in 7 channels
Get PRO
June '25
+49
in 2 channels
Get PRO
May '25
+73
in 10 channels
Get PRO
April '25
+81
in 4 channels
Get PRO
March '25
+177
in 8 channels
Get PRO
February '25
+176
in 10 channels
Get PRO
January '25
+155
in 6 channels
Get PRO
December '24
+91
in 9 channels
Get PRO
November '24
+119
in 9 channels
Get PRO
October '24
+224
in 8 channels
Get PRO
September '24
+222
in 10 channels
Get PRO
August '24
+115
in 9 channels
Get PRO
July '24
+153
in 4 channels
Get PRO
June '24
+98
in 3 channels
Get PRO
May '24
+115
in 5 channels
Get PRO
April '24
+126
in 4 channels
Get PRO
March '24
+110
in 3 channels
Get PRO
February '24
+133
in 6 channels
Get PRO
January '24
+243
in 3 channels
Get PRO
December '23
+231
in 6 channels
Get PRO
November '23
+165
in 4 channels
Get PRO
October '23
+160
in 5 channels
Get PRO
September '23
+166
in 0 channels
Get PRO
August '23
+221
in 0 channels
Get PRO
July '23
+274
in 0 channels
Get PRO
June '23
+137
in 0 channels
Get PRO
May '23
+143
in 0 channels
Get PRO
April '23
+219
in 0 channels
Get PRO
March '23
+251
in 0 channels
Get PRO
February '23
+415
in 0 channels
Get PRO
January '23
+265
in 0 channels
Get PRO
December '22
+193
in 0 channels
Get PRO
November '22
+229
in 0 channels
Get PRO
October '22
+681
in 0 channels
Get PRO
September '22
+216
in 0 channels
Get PRO
August '22
+2 368
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 30 July | +3 | |||
| 29 July | +2 | |||
| 28 July | 0 | |||
| 27 July | +2 | |||
| 26 July | 0 | |||
| 25 July | +1 | |||
| 24 July | +1 | |||
| 23 July | +2 | |||
| 22 July | +2 | |||
| 21 July | +1 | |||
| 20 July | +1 | |||
| 19 July | 0 | |||
| 18 July | +5 | |||
| 17 July | +2 | |||
| 16 July | 0 | |||
| 15 July | 0 | |||
| 14 July | +3 | |||
| 13 July | 0 | |||
| 12 July | +1 | |||
| 11 July | 0 | |||
| 10 July | +3 | |||
| 09 July | +1 | |||
| 08 July | 0 | |||
| 07 July | +2 | |||
| 06 July | +1 | |||
| 05 July | +2 | |||
| 04 July | 0 | |||
| 03 July | +1 | |||
| 02 July | +2 | |||
| 01 July | +1 |
Channel Posts
Онлайн-магистратура для 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 |
