There is a countless number of articles that try to describe what are monads. I can’t resist writing another one on my own.
Often we need to perform certain actions as a feedback to the input from the keyboard. For example, when we need to navigate within a list up and down or perform an action when the meta key (alt or shift) is pressed.
In this note, I would like to demonstrate code refactoring of my implementation of the function that does function composition. We’re going to use spread operator and fat-arrow functions.
There are lots of implementations of it: jQuery based, vanilla-js based, heavy and lightweight. Some even claim that their solution is the only one you might ever need. However, there will always be a situation when the existing solution simply doesn’t work.
Partial application is a powerful thing. A function can be applied partially when it is curried. For example,
Sometimes you need to debug a mobile version of an app you’re working on that runs in docker virtual machine. Thus, you need a port forwarding. In this article I’d love to share a few simple steps of how to do this on OSX.
Everybody talk about components now. WebComponents are gaining momentum, JS frameworks adopts the ideas of componentisation. But is it something really new? Let’s find out.
How do we know that we’re good programmers or not? Maybe we should collect statistics of feedbacks about our code? Maybe we should attend meet-ups and talk to our colleagues and make sort of self-judgment? Probably. But on the other hand, you may ask who cares whether I am a good programmer or not! At the end, we make money and business is happy about a products I build. To certain extent, it’s true. But what if you are something more than just a regular programmer who wants to have safe and stable profession? If you are really passionated and interested in producing high quality code - I’m all ears.
Due to the fact that flexbox’ specification is quite stable nowadays, it’s cool to use it. Recently, I tried to use it for quite a complex UI.
Pseudo class selectors are great mean to simplify our life as front-end (and sometimes even back-end) developers. However, there is a trick that both sides should know about and it’s related to how the browser parse our CSS code.
Keeping documentation up to date is always hard. Especially for young projects, when the API is unstable.
Building a domain-specific application can be tricky. Here I want to outline my thought about how to organise your AngularJS code in a way that helps to solve some common problems and help not to end up with unmaintainable code base in the future.
First of all, I’d love to start with a small preface. Currently, I’m working on a big project. It is complicated. It renders a lot of data, it has a lot of business logic on client, it should work offline on mobile devices. We have a big feature upcoming and we faced a problem. Due to the fact, that the software we’re building is very specific, we couldn’t user any existing UI framework. Thus, our team decided to build our own framework. However, as it usually happens, the only first step has been made toward the thing that can be called a framework. Thus, we decided to build a library of UI Components and at the same time develop CSS framework for our needs.
If you want to develop a Chrome App using AngularJS, you would probably bump on an error related to CSP (Content Security Policy).
Currently, I am working in a post-Microsoft company. It means we have a lot of old PCs with Windows. However, I used to Mac. I asked about providing the me with Mac, but company simply said that we have tons of old hardware so we won’t buy you a Mac. Put it simply, keep calm and write code. So, they gave me the old PC with Windows 7. I tried virtual machine, but for some reason it crash all the time. So, I decided switch to Linux.
Nice way to organise your code in bundles with RequireJS
Quick Union Implementation for an array of integers
Once, my friends and I were kidding about functions in JS and one guy complained that there is no method to parse booleans. So I decided to fix this. Here is the link. :) The code is not perfect. But on the other hand this is only a start :)
Recently I was watching a video about SPDY and later I got a nice idea about something similar. Why can’t we send assets via WebSockets? So, I decided to create an example. You can see it in my GitHub repo. It is build with help of socket.io.
This note is about Grunt and Bower. For beginners. I use these cool tools every day and I can’t imagine my life without them. However, I remember myself when I was trying to understand how all this work together. Now, when it is done, I want to share my knowledge with other people. If you find Grunt or Yeoman or Mimosa hard, then this article might help you and save a lot of time in future.
A few days ago I’he been asked to join a guy who works on WordPress-based project. We started think about how to work on in simultaneously. So what that is that we’ve got for that moment:
We always struggle with menu and CSS and even try to use some jQuery plugins. However, recently I used nice solution for menu. The secret is very simple: you should expand menu items instead of menu box itself. Let me explain.
Recently I tried AngularJS. This framework is awesome! Now I want to write a small note of my vision of how an application with multiple controllers and services can work.
I really love this framework. And here I want to present a very small sample of code for beginners. How to make my app recalculate values of form automatically in live? It is very easy with KnockoutJS!
I was tackling the problem of cloning objects within KnockoutJS App. The original task was to create two lists and make them able to move items from one to another (observable arrays). A user also may has a possibility to roll-back last action. The items in second list are editable copies of the items from the first list. The solution appears to be incredibly simple!
Let’s imagine that we have two views in our Backbone.js app and we the first one to be inherited from the second one.