Статус: Offline

На фоксе! Всегда!
Регистрация: 3.10.20
Сообщений: 3538
|
Цитата (БубльГум66 @ 20.04.2023 - 02:42) | Как-то думалось раньше, что программисты так называются, потому что пишут программы. А программа - это последовательность действий. Если какой-то язык описывает последовательности действий, то пишуший на нём в данный момент разработчик становится программистом. А если не позволяет - то не становится. |
а что ты называешь действием?
разметка данных преобразует их в документ, т.е. выполняет действие.
не решусь определять где заканчивается верстальщик и начинается фулстэк, но сейчас, чтобы поработать с сайтом тебе требуется:
разбираться в разметке и семантике этой разметки, т.е. понимать DOM, знать про пространства имён и то как работают схемы DTD (на этом моменте DIV`вные копипастеры сжали очки)
понимать каким образом работают преобразования, применяемые к структуре документа и его элементам при помощи CSS, уметь применять логические выражения и постоянно просчитывать макет со всеми его границами, отступами, соседями, родителями и детьми, как всё это взаимосвязано и что от кого наследуется и как работают приоритеты наследственности.
тут же учитывать гору возможных событий, как то клики вышкой, нажатия клавиатуры, состояния элементов до, во время и после взаимодействий и как это влияет на другие элементы и документ в целом, следить за тапами и свопами, скролом, изменениями размеров окна и даже просто за движением мыши.
JS - куда ж без него? ага, это тоже на плечах верстальщика, а этом опять тянет DOM и CSS, а чуть глубже и начинается xhr и пр. взаимодействия с бэкендом
а ещё думать о том, как и в какой последовательности всё это должно загружаться в браузер, в какой последовательности отрисовываться и что делать если что-то не подгрузилось или опоздало
и вот, чуть углубился и тебе уже нужно, чтобы сервер иначе реагировал на действия пользователя - упс! ты уже полез в бэкенд, фуллстэк?
* надеюсь, что никто в фуллстэк не пытается пропихнуть ещё и дизайн?
хотя, про дизайн - самому же ещё и вектором приходится заниматься, ибо для "дизайнеров" это слишком сложно обычно, а если и выдают вектор, то это такая простыня, что лучше бы был растр.
там, где верстальщик, делая солнышко, круг или что там ещё, просто напишет радиальный градиент в фон: Код | background:radial-gradient(circle closest-side,#fff 1%,#fff 99%,#000 100%) |
другой верстальщик обрежет углы элементу на 50%: и оба будут правы, а есть ещё третий вариант - скруглить углы двум родственным элементам, но потомка сделать меньше - получится обводка как в первом варианте (но не такая красивая)... третий верстальщик впишет inline-svg: Код | circle cx='50' cy='50' r='50' fill='#000' |
и всё это делается в условном "блокноте", а что сделает дизайнер в данном случае и какие ему инструменты нужны для этого? вернёмся к "программа - это последовательность действий" вот, только вчера писал: Код | label:has(+ input:checked):after |
как тебе такой селектор в CSS? читается он одновременно с двух сторон выражения: описание псевдоэлемента элемента label (не сам label) "::after", при условии, что непосредственно за ним следует элемент input и у элемента input атрибут checked равен TRUE т.е. если инпуту (в данном случае "checkbox") поставили галочку (мы учитываем тут действие пользователя или его бездействие, а заодно и повторное действие), то описание оформления будет применено к псевдоэлементу (сгенерированному через CSS) следующему за элементом label (тогда как непосредственно в разметке сразу за label следует input) и ведь это далеко не самая сложная конструкция ну вот хз. хороший верстальщик, могёщий ещё и в JS иногда может быть поценнее PHP-миддла и уж точно он будет ценнее толпы питонщиков прослушавших ускоренный курс за 50000₽
|