HTML Academy
10.3K subscribers
5.24K photos
159 videos
4 files
3.26K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Media is too big
VIEW IN TELEGRAM
Проактивность vs навыки и хард-скиллы

На самом деле, это неразрывные понятия. Работодатели хотят, чтобы их будущий сотрудник бросал все силы на решение проблемы, а не придумывал объяснения — почему что-то не получается. Евгений Суанка, менеджер стажировок в Контуре, рассказал про ожидания от работников.

Полный эфир с Контуром — по ссылке:

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎉 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Свойство line-clamp — это простой способ ограничить текст по количеству строк и сохранить аккуратный вид интерфейса. Оно особенно полезно там, где нужно показать лишь часть контента: в превью, карточках, списках.


В статье показываем, как обойтись без JavaScript-костылей для тримминга и на что опираться в CSS: стандартное line-clamp в современных браузерах и префиксная связка display: -webkit-box + -webkit-box-orient: vertical + -webkit-line-clamp для совместимости со старыми Safari. Важно понимать механику и ограничения, а не просто копировать сниппет — тогда компоненты будут вести себя предсказуемо в разных браузерах. #css #typography

🤓 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
44👏3
HTML Academy
Неделя короткая, призов много. Раскладываем правила на один экран — и в бой. Что разыгрываем: Профессии для начинающих и курсы для продолжающих — на выбор победителя. Всего 14 призов. Финал — в прямом эфире, уведомление и ссылка будут в боте. Как устроен…
🍁 Осенняя неделя началась!

Вместе с Addamant, Grokhotov Studio и Bquadro мы открыли тренажёры HTML Academy: 895 заданий и 151 испытание — бесплатно на целую неделю. Самое время прокачать навыки, заработать баллы и, возможно, унести приз.

Есть простое правило одной задачи: сделайте одно задание сейчас, завтра — ещё одно. Через неделю у вас будет не список планов, а список сделанного. Начните с одного — остальное подтянется.


Что делать:
0️⃣ Присоединиться к осенней неделе через лендинг или прямо в боте.
1️⃣ Выбрать тренажёр и начать — с нуля или продолжить там, где остановились.
2️⃣ Каждый день участвовать в викторине и выполнять испытания — рейтинг это любит.
3️⃣ Позвать друзей и соревноваться вместе — так веселее и продуктивнее.

И помните: мы разыграем 14 призов среди тех, кто по итогам недели окажется в топ-30; отдельный розыгрыш — среди топ-30 с 20+ часами практики. Финал пройдёт в прямом эфире, ссылку пришлём в боте.

Пора! Тренажёры открыты — заходите и начинайте.

Подробнее | Кексобот | Правила

Удачи всем!
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥62
Forwarded from CSS Боль
CSS теперь умеет думать — без шуток.

Вышел Chrome 142, и вместе с ним — великий апгрейд CSS-условий. Теперь if() и стилевые контейнерные запросы могут сравнивать значения:
>, <, =, — прямо в стилях, без JS.

Новый выпуск «CSS Боль»:

✓ Почему старый if() был бесполезным и что изменилось в новой версии.
✓ Как теперь сравнивать CSS-переменные между собой и со значениями.
✓ Диапазонные проверки в действии: длины, углы, проценты и даже attr().
✓ Реальный пример: как CSS сам управляет пагинатором без единой строчки JavaScript.
✓ Что говорит спецификация CSS Conditional Rules Module Level 5.
✓ Как сделать фолбэк с sign() для старых браузеров.

CSS перестаёт быть просто языком оформления — он начинает принимать решения.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
👏9541🔥1
Функция «live editing» в Chrome DevTools — та самая, где можно было править JavaScript-код прямо в браузере — официально уходит в прошлое. Команда Chrome объявила, что начиная с версии 142 возможность редактировать исходники «на лету» будет скрыта за флагом, а в 145-й (февраль 2026) — полностью удалена. Причины: низкое использование, высокая стоимость поддержки и конфликт с современным Hot Module Replacement (HMR).

В статье рассказали, в чём заключалось «живое редактирование», что использовать вместо и что Local Overrides и Workspaces остаются. #chrome #devtools

🌸 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥4🔥2👏1
Что нового во фронтенде в 2025?

Popover API
, Promise.try(), RegExp.escape(), content-visibility и ещё 20 долгожданных фичей, которые уже поддерживаются в современных браузерах. #js #css

Краткий обзор с примерами кода — читайте, чтобы не отстать от современных стандартов.

📍 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
6❤‍🔥3👍3🔥11
This media is not supported in your browser
VIEW IN TELEGRAM
Коллекция кнопок в стиле неоморфизма
👍194
Фронтенд-разработка — это не только инженерные выдумки, но и очень много кодинга: повторяющиеся задачи, тесты, документация. AI-агенты помогают экономить время и поддерживать качество кода. В статье разбираем пять типовых задач фронтенд-разработчика, где AI может радикально ускорить процесс, и показываем, как эти кейсы решаются на курсе «Фронтенд на автопилоте: AI-агенты на практике».

Кодинг вместе с AI-агентами — это не будущее, а настоящее фронтенд-разработки. Генерация кода, тестирование, рефакторинг, документация и интеграция API — везде AI экономит время и силы. #ai #frontend

☁️ Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤‍🔥2🔥2
Поговорим о семантике?

Листайте карточки, знакомьтесь с тегом <section>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры использования <section> можно в интерактивной главе «Структура HTML-документа».
🔥53❤‍🔥2
Какой раздел сайта будет в <section>?
Anonymous Quiz
5%
Навигация сайта
93%
Раздел «О компании»
3%
Подвал сайта
4👏4🔥2
Git и GitHub

Курс — про прикладную работу с 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
🔥62❤‍🔥1
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
Please open Telegram to view this post
VIEW IN TELEGRAM
53❤‍🔥2
Forwarded from CSS Боль
Реактивный CSS уже близко!

CSS теперь умеет реагировать на состояние и управлять интерфейсом самостоятельно. В новом выпуске «CSS Боль» показываем, как построить реактивный слайдер.

Внутри выпуска:

✓ Что такое Reactive CSS и как он меняет подход к разработке.
✓ Как заменить десятки JS-классов одной CSS-переменной --current.
✓ Используем @property, sign(), abs() и sibling-index() для вычислений прямо в стилях.
✓ Контейнерные запросы, которые понимают, какой элемент активен.
✓ Реактивные эффекты: слайды двигаются, кнопки подсвечиваются, логика живёт в CSS.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
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
❤‍🔥77🔥4
23🤣11😱43👍1
Подключаться к своему VPS через Visual Studio Code — удобный способ работать с сервером в привычной IDE. В статье пошагово показываем, как настроить подключение по SSH через Remote Explorer: добавить VPS в список, сохранить конфигурацию, подключиться и установить VS Code Server.

После настройки редактор работает с файлами на сервере так же привычно, как с локальными: можно просматривать структуру, редактировать и сохранять — все изменения сразу применяются на VPS. #vps #tools

Надеемся, что вы будете аккуратными и никому не расскажете свой пароль. А чтобы не вводить его каждый раз, прочитайте статью о работе с Git через консоль, там есть раздел о создании SSH-ключей.


👍 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥83❤‍🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать адаптивную галерею с «резиной»?
🔥953❤‍🔥1