Вёрстка сайтов | HTML, CSS, JS

Онлайн-магистратура для IT: ИТМО, МИФИ + Яндекс Программы онлайн-магистратуры ИТМО и МИФИ в партнёрстве с Яндексом. Актуальные знания, практическое обучение и гибкий график. Учитесь, совмещая с работой. Доступна господдержка оплаты, отсрочка от армии Перейти на сайт #реклама 16+ practicum.yandex.ru О рекламодателе

Оптимизация производительности веб сайтов Читать 👨‍💻 #полезнаястатья

Аренда VPS/VDS-сервера. Виртуальные выделенные серверы в дата-центрах уровня Tier III — 7 готовых конфигураций от 200 ₽/мес. Преимущества аренды: - Выделенные ресурсы без переплаты; - KVM-виртуализация; - Быстрые NVMe SSD; - Соответствие 152-ФЗ, PCI DSS; - Бесплатная защита от DDoS; - Управление через панель, API и Terraform; - Техподдержка 24/7. Запустите сервер за несколько минут! Попробовать #реклама 16+ selectel.ru О рекламодателе

Атрибут 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 | #теория

Alpine Soft - cервис для продвижения сайтов в Яндексе! В ТОП Яндекса от 1 дня! Самостоятельное продвижение сайтов любой тематики в поисковой системе от Alpine Soft! Зарегистрироваться #реклама 16+ alpine-pf.ru О рекламодателе

Как сделать кнопку копирования? Читать 👨‍💻 #какэтосделать

Как мы строим hh.ru: код, инфра, доклады и ништяки Канал про тех-изнанку hh.ru без корпоративной душноты Рассказываем, как рождаются продукты, разбираем реальные кейсы, зовём на митапы и показываем людей, которые всё это делают. Подписывайся — будет охэхэнно ⚡ Подписаться #реклама О рекламодателе

HTMLCollection и NodeList Читать 👨‍💻 #js

Просто показываем промокод Просто предлагаем съездить отдохнуть со скидкой 5000 рублей от Яндекс Путешествий. Больше ничего от вас не хотим, потому что понимаем, что сил нет. Забронировать #реклама travel.yandex.ru О рекламодателе

Подборка лучших постов за прошлую неделю Лучшие статьи @free_html_lessons: 1. Методология ECSS 2. Структура данных js 3. Как сделать кастомные чекбосы без js? Лучшие фронтенд вакансии @job_webdev: 1. Разработчик интерфейсов 2. angular разработчик 3. Веб-разработчик Лучшие дизайн вакансии @job_webdesign: 1. Продуктовый дизайнер 2. Web-дизайнер 3. Web designer #лучшеезанеделю

Как мы строим hh.ru: код, инфра, доклады и ништяки Канал про тех-изнанку hh.ru без корпоративной душноты Рассказываем, как рождаются продукты, разбираем реальные кейсы, зовём на митапы и показываем людей, которые всё это делают. Подписывайся — будет охэхэнно ⚡ Подписаться #реклама О рекламодателе

Что будет в консоли? Асинхронные функции: Порядок выполнения с 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

Вебинар курса «Архитектор программного обеспечения» Проблемы в микросервисах чаще возникают не в бизнес-логике, а на стыке сервисов - из-за задержек, сбоев и перегрузки. Архитектурные решения здесь критичны для скорости и устойчивости системы. 4 августа в 20:00 МСК - открытый урок курса «Архитектор программного обеспечения»: разберём проектирование взаимодействия сервисов, API Gateway, GraphQL, шаблон CQRS и его влияние на масштабирование и нагрузку. Получите практические идеи для своих проектов. Регистрируйтесь! Узнать больше #реклама 16+ otus.ru О рекламодателе

Событийная модель Читать 👨‍💻 #js

Как сделать кастомные чекбосы без js? Читать 👨‍💻 #какэтосделать

Онлайн-магистратура для IT: ИТМО, МИФИ + Яндекс Программы онлайн-магистратуры ИТМО и МИФИ в партнёрстве с Яндексом. Актуальные знания, практическое обучение и гибкий график. Учитесь, совмещая с работой. Доступна господдержка оплаты, отсрочка от армии Перейти на сайт #реклама 16+ practicum.yandex.ru О рекламодателе

🔍Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг 23 июля(уже завтра!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика. Как это будет: 📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу 📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью 📂 В конце можно будет задать любой вопрос Алексею Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы. Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot Реклама. О рекламодателе.

Виртуальный сервер в аренду в России и Турции. Отказоустойчивый виртуальный облачный сервер / дата центр IaaS на базе виртуализаций VMWARE, РУСТЭК по модели подписки. Аналог Elastic Cloud EC2. - Доступность сервиса — от 99,982% SLA - Дата центры Tier III в России и Турции - Резервное копирование на удаленную площадку (ок. 10 км) - Размещение персональных данных и ГИС по ФЗ-152 - Лицензированные решения Microsoft - Почасовой биллинг и постоплата - Оплата в рублях, турецких лирах, евро - 30 дней бесплатное тестирование для юр. лиц Подключите услугу сегодня со скидкой 50% на инфраструктуру. Подать заявку #реклама 16+ cloud4y.ru О рекламодателе

Специфичность css Читать 👨‍💻 #css | #полезности