Что нужно знать верстальщику?

Question

[Евгения Шутова]

Здравствуйте. Я начинающий верстальщик, знаю html и css. Сама пробовала верстать простые макеты, верстала Notepad++. Больше ничего не знаю, а хотелось бы работать в этой сфере. Скажите, пожалуйста, подробный алгоритм вёрстки, чтобы страница правильно работала в браузере? Какими должен владеть знаниями верстальщик?
Какие нужны инструменты для быстрой вёрстки?

Comments

[5artm]

Очень рекомендую кроме html и css еще bootstrap (библиотека для css, которая сильно облегчает работу), а работать удобнее в редакторе atom. Еще хорошо знать jQuery, это иногда необходимо (например, плавное перелистывание страницы вниз). Попробуйте так же использовать какую-нибудь CMS. Кстати, необязательно брать какие-то платные курсы и т.д., я всему научился бесплатно (в интернете).

[Евгения Шутова]

Forensy, Я, наверно, написала не совсем точно, ошибка, но я не "пробовала"верстать, а по-настоящему верстала и CSS, HTML знаю хорошо. Практики у меня очень мало, только 3 макета. Только у меня проблема, настоящих макетов не могу найти, чтобы были не левые. Подскажите, пожалуйста, сайт с хорошими макетами

Answer 1

[Armando]

Начинайте изучение с курсов html academy, по ходу дела вам все станет понятно самостоятельно.

Answer 2

[Максим Тимофеев]

Какими должен владеть знаниями верстальщик?

как минимум: html и css на достаточно хорошем уровне + хотя бы минимально js и/или jquery
Тут еще куча не обязательных для новичка, но желательных для плодотворной работы знаний: спрайты, svg, framework-и, media запросы, flex, понимание как работает динамический web сайт в целом, какие бывают cms и еще два вагончика технологий
Сюда же опыт работы с разными js плагинами можно добавить. Это приходит с опытом, Вы обрастете кучей знаний api разных слайдеров (типа slick, owl и т.д.), разных построителей графиков, библиотек для работы с canvas и svg (типа konvajs, threejs и т.д.), всяких select2 и т.д. Но все это не сразу, постепенно. Но чем больше опыт, тем быстрее Вы будете работать, тем меньше велосипедов делать и тем дороже стоить.

Какие нужны инструменты для быстрой вёрстки?

framework-и, сборщики, препроцессоры, нормальное IDE

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

Что бы страница правильно работала, надо ее правильно и кроссбраузерно сверстать. Какой тут может быть "алгоритм"?

Answer 3

[coffeehoock]

Нужно знать не алгоритмы а подходы , типа bem , тоесть восприятия элементов и блоков на странице как отдельных компонентов , ну ещё в чем разница блочных и строчных элементов , и что такое flex контейнер и фреймворк bootstrap 4 .
А из инструментов рекомендую phpstorm, или visual code.
И конечно же gulp и обязательно его плагин autoprefixer и sass

Comments

[sim3x]

Аутопрефиксер не нужен если нет требования поддерживать ие11-