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

Хотите получать полезные статьи о веб-разработке, узнавать о лайфхаки для продуктивного обучения, быть в курсе акций и скидок 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.

Выбираем графический редактор. Фотошоп или Фигма?

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

Есть много графических редакторов, и как из них выбрать непонятно. Мы взяли две популярные программы — Photoshop и Figma — и сравнили их в статье.

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

Как правильно написать alt-текст

Alt — обязательный атрибут тега <img>. Это альтернативное описание для изображений, которые не видят пользователи:

  • из-за медленного соединения;
  • из-за неправильного пути или имени файла в атрибуте src;
  • так как пользуются скринридерами.

Разбираемся, на примерах, в блоге HTML Academy, как правильно писать альтернативное описание, и в каких ситуациях alt-текст не нужен.

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

Как сделать график на Canvas

Canvas — чистый холст, на котором можно нарисовать что угодно с помощью JavaScript. В HTML Academy подготовили классный туториал о том, как нарисовать интерактивный график. Берите на вооружение и научитесь пользоваться полезной технологией.

Ещё у HTML Academy есть рассылка — одно письмо в неделю с полезными статьями по вёрстке и программированию.

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