Если вы хотите делать крутые анимации на чистом CSS, как на гифках, то самое время пройти тренажёр «Динамические эффекты».

Это тренажёр для более продвинутых студентов, понимающих основы HTML и CSS. В нём вы научитесь оживлять элементы интерфейса с помощью анимации и трансформации.

Тренажёр состоит из двух частей — «Плавные переходы» и «Анимация». Всего в них 60 заданий. В первой части вы изучите, как плавно менять CSS-свойства, создадите красивые и функциональные элементы форм — радиокнопки, чекбоксы, переключатели и прочие.

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

Тренажёр можно пройти по ссылке.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Для всех, кто задумывается о старте в профессии программиста, но пока не уверен в своих силах, у нас есть бесплатный тренажёр «Знакомство с веб-разработкой». Тренажёр состоит из трёх частей, посвящённых основам HTML и CSS, JavaScript и PHP.

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

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Грядёт битва…

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

С 1 по 7 января участники будут бороться за легендарный чип Academy Corporation, который открывает бесплатное обучение профессии “Фронтенд-разработчик”.

Неважно, есть ли у вас опыт в веб-разработке. Даже если вы никогда не писали код, но очень хотите попробовать, город Скриптомск даст вам эту возможность.Присоединиться к союзникам и проходить мини-испытания можно будет уже с 21 декабря. Решайте задачи по HTML, CSS и JavaScript, сражайтесь с сильнейшими боссами из Academy Corporation и соперниками из других банд. Никаких багов: награду способен получить каждый! Заработанные киберкоины до 31 января можно будет обменять на скидки до 100% на подписку, до 15% — на профессиональные курсы, до 90% — на навыки и, конечно, бесплатное участие в профессии.

Если вы готовы показать себя в безумном мире HTMLPUNK и изменить свою жизнь в реальности — начинайте осваивать Скриптомск уже сейчас!

Вступить в битву

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

29-го декабря в 14:00 на лайве вас ждёт увлекательная беседа Лёши Симоненко — директора по развитию HTML Academy и Ромы Романова — CEO в GoSystems, руководителя отдела Discovery R&D Wargaming и куратора школы Икра.

На лайве обсудим:

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

Запись на лайв

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

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

Тренажёр состоит из трёх частей, посвящённых основам HTML и CSS, JavaScript и PHP.

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

Тренажёр отлично подходит для того, чтобы понять, подходит ли вам сфера веб-разработки. А разнообразие тем поможет вам определиться с направлением — фронтенд или бэкенд.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Для тех, кто уже работает с VS Code, мы, в HTML Academy, сделали подборку плагинов, которые ускорят работу и сделают всё красивеньким. А также рассказали, в чём фишка каждого из них. А если захотите сразу попробовать — прямо из статьи можете скачать хоть все.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Интерфейсы должны быть красивыми! И для этого в CSS море возможностей.

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

У новичков может возникнуть вопрос — как же сделать что-то похожее? Ответ содержится в тренажёре «Декоративные эффекты».

Тренажёр рассчитан на средний уровень подготовки и состоит из 6 частей, посвящённых созданию интересных интерфейсов с помощью CSS.

Вы узнаете о том, как правильно позиционировать декоративные элементы, о том, что такое двумерные трансформации объектов, научитесь работать с тенями и линейными градиентами в CSS. Последние две части посвящены работе над проектом «Кекстаграм», где вы станете мастерами в СSS-фильтрах и поработаете на JavaScript.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Людям свойственно сомневаться. Особенно перед чем-то неизведанным в начале пути. Мы знаем, что среди вас есть много новичков, которые хотят стать веб-разработчиками, но не знают, с чего начать, и не понимают, надо ли это им на самом деле.

Специально по такому поводу в статье мы постарались ответить на самые популярные вопросы и подготовили большой план развития фронтендера в PDF.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Людям свойственно сомневаться. Особенно перед чем-то неизведанным в начале пути. Мы знаем, что среди вас есть много новичков, которые хотят стать веб-разработчиками, но не знают, с чего начать, и не понимают, надо ли это им на самом деле.

Специально по такому поводу в статье мы постарались ответить на самые популярные вопросы и подготовили большой план развития фронтендера в PDF.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Хотите получать полезные статьи о веб-разработке, узнавать о лайфхаки для продуктивного обучения, быть в курсе акций и скидок HTML Academy — подписывайтесь на их телеграм-канал.

Бонусом — чат, в котором можно задать вопрос коллегам, обсудить технологии, попросить помощи, если что-то не получается.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.