Функция «live editing» в Chrome DevTools — та самая, где можно было править JavaScript-код прямо в браузере — официально уходит в прошлое. Команда Chrome объявила, что начиная с версии 142 возможность редактировать исходники «на лету» будет скрыта за флагом, а в 145-й (февраль 2026) — полностью удалена. Причины: низкое использование, высокая стоимость поддержки и конфликт с современным Hot Module Replacement (HMR).
В статье рассказали, в чём заключалось «живое редактирование», что использовать вместо и что Local Overrides и Workspaces остаются. #chrome #devtools
🌸 Читать статью
В статье рассказали, в чём заключалось «живое редактирование», что использовать вместо и что Local Overrides и Workspaces остаются. #chrome #devtools
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4🔥2👏1
Что нового во фронтенде в 2025?
Краткий обзор с примерами кода — читайте, чтобы не отстать от современных стандартов.
📍 Читать статью
Popover APIPromise.try(), RegExp.escape(), content-visibility и ещё 20 долгожданных фичей, которые уже поддерживаются в современных браузерах. #js #cssКраткий обзор с примерами кода — читайте, чтобы не отстать от современных стандартов.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6❤🔥3👍3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Коллекция кнопок в стиле неоморфизма
👍19❤4
Фронтенд-разработка — это не только инженерные выдумки, но и очень много кодинга: повторяющиеся задачи, тесты, документация. AI-агенты помогают экономить время и поддерживать качество кода. В статье разбираем пять типовых задач фронтенд-разработчика, где AI может радикально ускорить процесс, и показываем, как эти кейсы решаются на курсе «Фронтенд на автопилоте: AI-агенты на практике».
Кодинг вместе с AI-агентами — это не будущее, а настоящее фронтенд-разработки. Генерация кода, тестирование, рефакторинг, документация и интеграция API — везде AI экономит время и силы. #ai #frontend
☁️ Читать статью
Кодинг вместе с AI-агентами — это не будущее, а настоящее фронтенд-разработки. Генерация кода, тестирование, рефакторинг, документация и интеграция API — везде AI экономит время и силы. #ai #frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤🔥2🔥2
Поговорим о семантике?
Листайте карточки, знакомьтесь с тегом <section>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры использования <section> можно в интерактивной главе «Структура HTML-документа».
Листайте карточки, знакомьтесь с тегом <section>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры использования <section> можно в интерактивной главе «Структура HTML-документа».
🔥5
Какой раздел сайта будет в <section>?
Anonymous Quiz
5%
Навигация сайта
93%
Раздел «О компании»
3%
Подвал сайта
⚡4👏4🔥2
Forwarded from Как стать мидлом
Git и GitHub
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
Курс — про прикладную работу с Git от основы до уверенных навыков: установка и первичная настройка, локальный и удалённый репозитории, ветки и модели ветвления, слияния и разрешение конфликтов, сравнение версий и файлов, откладывание и отмена изменений. Разбираем rebase и cherry-pick, восстановление через reflog, SSH и GPG-подпись коммитов.
Результат: уверенно настраиваете и связываете репозитории, выстраиваете историю коммитов, ведёте ветки под задачи, безопасно сливаете и откатываете изменения, быстро находите нужные диффы, спасаете ситуацию с помощью reflog и собираете аккуратный рабочий процесс.
🔶 Записаться на курс
Курс — про прикладную работу с Git от основы до уверенных навыков: установка и первичная настройка, локальный и удалённый репозитории, ветки и модели ветвления, слияния и разрешение конфликтов, сравнение версий и файлов, откладывание и отмена изменений. Разбираем rebase и cherry-pick, восстановление через reflog, SSH и GPG-подпись коммитов.
Результат: уверенно настраиваете и связываете репозитории, выстраиваете историю коммитов, ведёте ветки под задачи, безопасно сливаете и откатываете изменения, быстро находите нужные диффы, спасаете ситуацию с помощью reflog и собираете аккуратный рабочий процесс.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6
Media is too big
VIEW IN TELEGRAM
Как пройти интервью на собеседование?
Самое важное — быть честным. Алена Малко — ведущий инженер-программист в Контуре, рассказала про важный аспект обучаемости. «Вы можете говорить, что чего-то не знаете, но можете этому быстро обучиться — маст-хэв для интервьюера».
Полный эфир с Контуром — по ссылке:
🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎉 Программа обучения
Самое важное — быть честным. Алена Малко — ведущий инженер-программист в Контуре, рассказала про важный аспект обучаемости. «Вы можете говорить, что чего-то не знаете, но можете этому быстро обучиться — маст-хэв для интервьюера».
Полный эфир с Контуром — по ссылке:
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
Осенняя неделя завершилась! Совместно с нашими партнёрами-работодателями Addamant, Grokhotov Studio и Bquadro мы открыли доступ ко всем тренажёрам. Всю неделю вы проходили тренажёры, пробовали силы в испытаниях и отвечали на вопросы викторины.
Теперь настало время подвести итоги и разыграть призы. Следите за розыгрышем в прямом эфире — уже сегодня в 20:00!
🐭 Смотреть в YT
🐹 Смотреть в VK
Теперь настало время подвести итоги и разыграть призы. Следите за розыгрышем в прямом эфире — уже сегодня в 20:00!
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡5
Forwarded from CSS Боль
Реактивный CSS уже близко!
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
CSS теперь умеет реагировать на состояние и управлять интерфейсом самостоятельно. В новом выпуске «CSS Боль» показываем, как построить реактивный слайдер.
Внутри выпуска:
✓ Что такое Reactive CSS и как он меняет подход к разработке.
✓ Как заменить десятки JS-классов одной CSS-переменной
✓ Используем
✓ Контейнерные запросы, которые понимают, какой элемент активен.
✓ Реактивные эффекты: слайды двигаются, кнопки подсвечиваются, логика живёт в CSS.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
CSS теперь умеет реагировать на состояние и управлять интерфейсом самостоятельно. В новом выпуске «CSS Боль» показываем, как построить реактивный слайдер.
Внутри выпуска:
✓ Что такое Reactive CSS и как он меняет подход к разработке.
✓ Как заменить десятки JS-классов одной CSS-переменной
--current.✓ Используем
@property, sign(), abs() и sibling-index() для вычислений прямо в стилях.✓ Контейнерные запросы, которые понимают, какой элемент активен.
✓ Реактивные эффекты: слайды двигаются, кнопки подсвечиваются, логика живёт в CSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4🔥4👏2
Изначально 11 ноября, или «Double Eleven» (11.11), зародился в Китае как неформальный «День холостяков». Четыре единицы символизировали одиночество, и студенты шутливо отмечали этот день как свой антипраздник. В 2009 году гигант Alibaba Group решил превратить эту дату в повод для грандиозной распродажи, предложив «одиночкам» порадовать себя покупками.
HTML Academy радует подарками всех! Только 11 - 12 ноября — скидки до 75 % на курсы и профессии HTML Academy. Выбирайте своё направление, вводите промокод и фиксируйте скидку.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥7⚡7🔥4
Подключаться к своему VPS через Visual Studio Code — удобный способ работать с сервером в привычной IDE. В статье пошагово показываем, как настроить подключение по SSH через Remote Explorer: добавить VPS в список, сохранить конфигурацию, подключиться и установить VS Code Server.
После настройки редактор работает с файлами на сервере так же привычно, как с локальными: можно просматривать структуру, редактировать и сохранять — все изменения сразу применяются на VPS. #vps #tools
👍 Читать статью
После настройки редактор работает с файлами на сервере так же привычно, как с локальными: можно просматривать структуру, редактировать и сохранять — все изменения сразу применяются на VPS. #vps #tools
Надеемся, что вы будете аккуратными и никому не расскажете свой пароль. А чтобы не вводить его каждый раз, прочитайте статью о работе с Git через консоль, там есть раздел о создании SSH-ключей.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать адаптивную галерею с «резиной»?
🔥9
В этой статье мы пошагово разбираем базовые команды и операции для работы с Ubuntu на VPS: навигацию по файловой системе, управление файлами и процессами, установку нужных приложений. Все примеры показаны на реальных командах с пояснениями, чтобы вы могли сразу повторить их на своём сервере.
Расскажем, как проверить состояние сервера: смотреть процессы и нагрузку, свободное место, сетевые соединения, а также установить Node.js, Nginx и базу данных и собрать простой рабочий стек. Такой минимум знаний помогает перестать бояться терминала и обращаться с VPS как с понятным и управляемым инструментом. #nodejs #nginx
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤2❤🔥2🔥1
Поговорим о семантике?
Листайте карточки, знакомьтесь с тегами <em> и <i>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Разметка текста».
Листайте карточки, знакомьтесь с тегами <em> и <i>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Разметка текста».
🔥5