HTML Academy

Быстрые ссылки, которые реально работают

Ссылки mailto: и tel: — это не просто устаревший HTML. Это базовые элементы, которые делают интерфейс удобнее: пользователь кликает — и сразу попадает в нужное приложение с готовыми данными. Главное — правильно сформировать ссылку: с темой письма, телом, копиями и кодировкой спецсимволов.

В статье разобрали нюансы использования этих протоколов: от параметров и переносов строк до стилизации и защиты от спамеров.

📌Читать статью

Напоминаем: уже завтра в 12:00 (MSK) — прямой эфир с руководителем KLBR Studio.

И главное — разыгрываем одно бесплатное место на совместную программу KLBR Studio × HTML Academy среди всех, кто зарегистрируется на эфир.

Как участвовать:
➿ Зарегистрируйтесь по ссылке ниже.
➿ Подключитесь к трансляции — победителя объявим в конце эфира.

На эфире познакомимся с KLBR Studio, обсудим, какие навыки помогают джунам уверенно стартовать, покажем технологический стек студии и ответим на ваши вопросы.

🙂 https://htmlacademy.ru/events/live-kolibri

Прямой эфир с руководителем компании KLBR Studio

KLBR Studio и HTML Academy запускают совместную программу «Обучение под работодателя»: вы занимаетесь в небольшой группе, осваиваете HTML, CSS, адаптивную вёрстку и JavaScript, работаете с Git и учебными проектами — и получаете шанс на стажировку в команде KLBR Studio после окончания обучения.

Приходите на эфир 21 августа в 12:00 (MSK), чтобы:

0️⃣ Познакомиться с KLBR Studio и узнать, как работает команда: процессы, роли и стек;
1️⃣ Разобраться в программе: что именно будете делать на учёбе и чем займутся выпускники на старте;
2️⃣ Узнать, как устроен вход в компанию для выпускников: формат, занятость и шаги найма от обучения до собеседования.

✅ Бонус: среди всех, кто зарегистрируется на эфир, разыграем одно бесплатное место на программу. Победителя объявим в конце трансляции.

➿➿➿➿➿➿➿➿➿➿➿➿
Планируете сменить профессию, хотите понять ожидания к джуну и сомневаетесь, что новичкам доверяют рабочие задачи? Приходите на эфир и зарегистрируйтесь по ссылке — пришлём напоминание и расскажем, как попасть на обучение.

HTML Academy и KLBR Studio — теперь партнёры

Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-отрасли, смогут попасть в команду KLBR Studio.

Подробнее: https://tml.io/bigtech-kolibri

Компания KLBR Studio (ранее KOLIBRI) представлена на российском рынке с 2012 года, предоставляя услуги дизайна и разработки сайтов, сервисов и e-commerce-решений с долгосрочной поддержкой.

#работодателиhtmlacademy

👍 Вчера провели эфир с компанией NAUKA — обсудили итоги первого потока и запуск второго. Самое неожиданное признание от руководителя отдела:

«Мы где-то полгода назад искали мидла. Собеседовали с рынка довольно много людей. И эти мидлы, которые к нам приходили, они были существенно слабее стажёров.»

Как так получилось? Почему стажёр начал закрывать задачи со второго дня, хотя ментор готовился «вести его за ручку»? И что NAUKA ждёт от новичков в 2025?

Если пропустили эфир — самое время посмотреть запись на выходных.
➿➿➿➿➿➿➿➿➿➿➿➿
Смотреть на YouTube | Смотреть в VK | Программа обучения

За сколько джун вырастает до мидла? Реальный кейс ADM

Система компании ADM:
➖0-3 месяца:
Задачи: Формы, правка контента
Оплата: 600-900 ₽ в час (парт-тайм)
➖3-6 месяцев:
Задачи: API, кастомизация e-commerce
Оплата: 1200 ₽ в час (фултайм)
➖6-12 месяцев:
Уровень: Мидл

Почему так быстро?
⏺Нет «воды» — только задачи из продакшена
⏺Командная прокачка, разбор ошибок
➿➿➿➿➿➿➿➿➿➿➿➿
Стартуйте на стажировке после программы «PHP-разработчик»
Записаться на обучение

Все программы с работодателями → https://htmlacademy.ru/joint_professions

Vite — это не модная альтернатива Webpack, а стандарт для фронтенда

Сейчас Vite продолжает стремительно набирать популярность — его используют более трёх миллионов разработчиков по всему миру, поэтому этот инструмент точно стоит изучить.

На курсе вы получите:
➿методику — связывает теорию с типовыми задачами на рынке;
➿программу — построена от простого к сложному;
➿контент — актуальная и обновляемая теория, проверенная рынком;
➿комьюнити — поможет вам с ответами на вопросы и углублением знаний.

После курса вы сможете создавать собственные сборки и менять конфиги в рабочих проектах. Вы станете тратить меньше времени на разработку — Vite снимет с вас часть рутинных задач.

📎Начать обучение и перейти на быструю сборку без боли.

::first-line в CSS: тонкая настройка первой строки, о которой забывают даже профи

Псевдоэлемент ::first-line — одна из тех возможностей CSS, которая кажется простой, но скрывает мощный потенциал для типографики. Псевдоэлемент позволяет оформить только первую видимую строку текста: выделить её цветом, изменить шрифт, добавить фон или акцентировать внимание типографикой. И всё это — без дополнительного HTML.

Но у приёма есть тонкости: поддерживаются не все CSS-свойства, а результат зависит от ширины контейнера и адаптивности. Если знать ограничения, ::first-line станет идеальным инструментом для аккуратного визуального акцента.

Разбираем, что можно, что нельзя и как использовать без ошибок — читайте статью.

Сегодня в 12:00 на эфире поговорим о программе обучения под реальные задачи. Руководитель отдела фронтенд-разработки и ведущий разработчик интерфейсов NAUKA расскажут о компании, перспективах для выпускников и ответят на ваши вопросы.

https://htmlacademy.ru/events/live-nauka-2025

Уже завтра — эфир с NAUKA

14 августа в 12:00 (MSK) встречаемся на прямом эфире про второй поток «Обучение под работодателя».

Разберём:
— чем занимается NAUKA и чем второй поток отличается от первого, кому он подойдёт;
— какие решения выпускников уже работают в продакшене и как они помогают бизнесу;
— программу обучения и какие знания пригодятся в реальных задачах;
— стажировку: формат, продолжительность и оплату.

Регистрируйтесь по ссылке: пришлём напоминание о трансляции и подскажем, как попасть на обучение.

Три мастера сдали работы: один — быстро, второй — функционально, третий — аккуратно. Победил тот, чей код был надёжным и поддерживаемым. Качество — это не «красиво», а «стабильно».

В конце августа запускаем чемпионат по вёрстке. Формат — полностью онлайн, длительность — две недели. Участие — бесплатное для выпускников наших профессий. Макет предоставляет Wemakefab — студия, входящая в топ-12 по дизайну в России.

Что точно будет:
➿ Крутой кейс: макет, отмеченный более чем десятью престижными digital-наградами.
➿ Критерии качества индустрии: просто сверстать будет недостаточно — оцениваем аккуратность, надёжность, поддерживаемость и внимание к деталям.
➿ Партнёры-работодатели: в жюри — компании, которые ищут сильных новичков.

А вот чего точно не будет:
➿ Задач на скорость.
➿ Простых решений.
➿ Работ на Tailwind.

В следующих постах расскажем другие подробности о чемпионате. А пока переходите на лендинг и записывайтесь на участие — это бесплатно.

Полезного контента много не бывает!

Визуализируем :nth-child, заключительная пятая часть. Комбинированные селекторы.
В этой части разбираем сложные комбинации условий, где один элемент должен соответствовать сразу двум правилам.

Смотрите всю серию визуализаций
YouTube
TikTok

Курс с визуализациями про адаптивность отлично подходит для тех, кто начинает погружаться в эту сложную тему. Бесплатно, наглядно, без воды

https://htmlacademy.ru/demos/231

Вы узнаете, чем резиновая вёрстка отличается от адаптивной. С помощью визуализаций разберётесь с принципом работы медиавыражений.

#туториалотhtmlacademy #frontend #html #css

Прямой эфир с компанией NAUKA

Год назад мы запустили первый поток программы «Обучение под работодателя» вместе с компанией NAUKA. После 7 месяцев интенсивного изучения JavaScript, TypeScript, React и современных инструментов, успешные выпускники прошли собеседования и успешно закончили стажировку в компании.
➿➿➿➿➿➿➿➿➿➿➿➿
В этом году мы запускаем второй поток! Приходите на эфир 14 августа в 12:00, вместе обсудим:

1️⃣чем занимается NAUKA, узнаем, чем второй поток отличается от первого и для кого он подходит;
2️⃣какие решения выпускников первого потока уже работают в продакшене и как они помогают бизнесу;
3️⃣программу обучения и узнаем, как полученные знания пригодятся в реальных задачах;
4️⃣как проходит стажировка выпускников: формат, продолжительность и оплата.

Если планируете сменить профессию и выбираете программу, мечтаете начать карьеру в продуктовой IT-компании и сомневаетесь, что джунам доверяют реальные задачи — приходите на эфир и регистрируйтесь по ссылке: напомним о трансляции и расскажем, как попасть на обучение.

Как вам Container Queries?

Столько было ожиданий. Говорили про революцию в мире адаптивности. Что можно будет забыть про стандартные вьюпорты.

По ощущениям - не выстрелило, революции не случилось. Да, контейнерные запросы удобны для узких задач, но львиная доля адаптивной вёрстки все равно делается с помощью простых и понятных медиавыражений.

И, всё-таки, может быть есть те, кто полностью перешел на container queries? Поделить опытом.

А, если вы пытались, но не зашло, расскажите почему, чем неудобна технология?

Страшный сон джуна — устроиться на работу и в первый рабочий день получить задачу:
⏪Перенеси верстку на WordPress с анимациями⏩
Так ли на самом деле?

Алексей Шпилев, основателем воронежской веб-студии ADM, на эфире поделился, как происходит адаптация новых сотрудников. «Главное — дать человеку задачи по силам/опыту и постепенно усложнять путь».

Со временем джун подключается к реальным проектам и самостоятельно их ведёт. Такой подход помогает постепенно повышать свой скилл до мидла.
➿➿➿➿➿➿➿➿➿➿➿➿
Стартуйте на стажировке в ADM после совместной программы.
🟡Записаться на обучение

📌Алгоритмы и структуры данных: код быстрее, интерфейсы надёжнее

Фронтендеру, который хочет прокачать основы computer science, стоит взглянуть на курс по алгоритмам и структурам данных. Структуры данных и алгоритмы дают предсказуемый код и чёткую архитектуру, а алгоритмические собеседования перестают быть лотереей.

Что разберёте на практике — и где это пригодится прямо в продакшене:

➿ O-большое без теории ради теории — находите «дорогие» циклы ещё до ревью;
➿ Обход деревьев и графов — ускоряете diff-алгоритм шаблонизатора и виртуального DOM;
➿ Хеш-таблицы и Map/Set — убираете дубли среди 100 000 элементов за O(1) вместо O(n);
➿ Поиск и quicksort — «живой» поиск и бесконечный скролл без фризов.

Какой алгоритм в последний раз выручил ваш проект? Делитесь в комментариях.