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

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

В больших компаниях каждым пунктом из этой статьи могут заниматься целые отделы, сотрудники которых досконально проверяют каждую мелочь — руками или автоматически. Но представим, что сейчас под рукой нет 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.