Hi! I'm Ivan, a frontend developer. The motto in life: I see a goal - I go to the goal and no matter how far it is.

Based in Soligorsk & Belarus

S

n

a

K

i

s

o

ABOU  ME

I am 25 years old, until recently I worked at a factory, but after trying myself in web development, I realized that it was necessary to move in this direction.

EUCATION

From education, only self-study and paid courses (insert)

HBBY

At the moment, this is my hobby, and Dota 2 and manga are waiting for me in the breaks

LNGUAGES

Russian

Belarusian

English

Skillset

  • HTML

  • CSS

  • JS BASICS

  • FIGMA

  • GITHUB

My Projects

ALEXA RISE

The first work done on the course. The work used html, css, js.

01

PEAR AGENCY

One of the first work orders. The main goal was to implement animations and other interactive actions.

02

PROJECTROOM

My favorite job and at the same time the hardest. It uses several libraries and a lot of work with js.

03

Code
example

          //Number Animations
          let benefitsArr = ['.benefits__number', '.benefits__number1', '.benefits__number2']
          let numbers = document.querySelectorAll(benefitsArr)
          let numberBlock = document.querySelector('.experiencies__item-img')
          
          for (let i = 0; i < benefitsArr.length; i++){ 
            $(window).ready(function () { 
              let show=true;
              let countbox=benefitsArr[i]; 
              $(window).on("scroll load resize", function () { 
                if (!show) return false; 
                let b_height=$(numberBlock).outerHeight()  
                let w_height=$(window).height();
                if (numbers[i].getBoundingClientRect().top <=((w_height / 2) + (b_height / 2))) { 
                  $(benefitsArr[i]).css('opacity', '1' ); 
                  $(benefitsArr[i]).spincrement({ 
                    thousandSeparator: "" ,
                     duration: 5000 
                    }); 
                    show=false; 
                  } 
                }); 
              }); 
            }


          //Button To top
          let buttonToTop = document.querySelector('.to-top-button')
          let sections = document.getElementsByTagName('section')
          let check = document.querySelectorAll('.experiencies__item') // высота экрана деленная на 2
          let check2 = document.querySelector('.benefits__number')
          window.addEventListener('scroll', () => {
          screenHeight = window.innerHeight
          if (sections[0].getBoundingClientRect().top < -(screenHeight)) {
           buttonToTop.style.visibility = 'visible'
          } else {
            buttonToTop.style.visibility = 'hidden'
          }
          })
          buttonToTop.addEventListener('click', () => window.scrollTo({
          top: 0,
          behavior: 'smooth'
          }))

Contacts

Let's do something impressive. Contact me at @snakiso