Александр Соколов

1. Проверка соответствия макету.
   Допускается расхождение до 5px для текста. Разрешены и даже приветствуются правки размеров и расположения криво нарисованных блоков (разница размерах в 1-2px на разных страницах).
   В качестве инструмента можно использовать Pixel Perfect (см. статью).
   
   
2. Кроссбраузерность. Корректное отображение в браузерах, указанных в задаче на тестирование.
   
3. Проверка на всех необходимых разрешениях
   Всегда следует проверять, как страница реагирует на уменьшение масштаба, таким образом, эмулируя просмотр на устройстве с большим экраном.
   Особенно это актуально, если на странице есть фоновая картинка, которая должна быть на всю область экрана. Это позволяет проверить, что она не вставлена с обрубками.
   
   
4. Проверка на всех необходимых устройствах.
   Даже сайты, не адаптированные под мобильное устройство, должны на нем более-менее корректно смотреться. На мобильных устройствах следует проверять хотя бы в двух браузерах.
   Интересный сервис: webmark.com.ua/mobile
   Можно средствами браузера.
   Адаптивная верстка - рекомендую бутстрап, getbootstrap.com
   
   
5. Отсутствие js-ошибок. В консоли браузера не должно выдаваться ошибок.
   
6. Валидация html - validator.w3.org/. Наличие предупреждений (Warning) при проверки возможно. Ошибок не должно быть.
   
7. Валидация css.
   
8. Корректная работа при вбивании реального текста, надёжность вёрстки.
   
9. Оптимизация скорости загрузки.
   https://gtmetrix.com/
   https://developers.google.com/speed/pagespeed/insights/
   
   
10. Наличие Win/Mac/Linux-аналогов шрифтов. При использовании нестандартных шрифтов (определить подгрузку таких шрифтов - также в консоли на закладке Network), проверить, что в случае их незагрузки сайт нормально смотрится.
    Как эмулировать их незагрузку? Например, если шрифт грузится с google fonts, закрыть к нему доступ через файл hosts. Сайт будет смотреться иначе, но ничего не должно слишком сильно разваливаться.
    
    
11. Label и input/select должны быть слинкованы
    
12. Проверка корректности заполнения форм на JS. В верстке формы должны валидироваться: обязательные поля подсвечиваться, поле email проверяться на корректность и т.п. Поля для ввода телефона должны иметь маску (если телефон, скорее всего, российский), возможно маски на другие поля (дата, время).
    
    
13. Переключение между элементами форм по кнопке tab
    
14. Лого на внутренних страницах должно вести на главную страницу (должно быть ссылкой)
    
15. Интерактивность соответствующих элементов - реакция на наведение и нажатие
    
16. Skype-плагин не должен ломать вёрстку
    
17. Ресайз textarea не должен ломать вёрстку
    
18. Ссылки на сторонние сайты должны быть с target=”_blank” (открываться в новой вкладке)
    
19. Проверка орфографии, в том числе автоматизированными средствами (Word'ом)
    

• Emmet - быстрый кодинг html и сss
  
• less - переменные для шрифтов, вложенность селекторов или бэм-нейминг.
  
• flexbox - для сетки, расположения элементов и респонсива.
  
• autoprefixer - добавление css-префиксов
  
• Imagemin-pngquant - для сжатия картинок
  
• gulp - для сборки вышеперечисленного
  
• slick - карусели и слайдеры
  
• remodal - модалки
  

• переопределить переменные
  
• подключить нужные js-скипты из коробки
  
• подключить нужные less-стили
  
• собрать это всё галпом
  

анимацией на css, пока без адаптивности и кроссбраузерности легко

Свободное время, от 6 до 16 часов в день

Желаемые технологии: html, css, javascript, java (андроид), php

Оборудование: отличный ноутбук с i7 и 8 гб памяти для работы

До декабря верстать по 1-2 макета в день, чтобы набить руку

До июля учить php, попутно делая сложные проекты и кидая заявки на upwork