Блог



Как создавать интересные интерфейсы с помощью 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.

Паблик VK

В нашем паблике регулярно появляются новые советы, рецепты, полезные библиотеки и код CSS. Подписывайтесь, если ещё этого почему-то не сделали!

Паблик

Обзор редакторов кода

Программисты проводят много времени за написанием и отладкой кода. Иногда в процессе разработки допускаются ошибки, которые впоследствии тяжело найти. Исправить эти ошибки помогают современные редакторы.

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

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

HTML Academy — школа веб-разработки — запускает бесплатный марафон по вёрстке

За четыре недели вы разберётесь в основах HTML, CSS и JavaScript, сверстаете свой первый макет, попробуете его оживить и выложите в интернет. Старт — 21 сентября!

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

Среди дошедших до конца будет разыграно бесплатное участие в курсе «HTML и CSS. Профессиональная вёрстка сайтов», а все участники получат скидки на программы профессий и профессиональные курсы.

Когда и зачем использовать jQuery

jQuery уже не нужен и вреден. Зачем, если всё уже есть в чистом JavaScript?

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

Когда jQuery еще уместна? Но нужно ли? Разбираем в статье.

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

История и возможности DOCTYPE. Разбираемся в вариантах применения

DOCTYPE чем-то похож на заголовок для статьи. Он пишется в начале HTML-документа. Если его не будет, то браузер может отобразить вашу страницу в неожиданном виде.

Читайте в статье, из чего состоит DOCTYPE, и как его использовать правильно.

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

Страницы

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.