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

Что будет работать в рекламе завтра? Ответ ищем вместе на REKONFA 2026. 15 октября соберёмся в Москве и онлайн, чтобы обсудить новые технологии Яндекс Рекламы, продуктовые запуски, тренды рынка, исследования и реальные кейсы. В программе — выступления экспертов и возможность поговорить с продуктовыми командами Яндекс Рекламы о своих задачах. А вне сцены вас ждут коворкинг, фотозоны и форматы для новых знакомств. Участвовать можно в Москве на ВТБ Арене или онлайн. Регистрация бесплатная. Зарегистрироваться #реклама 18+ ya.rekonfa.ru О рекламодателе

Макет для тренировки (miramoney) Перейти к макету 🧑‍💻 #макет@free_html_lessons

Ищете облачную платформу? Есть Beget ✅ Аптайм 99,98% в дата-центрах Tier III ✅ Техподдержка 24/7 — живые люди, без ботов ✅ Прозрачная оплата без скрытых платежей ✅ Более 200 000 клиентов доверяют Beget Узнать больше #реклама 16+ beget.com О рекламодателе

15 micro-interactions (полезные паттерны) Посмотреть на codepen 👨‍💻 #практика

Создание кроссплатформенного GUI на Rust ⚡Electron тяжёл, а Rust + Tauri дают лёгкое, быстрое и безопасное десктоп-приложение для Windows, macOS и Linux. Tauri берёт HTML/CSS/JS для интерфейса и мощь Rust для бэкенда. 📅 23 сентября в 20:00 на открытом вебинаре разберём полный цикл создания GUI на Rust с Tauri: организация проекта, логика на Rust и её связь с интерфейсом, работа с данными, безопасные системные вызовы через permissions и capabilities в Tauri 2, асинхронность, сборка, отладка и лучшие практики. 💻 Вебинар не для тех, кто ждёт «скопируй-вставь». Подойдёт фронтенд-разработчикам, программистам, интересующимся Rust, и энтузиастам, уставшим от Electron. ✅ После вебинара вы сможете создавать десктоп-приложения на Rust, связывать логику с UI, настраивать безопасность и собирать готовое приложение. Записаться #реклама 16+ otus.ru О рекламодателе

Как типизировать API во frontend Читать 👨‍💻 #ts | #теория

🔴 Тестовый собес на Frontend-разработчика со старшим разработчиком ex. Сбер в этот четверг!  [+ разбор 50 сложных вопросов в подарок ] 17 сентября (в этот четверг!) в 19:00 по мск приходи онлайн, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика! Собеседование проведёт Даниил Дмитриев - старший разработчик в R-Vision, ex. Сбер, Как это будет: 📂 Даниил задаст разработчику вопросы и задачи, которые могут спросить на реальном собесе 📂 После каждого ответа респондента ты услышишь подробный комментарий от ментора и поймёшь, чего на самом деле ожидает собеседующий на интервью 📂 В конце сможешь задать любой вопрос Даниилу и получить на него развёрнутый ответ Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы И ты можешь посмотреть его бесплатно 🔥 Только завтра, в прямом эфире! 🎁 Подарок для всех, кто зарегается на веб — файл с ОТВЕТАМИ НА 50 СЛОЖНЫХ ВОПРОСОВ с Frontend-собеседований 🔥 Переходи в бот, чтобы попасть на эфир и забрать подарок 👉 @shortcut_front_bot Реклама. О рекламодателе.

Generics: главная суперсила TypeScript Читать 👨‍💻 #ts | #теория

🔴 Тестовый собес на Frontend-разработчика со старшим разработчиком ex. Сбер в этот четверг!  [+ разбор 50 сложных вопросов в подарок ] 17 сентября (в этот четверг!) в 19:00 по мск приходи онлайн, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика! Собеседование проведёт Даниил Дмитриев - старший разработчик в R-Vision, ex. Сбер, Как это будет: 📂 Даниил задаст разработчику вопросы и задачи, которые могут спросить на реальном собесе 📂 После каждого ответа респондента ты услышишь подробный комментарий от ментора и поймёшь, чего на самом деле ожидает собеседующий на интервью 📂 В конце сможешь задать любой вопрос Даниилу и получить на него развёрнутый ответ Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы И ты можешь посмотреть его бесплатно 🔥 Только завтра, в прямом эфире! 🎁 Подарок для всех, кто зарегается на веб — файл с ОТВЕТАМИ НА 50 СЛОЖНЫХ ВОПРОСОВ с Frontend-собеседований 🔥 Переходи в бот, чтобы попасть на эфир и забрать подарок 👉 @shortcut_front_bot Реклама. О рекламодателе.

Полезные расширения Chrome для верстки 1. ColorZilla Расширение позволяет взять любой цвет с сайта (пипетка) 2. PerfectPixel Расширение позволяет сверить верстку с макетом на соответствие. 3. WindowResizer Простой плагин, позволяющий легко изменять размеры браузера одной кнопкой 4. GoFullPage Полезное расширение для тех, кто хочет сделать полноценный скриншот своего сайта. #полезности

С каких пор люди решили, что сидеть всю жизнь на окладе в 60к, это норм? Ведь можешь как я, вести 4 проекта из дома по 50к — на карте +200к в месяц Пока одни едут на «любимую работу» к 8 утра, кто-то запускает этого бота, следует пошаговой инструкции и получает +3.000 - 4.000 рублей за пару часов работы 👌 И не надо иметь высшее образование, учится программированию. Достаточно просто освоить профессию технического специалиста, в которой вообще нет ничего сложного. За такую работу готовы платить 200-250.000 рублей в месяц💰 На старте новички зарабатывают 40-50к рублей, а ребята поопытнее от 200к рублей в месяц. Такие деньги в наше время тебе врядли предложат на "нормальной работе"😬 Для начала просто запусти этот бот👇 https://t.me/Alekseicoach_bot?start=testdrivetg122 Там ты узнаешь, как с помощью фриланса заработать несколько месячных зарплат и наконец уволиться из найма в 2026 году 🔥

Розыгрыш Яндекс Станции уже в боте Любимые блогеры, розыгрыши, новости и анонсы в одном боте! Узнать больше #реклама 16+ refer.id О рекламодателе

Подборка лучших постов за прошлую неделю Лучшие статьи @free_html_lessons: 1. Подгрузка контента при прокрутке 2. Метод верстки mobile-first 3. Зарезервированные ключевые слова в JavaScript Лучшие фронтенд вакансии @job_webdev: 1. HTML верстальщик 2. Фронт-разработчик и верстальщик 3. angular разработчик Лучшие дизайн вакансии @job_webdesign: 1. Веб-дизайнер 2. Web-дизайнер 3. Графический дизайнер #лучшеезанеделю

Задача: Какой будет вывод в консоль и в каком порядке?

const promise = new Promise((resolve) => {
  console.log("2");

  setTimeout(() => {
    console.log("3");
    resolve();
  }, 1000);
});

setInterval(() => {
  console.log("4");
}, 500);

async function main() {
  console.log("5");

  await promise;

  console.log("6");
}

main();

console.log("7");

Вопрос: Что окажется в консоли за первые 2 секунды? Попробуйте не запускать код, а сначала разобраться самостоятельно. #домашка

7 дней бесплатного обучения во Frontend-разработке! 🔥 Ухвати свой шанс погрузиться в мир Frontend-разработки на нашем бесплатном онлайн-интенсиве! Интересные уроки, практическая работа и поддержка куратора — всё это доступно тебе прямо сейчас. Всего за 7 дней ты: 1. Сгенерируешь сайт через Giga, DeepSeek, ChatGPT; 2. Сверстаешь весь сайт на HTML + CSS с правильным адаптивом; 3. Оживишь проект на JavaScript: логика, расчёты и трекинг заказов; 4. Подключишь карты и API, увидишь, как данные работают в настоящем продукте; 5. Получишь экспертные советы, как улучшить свои проекты и вывести их на профессиональный уровень. В итоге добавишь в своё портфолио уникальный проект сервиса доставки, доступный по ссылке, который повысит твою ценность как специалиста. 🔥 С нас обучение, практика и поддержка на пути к фрилансу. С тебя участие в интенсиве 👉 Начать бесплатное обучение Не упусти шанс получить мощный заряд уверенности для дальнейшего роста в разработке!

Регистрируйтесь на Yandex Scale 2026 Главная конференция Yandex Cloud. Узнайте о сервисах, которые меняют ваш бизнес. 4 офлайн-трека (AI, Infra + DevTools, Data, Security), онлайн-трек Deep Tech, воркшопы по ИИ и интерактивы. Подробнее о программе читайте в карточках🗒 📅24 сентября 🚗Москва + 💻онлайн Участие бесплатное! Зарегистрироваться #реклама 16+ scale.yandex.cloud О рекламодателе

Макет для тренировки (xbox) Перейти к макету 🧑‍💻 #практика | #макет

Зарезервированные ключевые слова в JavaScript В JavaScript есть слова, которые принадлежат самому языку. Синтаксический анализатор использует их для сборки конструкций, поэтому объявить переменную с таким именем не получится — JS сразу выбросит SyntaxError. Все ключевые слова можно условно разделить на три категории: 1. Действующие ключевые слова Слова, которые прямо сейчас задают логику и структуры данных: break, case, catch, class, const, continue, debugger, default, delete, do, else, export, extends, false, finally, for, function, if, import, in, instanceof, new, null, return, super, switch, this, throw, true, try, typeof, var, void, while, with. 2. Будущие зарезервированные слова Они припасены для возможных следующих версий ECMAScript. Использовать их в качестве идентификаторов (имен переменных или функций) нельзя уже сейчас: * В обычном режиме: enum. * В Строгом режиме (`"use strict"`): implements, interface, let, package, private, protected, public, static, yield. 3. Contextual Keywords (Контекстные слова) Работают как ключевые только в определённом контексте, но вне его могут быть именами переменных: * async / await (внутри асинхронных функций) * get / set (в описании геттеров и сеттеров) * of (в цикле `for...of`) * target (в `new.target`) Тонкие моменты и подвохи * Ключи объектов разрешены: С выходом ES6 ключевые слова можно свободно использовать в качестве имен свойств объектов:

const config = {
  class: 'btn-primary', // Легально
  for: 'user-input',    // Легально
  return: true          // Легально
};
console.log(config.class);

* Разница между `undefined` и `null`: null — это зарезервированное ключевое слово, его нельзя переопределить. А вот undefined — это глобальное свойство, а не слово. В старых версиях JS undefined можно было случайно переписать (`var undefined = 10;`), хотя в строгом режиме это, к счастью, уже запрещено. #js

Метод верстки mobile-first Читать 👨‍💻 #полезнаястатья