rsschool-cv-html

About

Junior Web-developer with some experience. I like to learn web technologies, because every time when i make something with my own hands makes me feel like a God that creating a new world.

I'm trying to stick to this helpfull and usefull Roadmap, but sometimes i can be distracted to study new interesting technologies like SVG-animations, CSS-animations, Canvas or usefull dev tools like Gulp etc.

My target is to learn Frontend and Backend Development and merge HTML, CSS, JS and WebGL technologies in amount sufficient to be able to make amazing and creative websites.

Code examples

^{prism.js library is used to highlight the code.}

FizzBuzz task from Codewars:


function fizzBuzz(length) {
  if (isNaN(length) || length < 1) {
    console.log("Input is NaN or less than 1!");
    return;
  }

  for (let i = 1; i <= length; i++) {
    console.log((((i % 3 === 0) ? "Fizz" : "") + ((i % 5 == 0) ? "Buzz" : "")) || i);
  }
}

fizzBuzz(30);

Complementary DNA task from Codewars:


function DNAStrand(dna){
  let dictionary = {
    'A': 'T',
    'T': 'A',
    'C': 'G',
    'G': 'C'
  }
  
  let result = '';
  
  for (let i = 0; i < dna.length; i++) {
    result += dictionary[dna[i]];
  }
  
  return result;
}

Completed projects (or not)

View...
Business Layout

Simple landing page layout. Aside from making the website layout, was added a feature that highlights menu options as the page is scrolled, and smoothly moving the page to the chosen menu option.

Work with scroll, debounce, css-animations.

Technologies stack used:
View...
Dragon Curve

Interesting project that draw Dragon curve represented as L-system: at the beginning it has a dictionary and some rules of how the letters in dictionary will be changed every iteration.

Every symbol in dictionary is a rule of what to do on canvas: to turn pen in some direction or to draw the line.

I don't know if it's right way to put asynchronous function inside cycle. I'm not skilled enought to evaluate if it's right or wrong, but it works.

Work with simple geometry, canvas, asynchronous functions.

Technologies stack used:

Education

2005 - 2010 Moscowskiy Gosudarstvenniy College Informacionnyh Technologiy (MGKIT)

Specialty: 2203 - Software of Engineering and Automated Systems