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 октября — получаете профессию по самой выгодной цене.

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

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

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

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

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

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

Идеи для анимаций по ховеру: подборка с CodePen

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

Танец клавиш
автор: @Numb boi Nate

Анимация изображения
автор: @RomainJeff

Анимация кнопок
автор: @webcrafterscz

Touch ID анимация
автор: @ctcworksg

Анимация логотипа
автор: @Joseph Victory

А чтобы научиться делать также — приходите на курс «CSS-анимации», сейчас его можно пройти со скидкой 30%. Ещё есть пакет «Золотой», в котором три курса: «CSS-анимации», «Алгоритмы и структуры данных» и TypeScript. На этот пакет тоже действует скидка. Вы сможете научиться делать не только анимации, но и полноценно встраивать их в любой пользовательский интерфейс, самостоятельно продумывать логику, чтобы всё работало как надо.

Забрать весь пакет или необходимый курс

Положительные ответы в опросе делают своё дело — мы публикуем отрывок из навыка «Создание семантической разметки по макету».

Читать

17 октября стартует курс «React. Разработка сложных клиентских приложений»

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

На рынке труда его зарплата начинается минимум с 80 000 рублей. Этих денег вполне может хватить, чтобы снять маленькую студию и съехать от родителей или купить билет на самолёт и улететь, куда хочется.

Здесь должна быть красивая картинка со словами «Записывайтесь на курс», но мы скажем чуть иначе. Мы будем рады новым студентам. Дадим все необходимые знания и практику для старта в профессии «React-разработчик».

Для записи кликать сюда