Как можно эффективнее учиться верстке на Хекслете

Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Читать в полной версии →

Рассуждаю о том, насколько сложна профессия «Верстальщик» на Хекслете и делюсь советами по эффективной учебе верстке.

Профессия «Верстальщик» проще, чем другие профессии на Хекслете. Взять к примеру, профессию «Фронтенд-разработчик», с которой я сам когда-то стартовал в 2020 году, по ощущениям — это небо и земля. Если во второй профессии я начал буксовать уже с бесплатного курса «Введение в программирование», который входит в нее, то с «Верстальщиком» все проходило достаточно ровно и с минимумом напрягов.

Были, конечно, свои нюансы и тонкости, но они несопоставимы с зубодробительными задачками в профессиях посложнее. Мне кажется, если бы я в 2020 году начал обучение на Хекслете именно с профессии «Верстальщик», то у меня все пошло бы куда более плавно и равномерно, нежели идет сейчас. Ну да ладно — что было, то было.

Нюансов в прохождении профессии «Верстальщик» не так уж и много, но они все же есть. Многие из них, кстати, относятся и ко всем остальным профессиям, а не только к этой. Поделюсь несколькими советами, которые помогут вам эффективнее учиться на верстальщика.

Научитесь читать вывод тестов

Как я заметил по вопросам в комментариях к упражнениям, многие не понимают, что значит сообщение об ошибке после того, как тесты «упали». Потратьте немного времени и разберитесь с этим нюансом. Впоследствии это сэкономит вам немало времени.

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

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

У меня не раз так бывало, что какой-то отступ или css-правило я указывал совсем не для того элемента (хотя думал, что применяю к тому), про который говорилось в описании к упражнению.

Исправляйте ошибки в соответствии со снепшотом преподавателя

Задания с веб-доступом, в которых нужно что-либо сверстать, насколько я понял, тестируются путем сравнения снепшотов. Изображение c эталонной версткой преподавателя сравнивается со снепшотом, сделанным с вашей верстки. Так вот, если вы видите большое несоответствие с вашей версией, то начните исправлять неточности сверху, пока тесты не примут ваше решение. Часто бывает так, что достаточно изменить отступ или размер шрифта в одном месте, и все остальные неточности устранятся сами-собой за счет сдвига всего макета.