Никогда не верстали? Попробуйте бесплатно погрузиться в веб с помощью интерактивного тренажёра «Знакомство с веб-разработкой» — https://tml.io/h3qba

Вы узнаете о базовых технологиях веб-разработки, как они работают по отдельности и вместе.

Вот, что пишут о заданиях наши студенты 🧡

Анимация рукописной каллиграфии на SVG: демка с постепенным появлением текста. Красивенько!

https://www.motiontricks.com/svg-calligraphy-handwriting-animation/

​​Лайв с Т—Ж уже завтра — записывайтесь!

В 19:30 по московскому времени встретимся с Евгенией Изотовой, выпускающим редактором в Т—Ж и выпускницей HTML Academy.

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

Подошёл к концу очередной поток курса «JavaScript. Профессиональная разработка веб-интерфейсов». В нём участвовали 630 студентов, и 303 из них успешно защитили итоговый проект.

Читайте в нашем отчёте о нововведениях на курсе и отзывы выпускников.

Alt — обязательный атрибут тега <img>. Это альтернативное описание для изображений, которые не видят пользователи:
— из-за медленного соединения;
— из-за неправильного пути или имени файла в атрибуте src;
— так как пользуются скринридерами.

Разбираемся, как его правильно писать, и в каких ситуациях alt-текст не нужен.

​​Мы уже в эфире и готовы рассказать про работу в редакции Т—Ж, зачем им нужны наши выпускники, и какие могут быть карьерные перспективы со знаниями HTML и CSS. Подключайтесь!

Вадим Макеев на своём ютуб-канале рассказывает, что такое фокус, про встроенный и кастомный фокус, :focus-visible и полифил к нему.

https://youtu.be/EHg7DeciuW8

Как сделать Телеграм-бота:

— пишем его на JavaScript — https://tml.io/thpkp

— загружаем на сервер — https://tml.io/v7cqd

Готово, вы восхитительны 💫

«Джун или не джун?» — вот в чём вопрос.

Рассказали, как можно определить джун перед вами или уже мидл, и что отличает от них сеньоров.

На асинхронном курсе «Вёрстка email-рассылок» мы учим оформлять email-рассылки в соответствии с дизайном, адаптировать письма под мобильные экраны, тестировать и ускорять загрузку писем.

https://tml.io/1uufd

Вашим учебным проектом будет рассылка онлайн-школы PlayHTML. Вам предстоит сверстать серию из трёх рассылок онлайн-школы, в каждой из которых — элементы разного уровня сложности. Каждая рассылка получится адаптивной и будет корректно отображаться в почтовиках Gmail, Яндекс, Mail, Рамблер и Outlook.

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

​​Хотите узнать, какие требования выставляют работодатели к фронтенд-разработчикам? 25 августа в 13:00 по московскому времени в прямом эфире разберём, что должен уметь фронтенд-разработчик.

Ведущие — Алексей Симоненко, директор по развитию HTML Academy, и Серёжа Попов, руководитель аутсорс-продакшена «Лига А.».

Запишитесь на лайв, чтобы получить напоминание о начале трансляции.

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

Есть много графических редакторов, и как из них выбрать непонятно. Мы взяли две популярные программы — Photoshop и Figma — и сравнили их.

Обзор существующих единиц размеров в CSS.

http://css.yoksel.ru/size-units/

Форматов изображений существует достаточно много, но основных несколько: JPEG, PNG, SVG и GIF.

SVG переводится как масштабируемая векторная графика. Качество таких изображений не меняется при изменении размеров, и вес у них небольшой. Этот формат отлично подходит для малоцветных схем, логотипов и иконок.

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

PNG является форматом сжатия без потерь и позволяет сохранять изображения, в которых требуется особенная чёткость. Например, скриншоты сайтов, чертежи и печатный текст. Главная его особенность — поддержка прозрачности.

Формат GIF не подходит для хранения полноцветных изображений и фотографий, но подходит для простейших анимаций. Однако в последнее время GIF-изображения становятся всё менее используемыми и заменяются на другие.