Даниил Маслов

Почему каждый второй считает что его возьмут за ручку и проведут в мир IT?

1. Вы все-равно решите что-то самостоятельно
2. Всем остальным в принципе вообще без разницы что вы себе решите
3. Нету понятия быстрее или медленнее - как получится так получится (мы все имеем разную скорость обучения и условия для этого)
4. Делайте то что нравится, а что не нравится вы все-равно бросите ибо от вас толку в таком раскладе будет примерно нисколько

оно? https://codepen.io/SpacemanSpiff007/pen/BzvxZp
https://codepen.io/dimchtz/pen/GBxMod

Если макет один, только для десктопа, то в точках слома.
Если 3, то когда как. Если проект бюджетный, то как макеты нарисованы, такие и точки. Если не бюджетный, то снова в точках слома.

Если на "поиграться", то пофиг у кого брать. Если на проект "вдолгую" - то лучше закладываться на приличного регистратора, который не кинет. IMHO разумеется.

Универсально:
В целом, на собеседовании говорите то, что "желает" услышать работодатель:
1) в свободное время глубоко изучаю *тут_ваш_ЯП*
2) хожу на конференции
3) сутками смотрю вебинары на ютубе для изучения новых технологий и для углубления текущих знаний
и т.д. в том же духе. Откровенно врать ненужно или придумывать. Но факты, которые помогают вам становится лучше

т.е. вещи, которые заставляют работодателя думать, что Ваши умения позволят ему (работодателю) увеличить свою прибыль (или сократить издержки). По хорошему, им наплевать на ваши вкусы и предпочтения. Вы можете дельфинов спасать где-нибудь в Южной Америке, или детей в Африке, но это никак не связано с бизнесом. Они хотят только одно: получение максимальной прибыли. И если ваши знания/умения для этого будут способствовать этому - то возьмут. И совершено неважно кто Вы - главный благотворитель детдома, или главный любитель вечеринок в городе

примеры как "неправильно":
1) "я занимаюсь активно спортом, катаюсь на лыжах, бегаю 10км ежедневно" (не по "теме")
2) "активно отвечаю на тостере/SO" (по большому счету - это им все равно)
3) "развиваю стартапы, помогаю opensource" (значит вы отвлекаетесь на сторонние проекты)
4) "раньше я работал кладовщиком, потом меня осинило, я стал развиваться, читать книжки по ЯП, практиковаться, устроился туда, потом туда. Научился этому и тому. Потом стал работать там..." (это всё "вода". Как Вы преодолели трудности - не интересно, интересно что умеете прямо здесь и сейчас.)

опять же, это не панацея.

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

Из того, что часто может пригодится в вебе

• Паралакс
  
• слайдер
  
• генерацию таблиц из js
  
• сортировку таблиц
  
• общение с сервером
  
• Плеер (аудио/видео)
  
• Работа со временем (momentjs)
  
• Подгрузка постов при скроле
  
• Движение блоков при скроле
  
• Пагинация
  
• Модалка
  
• Взаимодействие с изображениями (фильтр, обрезка, ...)
  
• Кастомные селекты, датапикеры
  
• Табы
  

+ можешь поискать топ сайтов и попробовать повторить интересные штуки из них
+ jQuery
+ фрейморки, например Vue
+ node js

Изображения пихаете в svg, в виде спрайта dreamhelg.ru/2017/02/symbol-svg-sprite-detail-guide
Для каждого контейнера с иконкой пишите свойства

position: absolute;
left: 50%;
margin-left: -100px; /* или другое число. Система координат начинается с центра. Минус это влево. */
pointer-events: none; /* чтобы не перекрывало контент, мешая кликать*/

Чтобы эти иконки не создавали скролл, можете поместить их в отдельный блок, задайте ему размеры (видимой области иконок), сделайте position: absolute и опять же pointer-events: none

100,000 Stars

Проверки:
1. В момент озвучивания стоимости работы, попросите объяснить стоимость расчёта вёрстки, детализировав сам процесс.
Сможет - значит делает сам, нет - значит перепродаёт.
2. Если ответит, что "у меня стоимость часа [такая-то], а сколько это займёт - пока неясно". Сразу отказывайтесь!
3. Вёрстка - всегда пост-оплата или договор (проверяйте только с юристом)!
4. Проверяйте HTML-код на валидность сразу же, как только будет готов пустой каркас ("белый лист").
5. Проверяйте ОБЯЗАТЕЛЬНОЕ! наличие семантической HTML5-разметки (header, nav, article, section, aside, footer, address, main, figure и т.д.).
6. Проверяйте наличие микро-разметки: гугл, яндекс.
7. Все анимации блоков - в отдельном НЕ СЖАТОМ! js-файле!
8. Все формы/калькуляторы/поисковые строки - ТОЛЬКО в HTML: никаких AJAX-ов и валидаций быть не должно до момента установки вёрстки на бэкенд!

Ссылки:
1. Про качество и рейт: здесь
2. Про стоимость вёрстки: здесь
3. Про мотивацию: здесь
4. Про проверку вёрстки и настроек сайта на хостинге: здесь