6 простых правил хорошего alt-текста

Правила о том, как нужно и не нужно называть изображения в коде. Читайте, а потом идите экспериментировать без страха ошибки. Теперь вы всё знаете.

Клик-клик

Почувствуйте себя бэкендером. При помощи тренажёров. Бесплатно.

За 10 часов практики научитесь создавать шаблоны из вёрстки, внедрять в них данные, чтобы ваш сайт отображал информацию. Потренируетесь рассчитывать скидки, стоимости товаров и поработаете над красивым отображением дат. И наконец, разберётесь, как запустить сайт, написанный на PHP, на домашнем компьютере.

Начать тренировку

Работа с Git в Visual Studio Code

Если работа с гитом через консоль или GitHub Desktop не ваше, то попробуйте через Visual Studio Code — Git встроен прямо в редактор, ничего дополнительно устанавливать не нужно. В статье пошаговая инструкция.

Всё получится

5 способов сделать утро добрым

Иногда утро начинается так: проснулись от будильника, взяли телефон, загрустили. Сами с таким сталкивались, поэтому делимся с вами советами, как почувствовать себя лучше.

TypeScript, алгоритмы и структуры данных, CSS-анимации — три курса, с которых начинается путь роста до мидла

Джуну не всегда дают задание на разработку приложения, а вот мидлу — вполне. Рассмотрим на примерах, как три курса Академии помогают создать полноценный пользовательский интерфейс.

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

На каждый курс действует скидка 30% до 23 октября включительно. А ещё мы собрали курсы в пакет «Золотой» — так учиться ещё выгоднее.

Записаться и начать программировать

Первый октябрьский выпуск фронтенд-новостей уже в блоге

Три главных новости за неделю 26–2 октября:

Web Almanac 2022: CSS и JavaScript.

Люди проанализировали 44 Tb данных и вот, что они поняли…

Узнайте, как заменить gif на вашем сайте.

При помощи видео или анимированных изображений в формате WebP или AVIF.

«Не волнуйтесь, Node.js никто не заменит».

Узнайте почему, даже если вы перейдёте на Deno или Bun, вы всё равно будете работать как с Node.js.

Больше новостей

Завтра в 13:00 пройдёт лайв «Как вырасти до мидл фронтенд-разработчика: гайд для джунов».

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

Лайв проведут:

Серёжа Попов — руководитель направления «Курсы для практикующих разработчиков» в HTML Academy.

Рома Абдульманов — технический директор FaceMunch.

Записывайтесь и мы напомним о старте лайва

16 января стартует курс «HTML и CSS. Профессиональная вёрстка сайтов» — первый этап в программе фронтенд-профессий Академии. Запись только что открылась, так что цена — минимальная, но только до 11 октября.

Узнать подробнее и записаться

Через 15 минут в прямом эфире расскажем, как продолжить развиваться в IT и что вас ждёт дальше.

Вы ещё успеваете присоединиться

Подборка инструментов для работы с SVG

SVG — вид графики, которую образуют детали будущего изображения: линии, кривые, эллипсы, круги, прямоугольники. Картинки формата SVG легко масштабировать, а ещё они быстро загружаются, нет проблем с адаптивностью.

В подборке собрали несколько инструментов, которые помогут разработчику в два клика оптимизировать и конвертировать графику формата SVG.

SVGOMG — оптимизация и очищение SVG от всякого мусора.

SVG to bg — конвертер SVG-иконок в код для использования в CSS. Подробная инструкция прилагается на сайте автора.

URL-encoder для SVG — конвертируем SVG для использования его в качестве background-image, border-image или mask.

Вчера мы рассказали про скидку на курс «Профессиональная вёрстка сайтов». С профессией «Фронтенд-разработчик» всё точно также. Начало обучения — 13 декабря, если записываетесь до 11 октября — получаете профессию по самой выгодной цене.

Узнать подробнее и записаться

Что такое семантическая вёрстка и зачем она нужна

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

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

Всё в статье, узнать

У нас тут вопрос появился))