WebDev

Вытащил из файла с бутстраповскими стилями все стили для тултипа и скипировал в компонент. Работает.

Вертел я такие задания при устройстве на работу.
Однажды тоже устраиваясь в "крутую" контору прислали большое задание. Все выходные убил на него. Потом еще две недели мурыжили собеседованиями и в итоге не взяли.
Я с тех пор никогда не соглашаюсь на тестовые задания, которые займут больше получаса моего времени.
Объемные задания должны оплачиваться. Если они очень требовательно отбирают сотрудников, то сначала надо дать простое задание/прособеседовать и уже если человек их устраивает, давать объемное задание и платить.

UPD
Не слушайте, пожалуйста, бред об опыте и пользе для вас. Из таких "будущих хороших специалистов" потом веревки вьют, типа "поработай по вечерам, это ж опыт для тебя!" или "давай ты теперь и по субботам выходить будешь, а мы тебя за это серьёром называть будем!". Очень работает с наивными молодыми людьми.
Вы поймите, что все эти разговоры про опыт и пользу для вас - это уловки с целью сэкономить и вас обмануть. Всем плевать на ваш опыт, им нужно денег меньше вам заплатить и все.
Огромное тестовое задание - это неуважение к кандидаду.
Давай представим обратную ситуацию: я прихожу к потенциальному работодателю и говорю: "Давайте я у вас тут недельку посижу без каких-либо обязательств, а вы мне зарплату платите. А потом посмотрим, может быть останусь, а может уйду". Нормально? Ситуация выглядит именно так, потому что работодатель не делает одолжения принимая на работу, он "покупает" ваше время и ваш опыт и все.

$('[style="opacity: 0"]');
Но это не комильфо. Лучше классы/атрибуты.

Это все в пределах конкретной компании ведь. Тимлид в конторке по разработке сайтов != тимлид большой международной компании. В целом примерно так:
Джуниор не может сам полностью выполнять таски, ему нужны советы и контроль.
Мидл может сам выполнять таски без контроля и советов, кроме исключительных случаев.
Сеньор - тот, на ком все держится и к кому все обращаются.
Тимлид может быть мидлом или даже джуном в другой компании.
Что конкретно нужно знать вам никто не скажет, да и всего знать невозможно. Если речь идет именно о каких-то технологиях, то это не важно, важно уметь находить решения, а не знать их наизусть.
И еще, лучше быть крутым джуниором/мидлом, чем хреновым тимлидом. Очень смешно смотреть, как человек с двумя годами опыта гордо рассказывает всем, что он тимлид. Этим любят пользоваться хитрые начальники, типа: "Давай ка мы тебя тимлидом называть будем, а ты поработай сверхурочно и по выходным, ты ведь теперь сеньор-помидор!", а молодежь ведется.

Самый эффективный способ научиться - пойди работать. Устройтесь джуниором, пусть вас учат. Я перед тем как на первую работу пойти пол года читал/смотрел/пытался учиться, а как на работу пришел за месяц узнал больше, чем за эти пол года.
+ когда вы учитесь сами, высока вероятность пойти по неверному пути/застрять на чем-то/что-то неправильно понять. Саморазвитие - это хорошо, но оно должно быть под чьим-то контроллем. То есть вам будут говорить что и где читать, и вы должны это делать.

Я добавляю версию /style.css?v=2, и меняю ее каждый раз при изменении файла, рандомное число, как советует IceJOKER , ставить наверное все-таки не надо, так как файл перестанет кэшироваться браузером.

Не нужен вам if-else

<div class="switch">
<?php $checked = $item['value'] == 0 ? '' : 'checked'  ?>
<input type="checkbox"  name="<?php echo $item['eng_name']; ?>" value="<?php echo $item['value']; ?>" <?= $checked ?>>
 <label ></label>
 </div>

У каждой социальной сети после авторизации есть уникальный id. Его нужно поместить в таблицу с пользователями. Также записываем в отдельное поле название соц сети. У меня, например, это поля social_id и provider.

getbootstrap.com/javascript/#scrollspy

Если стили поменять то лучше toggleClass(), если какое то действие, то вешайте событие, и каждый раз устанавливайте какой-нибудь data атрибут, и каждый раз при событии проверяйте его значение, на основании которого и делайте какое-то действие.
Например:

$('a').on('click', function(){
  if ($(this).attr('data-toggle')) {
     console.log('Второй клик');
    $(this).removeAttr('data-toggle');
  } else {
     console.log('Первый клик');
     $(this).attr('data-toggle', 1);
  }

  
});

Когда я решил попробовать себя в этой сфере, я накидал себе план обучения. Что то типа html > css > js > php. Ну разумеется для начала общие сведения обо всем этом. Так как вообще не понимал что и для чего. Потом много смотрел видео уроков и сам тренеровался. Научился делать (как мне тогда казалось) интернет магазин и пошел устраиваться на работу. Взяли стажером и оказалось что я очень мало знаю. Мало из того что я учил мне пригодилось. На практике все оказалось немного иначе. Я проработал там пол года, затем ушел в другую компанию (более крупную) с мыслью "ну теперь то я кое что могу). И придя на новое место снова оказалось что я совсем новичок. так как инструменты которые тут использовались были другими. Я менял еще несколько мест, каждый раз находя более профессиональный коллектив. И каждый раз узнавал много нового. Я к тому что самый лучший способ научиться делать хорошо - работать с теми, кто лучше вас. Это конечно может быть сложно, но это будет в десятки раз продуктивнее, чем развиваться самому.

В процентах от ширины окна?
Тогда
var window_width = $(window).width();
var block_width = $('block').width();
var percent_width = block_width / window_width * 100;

if (percent_width <= 30)
блок красный
else if (percent_width > 30 || percent_width <= 60)
блок желтый
else
блок зеленый

Как то так, если я правильно понял