Aleksandr

https://www.youtube.com/channel/UC7enHM_oJRYJOnyJr...
https://www.youtube.com/channel/UCZeU17nbVfzczAkJV...
https://www.youtube.com/channel/UCHHw70vvbfyM6xJQo...
https://www.youtube.com/channel/UCIIt69f5D44s2cdb9...
tohtml.it/post/74511047203/markup-process

По нему скучаю искренне и иногда сижу на подоконнику с лате и смотрю на капли дождя, стекающие по стеклу:
https://www.youtube.com/channel/UCdnFX7mzgup9moXG2...
Это для общего развития:

https://stepic.org/course/%D0%90%D0%BD%D0%B0%D0%BB...

Похожий вопрос:
Какие задачи нужно уметь выполнять на JS начинающему?

Ваша библия:
https://developer.mozilla.org
Можно докинуть еще:
webref.ru
htmlbook.ru
Просто случайная ссыль
https://docs.google.com/document/d/1kehaJKKRo7zxYp...
Еще одна:
https://github.com/ihorzenich/html5checklist
Еще какая то штука
https://github.com/dypsilon/frontend-dev-bookmarks
Лучшие практики тостеровцев
Как вы начинаете вёрстку сайта?
Инструменты
fredsarmento.me/frontend-tools

После пары часов выпускания пара из ушей, включить на всю громкость и хоть как то отвлечься от этой жизни
https://www.youtube.com/channel/UCY0C6A3t3RTUN3BB6...

На freecodecamp.com неплохо алгоритмы можно потренить

Ну и конечно
learn.javascript.ru

PS
еще это
Какие ресурсы с новостями по web-разработки вы знаете?

PSPS
Не отвечаю за качество контента под ссылками, может кое что уже outdated.

https://vk.com/video79753760_171233585

Удачи, брат

https://jsfiddle.net/mvuuwmw6/

parseInt(s.replace(/\D/g, ''));

webmap-blog.ru/yandex-maps/risuem-mnogougolnik-na-...

https://tech.yandex.ru/maps/doc/jsapi/1.x/ref/refe...

gulp-posthtml + плагин к нему posthtml-include
В дальнейшем захочется большего, при таком подходе можно добавить другие плагины.
Либо используйте gulp-jade или gulp-handlebars.
У меня это тоже началось с инклюдов, потом захотелось отделить представление от данных, циклы, операторы ветвления, переменные и тд.
Сейчас юзаю jade и такой велосипед

HTML, CSS, JavaScript, HTML5 Canvas, AJAX

#input::-webkit-input-placeholder::first-letter {color:#c0392b;}
#input::-moz-placeholder::first-letter          {color:#c0392b;}/* Firefox 19+ */
#input:-moz-placeholder::first-letter           {color:#c0392b;}/* Firefox 18- */
#input:-ms-input-placeholder::first-letter      {color:#c0392b;}

https://jsfiddle.net/mwnubdv0/

https://jsfiddle.net/s9znmeob/1/

Псевдоэлемент + transform: rotate(). Нижнюю часть можно просто бордером, но лучше тоже псевдоэлементом.

C overflow:hidden; не получится так сделать, потому что он обрезает содержимое внутри границы (не зависит от box-sizing)

Как вариант, если overflow: hidden обязательно, можно убрать границу у родительского элемента и сымитировать ее box-shadow. Если overflow:hidden необязательно, (или напишите, почему оно обязательно, мб есть еще варианты), то без него все делается просто.

var sumProd = parseInt(costProd) * parseInt(valueProd);

www.w3schools.com/jsref/jsref_parseint.asp

Скорее всего проблема с установкой npm/node, так как пакет не может испортить npm/node. Вы пробовали устанавливать пакет без флага -g? Если целью является глобальная установка пакетов, то попробуйте команду sudo npm i -g ....