I used to read a lot of foreign literature and poetry. Today I started reading books and articles on programming. Books I read:

• "97 things every programmer should know," O'RELLY;
• "Object-Oriented Thought Process," Matt Wasefield;
• "Modern JavaScript tutorial", 1, 2, 3 parts, Ilya Cantor;

Of course, I did not remember everything, but it helps me develop. The next book I would like to read is Aditya Bhargava's "Grokaem Algorithmy".

I am a very diligent and responsible person. You can get any business and I guarantee you will give a result, positive or negative. However, you better check it yourself.

Pug problem with caching

When I started working everything was fine, but as the files with the pug extension were added, my build started to slow down. I noticed that I have updated all files even that I did not edit.

Resolve:

I used an incremental approach. For starters, I cached all the files so the first run took a long time. Subsequent launches if the file has changed it is thrown into the cache and if not then the files are taken from the cache.

-------------

Spaghetti code issues

After writing the code, I noticed that it is very difficult for me to expand. If you fixed it somewhere, an error appears elsewhere.

Resolve:

To solve this problem, I tried OOP style, which is now very popular. After rewriting the code in abstraction, I could easily add new functionality.

-----------------------------

Animation with JavaScript

In some cases, CSS animation does not help and therefore use JavaScript. But what to do as the display: block property; is not animating.

Resolve:

To make a "show" animation we need:

• First set the transition;
• Then set the display property to block: block; and opacity: 0; since the default property is display: block; immediately shows it and the opacity is 1 and just won't animate.
• Then add the property opacity: 1 ;,

but in order for the browser to stop and render the previous one, we need to turn it into a requestAnimationFrame function so that everything works fine, and of course at the end of the animation we remove the event handler for transitionend or animationend.

• To make it easier to control the animation (Suddenly we want to add transform: translate or rotate or other), we will replace the properties with class names, which will be added and removed depending on the time. When it started or ended or at the time it leaves.Also we can wrap it all up in Promise to continue some action after this animation.

--------------------------

Problem with many events

Sometimes you need to reduce the number of event calls on the block or, most popularly, when resizing the screen. This prevents some bugs and reduces the memory load.

Resolve :

And to solve this problem, I use decorator functions. For these examples, I needed a Throttle function that calls the function once at a given time and a debounce function that ignored the event until it ended.

-------------------------------

Alias in Linux

I switched to Linux, I wrote a lot of commands in the terminal. And it was good at the beginning but later it took my time.

Resolve :

And to somehow save my time, I started google how to write short commands (well, something like that). One of my friends told me that this is done with aliases. Now I calmly prescribe aliases and functions in bashrc which those commands do for me.

----------------------------------

Three point problem

One customer wanted a text to have three dots at the end as if it were incomplete. The texts were different single- and multi-line.

Resolve:

The first thing that came to my mind was to take the length of the line in js and cut them and put three dots at the end. But after some thought I mentioned the text-overflow property: elippses; together with white-space: no-wrap; overflow: hidden; and line-clamp for multi-line.

You can get acquainted with my other works on my GitHub repository: https://github.com/LaughingThroll

My works on GitHubPages: https://laughingthroll.github.io