FullStack Alex

Судя по классу rev_slider_wrapper это Revolution Slider:
https://revolution.themepunch.com

У меня 4-ёх летний стаж верстки и 2,5 года профессиональной деятельности как фрилансер (должен каждый месяц по несколько раз продавать свои услуги клиентам).

Технически тест простой. По объёму - эксплаутация наивных чукотских юнош.

Если фирма супер пупер крутая и зарплата как в Silicon Valley - почему бы и нет?

Но если фирма ни чем не особенная (для вас) и даже не известно о точной зарплате - я бы не парился.

Я лично с самого начала моей профессиональной деятельности (то есть 2,5 года назад) имел три личных блога которые сам спрограммировал на основе WordPress и их презентировал если клиенты интересовались моим опытом работы. Позже (1,5 года назад) я за недельку сколотил себе простой но со всякими приколами (gsap анмиация и SPA style) сайт и с тех пор у меня больше не было проблем с доказательством своего опыта.

То есть, лучше сколотить какой нибудь личный проект и презентировать его когда будут интересоваться вашими способностями. А если этого кому то будет не достаточно - «давай до свидания»

Мне статьи и стиль Sarah Drasner нравятся:
https://sarahdrasnerdesign.com/#projects

slides.com/sdrasner/vue-animation1?token=aXKXDj9N
(Пассворд: vue!)

https://github.com/sdras/animating-vue-workshop/bl...

shop.oreilly.com/product/0636920045335.do

в принципе для верстки сайтов svg должен быть первым выбором

но если логотип сделан на основе pixel и имеет очень много разной информации о цветах и формах то тогда никуда от png не денешься.

если же логотип создан как векторная графика, то зачем делать из нее пиксели то есть png? Только если векторная графика обратно же содержит много эффектов (например раскраска на основе сетей) и очень много anchors то прийдётся использовать png, так как размер файла svg будет в этом случае зашкаливать.

помимо viewport можно ещё указать минимальную ширину body и html тэгов:

body, html {
    min-width: 1000px;
}

@media only screen and (min-width:1000px){
        #ikonka{
            display:none;
        }
    }

если знаешь английский то начинай с этих двух:
John Duckett: HTML + CSS и JavaScript + jQuery

обе можно легко найти в гугле в формате пдф:
filetype:pdf john ducket (jQuery javascript OR css html)

если же с английским не очень:
Мэтью Мак-Дональд: HTML5 - недостающее руководство

Дэвид Макфарланд: CSS3 - большая книга

проще всего мне кажется использовать Event Listener

var div1 = document.getElementById("idName");
div1.addEventListener("mouseover", function(){
    document.getElementById("div2").classList.toggle("classDisplayNone");
},false);