Curiculum Vitae

About

My main goal is to became a specialist with whom you want to work: qualified, interested in his work and always looking for new ways to realise your project with the most modern technologies.
I've changed a lot of professions for my life, but was never satisfied by oportunities, which was offered me by my current position. The world is so big and curious (either places to explore, or activities to discover), and needs a lot of resources, as money or time. Once i've decided that sowftware development is the best field to reach these resources, and this decision inspires me to continue to studying, improve my actual skills and explore new ones.

In 2009 i've finished ITMO's faculty of secondary vocational education with a degree of software engineer, but knowledge gained was almost useless (we've learned basics of OOP and DBMS, applying it to Delphi and VBA). Also i'm studying on a course "Fullstack-developer" of Skillbox univercity, and succesfully finished "Web-developing" graduation work, which you can check here.

Skills

Environment

Visual Studio Code
GIT
NodeJS

Actual skills

HTML
CSS
JS (jQuery, Vanilla JS).
BEM
Adaptive layout

Primary wanted skills

Some JS-framework
GSAP
WooCommerce
Python + Django

Code Sample

HTML


<div class="sample-result"></div>

CSS


                    body {
                        background-color: black;
                        height:100%;
                        max-width: 1880px;
                        overflow: hidden;
                      }
                    
                    .sample-result {
                        height: 100vh;
                    }
                      .firefly {
                        width: 100%;;
                        height: 100%;;
                        border-radius: 30px;
                        background-color: #fc0;
                        opacity: 0.4;
                        position:relative;
                      }
                    
                      .firefly-shadow {
                        width:30px;
                        border-radius: 30px;
                        box-shadow: 0 0 30px #fc0;
                        animation: blink 5s;
                    
                      }

JS


       $(document).ready(function(reveal) {
            function randPos(min, max) {
            min = Math.ceil(min);
            max = Math.floor(max);
            return Math.floor(Math.random() * (max - min)) + min;
            };
            let getX = randPos(0, $('body').outerWidth());
            let getY = randPos(0, $('body').outerHeight());
            let a = randPos(0, 6);
               
            for (let i = 0; i < 189; i++){function randPos(min, max) {
            min = Math.ceil(min);
            max = Math.floor(max);
            return Math.floor(Math.random() * (max - min)) + min;
            };
                 
            let a = randPos(0, 6);
            $(".sample-result").append(`<div class="firefly-shadow
            ff${i} float-style${a}"><div class="firefly"></div></div>`);
            let diams = new Array(2, 5, 10, 15, 20, 30);
            let FFdiam = diams[Math.floor(Math.random()*diams.length)];
            let getX = randPos(0, $('body').outerWidth());
            let getY = randPos(0, $('body').outerHeight());
                    $('.ff' + i).css({
                       'position' : 'absolute',
                        'left' : getX,
                        'top' : getY,
                        'width' : FFdiam,
                        'height' : FFdiam,
                       });
                    switch (a) {
                       case 0:
        gsap.to(('.float-style'+a), { duration: 400, ease: "rough(
         { template: none.out, strength: 1, points: 20, taper: 'none',
         randomize: true, clamp: false})", y: 500 });
                         break;
                         case 1:
        gsap.to(('.float-style'+a), { duration: 350, ease: "rough(
         { template: none.out, strength: 1, points: 20, taper: 'none',
         randomize: true, clamp: false})", x:-950 });
                         break;
                         case 2:
        gsap.to(('.float-style'+a), { duration: 350, ease: "rough(
         { template: none.out, strength: 1, points: 20, taper: 'none', 
         randomize: true, clamp: false})", y: 750 });
                         break;
                         case 3:
        gsap.to(('.float-style'+a), { duration: 200, ease: "rough(
         { template: none.out, strength: 1, points: 20, taper: 'none',
         randomize: true, clamp: false})", x: 250 });
                         break;
                         case 4:
        gsap.to(('.float-style'+a), { duration: 400, ease: "rough(
         { template: none.out, strength: 1, points: 20, taper: 'none',
         randomize: true, clamp: false})", y:550 });
                         break;
                         case 5:
        gsap.to(('.float-style'+a), { duration: 250, ease: "rough(
         { template: none.out, strength: 1, points: 20, taper: 'none',
         randomize: true, clamp: false})", x: 450 });
                         break;
                       default:
        gsap.to(('.float-style'+a), { duration: 300, ease: "rough(
         { template: none.out, strength: 1, points: 20, taper: 'none',
         randomize: true, clamp: false})", y: 250 });
                      }                   
              };
           });

Currirculum Vtae

General Info