Robert-critical-thoughts

Какую книгу посоветуете к прочтению по css или начать изучение js?

Отложить в сторону книги, взять 3 дизайна в psd - лендинг (одностраничный сайт), корпоративный(многостраничный, с более сложной структурой), интернет-магазин - начать с лендинга и дальше по увеличению:

1. Сверстать ручками, без использования бутстрапа и других библиотек(с учетом семантики, доступности, адаптивности под все экраны, прикрутить несложную анимацию - карусели, popup, разобраться в анимации с помощью css и js(что можно сделать с помощью css, а где лучше написать на js) - в чем профит - (поможет разобраться как работает css без библиотек и фреймворков, начнет развиваться логика построения хороших интерфейсов, как перестраиваются блоки, дизайнерские ошибки, свои ошибки).

2. После первого-второго пет проекта - используете все элементы автоматизации - препроцессоры, сборщики, библиотеки которые вы точно не напишите сами, и пишите интерфейс с нуля в 2-5 раз быстрее - в чем профит - зная, что под капотом, не задавая глупых вопросов, почему иногда проще написать сетку с нуля, чем использовать сетку бутстрапа(в случае если дизайнер придумал "СУПЕР-МЕГО-САЙТ на 100000000 шекелей, не заморачивась о сетке и не думая о тех людях, которые будут верстать его шедевр), познакомитесь с gulp\grunt\pug,sass\scss\less и еще кучи прикладных инструментов.

3. Посадить его на любую из популярных CMS(для лендинга\корпоративного - WP, Modx, Joomla, Drupal, для магазина (WP, Bitrix, OpenCart) - в чем профит - поймете что нужно клиенту на рынке(не в каждую дырку заталкивается SPA(очень много бизнеса работает на стандартных инструментах), как организована работа контент менеджеров, которые наполняют сайты, оптимизация, плюсы и минусы)

4. Проделав все этапы - у вас есть хорошая база(отличный html и css, вы знаете что такое семантика, кроссбраузерность, адаптивность, знаете базу js, jquery и пишите простые скрипты без подключения библиотеки в 100кб, для того что бы вывести в меню "гамбургер" на мобилках.
Дальше вы решаете - либо делаете упор на JS(и углубляетесь в React\Vue, Angular) участвуя в проектах по разработке SPA и становитесь после года тяжкой работы джуном), либо делаете упор на PHP(CMS, Laravel, Symfony и тд и тп) и так же через год тяжкой работы становитесь джуном.

5. Через 3-4 месяца пытаетесь устроится на работу, особо не заморачиваясь на деньгах.

Если мы говорим о глобальном изучении программирования, не залезая в дебри ЯП, то - знания которые никогда не обесценятся и будут вам только на руку:
1. Логическое мышление: книги по логике\алгоритмы
2. Абстрактное мышление.
3. Основной фундамент: Логика, теория множеств, дискретная математика
Система счисления, алгоритмы, структуры данных
Парадигмы: Декларативное, имеративное, логическое программирование
Железо: Основная архитектура компьютера
Софт: Сети, протоколы, ОС, компиляторы\интерпретаторы

Все остальное добирается в процессе работы, или копания глубже вашей среды.
Ну и конечно, как сказали выше, английский - святая святых, 70% информации(если не больше) - в англ. сегменте веба\книг

Не проще ли, просто ходить на собесы и просить зп на уровне "сходить 2 раза в ашан и умереть с голоду", а там и глядишь, если проявите себя, возьмут в штат.

Недавно знакомый (23 года), сделал пару пет проектов - один - сервис помощи в решении математики(пишешь задачу, тебе "оператор" пишет решение(3 вопроса бесплатно, потом за деньги), второй пет проект - поисковик книжек в формате epub. На 3х собесах его послали, сказали что слишком "мал", следующие 2 собеса он выбирал между большой компанией\маленькой зп, маленькой компанией\хорошей зп.

Итог: не бойтесь ходить на собеседования, как по мне, на работе быстрее постигнуть дзен, чем на недокурсах.

position: relative; у body
position: absolute; top: 0px; right: 0; у модального окна

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

Советую прочитать книгу Кит Грант: CSS для профи - там отлично описываются принципы каскадности, которые нужны. Т.к на большинство сайтов без слез нельзя смотреть. и плюс БЭМ ответом выше.

У меня нет высшего образования и совсем нет желания его получать. Вообще и совсем.

В большинстве больших компаний, есть дурацкая система отбора персонала по критериям наличия высшего образования, обычно эти позиции пишут на уровне поиска работы мидла\сеньора(руководителя). Т.к как работа уже связана с архитектурой и computer since. Сам получил вышку заочно, знал всю программу вуза(нет, но она была старая и не нужна), т.к до этого учился в колледже, и ничего нового там для себя не подчерпнул. Но корочка пригодилась в поиске работы, когда искал руководящую должность.

Возможно вы посоветуете что совсем не пригодится если я буду идти именно в web?

Web понятие растяжимое, работа с UI\UX, работа с данными, архитектура приложений, и еще много чего, всё это входит в веб. Высшее образование никак не поможет вам влиться в веб, т.к как обычно курсы вышки устарели еще в 1999 году, и никаких JS, HTML, CSS на достойном уровне вам на блюде не подадут, но вышка имеет и свои плюсы - математика работает напрямую с вашим мозгов, т.к как наука не терпящая идиотизма и оперирующая истинной. Информатика даст вам ту базу, которая нужна норм программисту, как раз те алгоритмы и паттеры, которые нужны если вы хотите расти.

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

https://www.minifier.org/ ///// Сайт
Gulp uglify //// Научиться пользоваться сборщиком проекта, т.к тру
Click

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

Как

Как обычно поступают в таких случаях?

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

Переправлять долго, суть такая:
Дополнительная обертка для label и input с flex-direction: column; (что бы выстроились по вертикали)
Дополнительная обертка для textarea и button, тоже самое.

И для сообщения существует свой тэг, не input type="text", а textarea
Label не привязывают к 5 input, обычно label нужен что бы связать его с input по id => for, что бы при клике по label ставился чекпоинт(или курсор), на тот инпут к которому привязан label