x
 
Евгений
3 августа 2017
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Привет, Руст!

Я хочу научиться верстать, но не знаю с чего начать: в голове путаница от разнообразия технологий, информации и всевозможных курсов. На что следует в первую очередь обратить внимание? Какие технологии важнее? Что ещё не устарело?

(Продолжение)


В прошлом совете я рассказал, с чего начать. Сегодня расскажу, на что обратить внимание, когда рука уже набита.

Продолжайте изучать технологии

Базовые знания ХТМЛ и ЦСС позволят верстать простые сайты. Но чтобы сделать всплывающее окно, понадобится Яваскрипт, а чтобы сделать его появление плавным, придётся углубиться в ЦСС и понять, как работают анимации.

Интересуйтесь смежными сферами

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

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

Базовый курс по Яваскрипту от КодСкул

Современный учебник Javascript Ильи Кантора

О Канвасе и СВГ на MDN

Знание того, как работает браузер, позволит подготовить страницу так, чтобы она быстро грузилась даже при слабом интернете.

Хороший верстальщик также знает, как работают сайты, отличает ДНС от ХТТП, кегль от интерлиньяжа, и понимает, для чего нужен неразрывный пробел нулевой ширины.

Следите за развитием технологий

Фундаментальная статья о процессе визуализации в браузере

Веб развивается быстро. С новыми технологиями можно эффективнее делать свою работу. Несколько лет назад для скругления углов у блока верстальщику приходилось создавать сложную структуру из вложенных элементов, вручную вырезать каждый уголок, склеивать их специальным образом, а потом расставлять их вручную на странице. Сегодня это делается одним ЦСС-свойством border-radius.

Сергей Чикуёнок про скругление углов в 2008

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

Дебаг и автоматизация

Новостной подкаст Веб-стандарты

Список митапов по городам и датам

Самый важный инструмент веб-разработчика — Chrome DevTools. С помощью него можно поэкспериментировать с вёрсткой прямо в браузере, посмотреть, что происходит на странице, какие стили применились, разобраться, почему тормозит сайт, куда делась пропавшая картинка.

Автоматизировать рутинную работу можно с помощью сборщика. Например, перед тем, как выложить сайт для пользователей, в нём следует оптимизировать картинки и другие файлы, чтобы уменьшить их вес. Вместо того, чтобы делать это вручную, можно воспользоваться сборщиком. Он будет делать это автоматически перед отправкой файлов на сервер.

Курс о DevTools на КодСкул

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

Сверяйтесь с компасом

Вёрстка — это крутой инструмент, но сам по себе он приносит меньше пользы, чем в комбинации с какими-то смежными знаниями. Если интересует программирование, поднажмите на Яваскрипт и другие языки. Если интересует дизайн, то можно сместиться туда, обладая лучшим инструментом прототипирования — вёрсткой.

Успехов!

Базовый курс о Гите на Гитхабе
P. S. Это был совет о веб-разработке. Хотите знать всё о коде, тестах, фронтенд-разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.
Вёрстка и прототипирование — дисциплина Школы дизайнеров. Занятия с 27 августа. Мы напишем вам, когда будет открыт набор.
 

Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.

Что делать с версткой под ИЕ? Как бороться с багами? (Часть третья: логи) Не преступление использовать Бутстрап? 2 Как бороться с багами? (Часть вторая: отслеживание ошибок)




Недавно всплыло

Читаю книгу Джима Кемпа «Сначала скажите „Нет“». Что значат слова: «Никогда не завершайте сделку»? 9 2 В таких разборах сразу видно, как теорию перекладывать на практику. Делайте, пожалуйста, побольше видео! :-) 1 3