Как создавать интересные интерфейсы с помощью CSS. Учимся на тренажёре

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

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

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

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

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

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

Как стать веб-разработчиком, если вы сомневаетесь

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

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

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

Как стать веб-разработчиком, если вы сомневаетесь

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

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

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

Полезный телеграм-канал для веб-разработчиков

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

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

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

12 полезных книг по веб-разработке

Делимся подборкой книг, которая пригодится любому программисту (но особенно веб–разработчику) — в ней двенадцать книг, среди которых серия «Вы не знаете JavaScript», книга с носорогом, «Чистый код» и другая классика о веб-разработке.

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

Как найти работу. 6 советов для джуна

Как выбрать первую компанию, рассказать о себе и что подготовить к собеседованию начинающему разработчику?

Поговорили с Натальей Ёркиной, тимлидом компании Ostrovok.ru, о том, что должен знать начинающий фронтенд-разработчик, чтобы быть востребованным.

Подробнее читайте в статье.

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

«Во всём виноват компьютер» и еще 5 ошибок при обучении программированию

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

Подготовили руководство о том, как не совершать ошибок в процессе обучения программированию.

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

Как протестировать сайт. Чеклист для новичков

Составили чек-лист на случай, если вам понадобится проверить работу сайта перед запуском, а тестировщика рядом не будет.

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

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

Софт для программиста на каждый день

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

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

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

7 мифов о программировании

Программирование — большой мир, в который страшно войти со стороны. В частности из-за этого программирование, как и любая профессия, давно обросло мифами и легендами.

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

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