Code Better. Programming Tech Blog by Valentin Kononov

article Featured

Eth Global Paris

2023 ethglobal Paris hackathon is crazy about identity verification tooling. Polygon ID, Mina, guys with orb scanning eye iris code - worldcoin, hyperlane, safe, others, which names are hard to remember or even get. Most companies came here to offer their tooling for safe verification. ZK stands for zero knowledge.

Switching languages: Funky PY

Switching languages: Funky PY

One person said to me once during my first job interview: "I don't look for C++ programmer or Javascript programmer, I'm looking for programmer. Every language has loop and such constructions. If you know how this function in general, you can get by" This thesis was a quite insightful for

[RECIPE]: distinct operation for array

[RECIPE]: distinct operation for array

Being web full stack developer after years of .NET work sometimes brings you to a blind alley. For example, such trivial thing as `.distinct()` function for array, which is not present in TS/JS. So, let's find out how to do the same. const data: ItemType[] = [{id: 1}, {id: 1}

[RECIPE]: array flatten and distinct in TS

[RECIPE]: array flatten and distinct in TS

I caught up myself on a thought that I have looked to a way to flatten array in TS several times this year. Probably, I had bad memory and cannot remember this easily. But maybe, it's more because this is not something you do everyday. So, let's keep the recipe

[RECIPE]: Capitalize in CSS

[RECIPE]: Capitalize in CSS

There are cases when you want your text looks fine as header in browser, but you don't know if text has correct case of the first letter. It can easily fixed with the simple CSS rule: .txt-capitalized { text-transform: capitalize; }

Come in here, dear boy, have a cigar

Come in here, dear boy, have a cigar

Come in and welcome to the musical textcast. Throughout my live I've been listening to the music, a lot of different kind of music. Thanks to my sister's husband, who once turned on rock song in a car, I felt in love with music and keep listening since I was

[RECIPE]: Check error throw in jest

[RECIPE]: Check error throw in jest

Jest is something which millions of people uses everyday, a lot of questions are answered. But I keep finding something new for me every day. This is not gonna work: describe('throw test', () => { it('should throw the error', () => { expect(throwingFunc()).toThrow(); }); }); Test will fail with the error you are looking

Runtime Type Safety in Typescript

Runtime Type Safety in Typescript

In many ways Javascript popularity during so many years is based on its relative simplicity and low entry threshold. Some programming languages substantially influenced the whole software industry. Smalltalk, for instance, became some kind of grandpa for object oriented programming, though Smalltalk itself is not used a lot. But Javascript.

[RECIPE]: floating rounded table rows with CSS

[RECIPE]: floating rounded table rows with CSS

If your designer wants to have table rows floating one above another, with some space between, and having rounded borders, follow this: :root { --border-radius: 5px; } table { background-color: gray; border-collapse: separate; border-spacing: 0 2px; } tr { background-color: white; } td:first-child { border-bottom-left-radius: var(--border-radius); border-top-left-radius: var(--border-radius); } td:last-child { border-bottom-right-radius: var(--border-radius);

[RECIPE]: fix vulnerable sub-dependencies in package.json

[RECIPE]: fix vulnerable sub-dependencies in package.json

Regular Typescript or Javascript project has number of dependencies from NPM. Most of them have own dependencies, different versions of them. To see them all you can review auto generated file package-lock.json. Different versions of some library can be used in range of other libraries. Which can cause dependencies

Mighty @Decorators in Typescript - what could we get out of it?

Mighty @Decorators in Typescript - what could we get out of it?

Every Angular developer has seen decorators in Typescript code. We use it to define Module (hopefully, will not use modules in future but anyway), to configure dependency injection or component properties. In other words, We use it to put some additional information, or metadata, for the compiler. Angular is just

CQRS and Event Sourcing in backend systems

CQRS and Event Sourcing in backend systems

Nowadays software development is a very common thing. New apps are born every single day. You can start programming career by loading your brains with one or two related technologies and creating your first todo application for training. Anyway, the real depth of profession and ability to architect outstanding systems

ngVikings 2019 takeaways

ngVikings 2019 takeaways

ngVikings conference is considered as one of the most technical, community friendly and interesting Angular events in Nordics. Initially founded in Copenhagen, this year it was there again. Apart from the awesome organization of the event, apart from lots of environment care and even donations to plant trees for each

Go Places in Copenhagen — northern wind, coffee, and atmosphere

Go Places in Copenhagen — northern wind, coffee, and atmosphere

Every city has its unique character, tastes of the food, breath of the wind, peoples faces, streets. Of course, at the moment globalization made a huge step to make different cities close to each other, especially big ones. But a curious traveler still can find and feel the soul of

State Management — how we do it with MobX in Mobile App

State Management — how we do it with MobX in Mobile App

Dear readers, this material was inspired by the recently completed React Native project. The project was designed with the offline first approach in mind and we used state management from the very beginning. I will cover state management ideas and principals in this text, as well as usage of MobX

Машины для Души

Машины для Души

2018 пошел. Автопроизводители накопили уже под сотню лет активных разработок и исследований в своей области. Нынешние авто сравнимы с космическими кораблями! Что бы сказал Генри Форд, покажи ему современный Range Rover? Да что там, даже для меня он кажется слишком футуристичным. Я и не говорю уже о Tesla или беспилотных

[Jeremy Clarkson Translation] The Clarkson review: 2017 Volkswagen Golf GTI' to Russian

[Jeremy Clarkson Translation] The Clarkson review: 2017 Volkswagen Golf GTI' to Russian

Говорят, он новый, но хвала небесам — это не так. Одна из проблем управления автомобильной компанией в том, что ни одно из подразделений на самом деле не завершает начатое. Что делает запуск новой модели невероятно трудным. Только вдумайтесь. Вы босс и звоните в дизайнерский отдел, спрашиваете, когда закончат макет внешнего вида

Runtime Type Safety in Typescript (Возможна ли удобная проверка типов в рантайме)

Runtime Type Safety in Typescript (Возможна ли удобная проверка типов в рантайме)

Относительная простота и доступность Javascript, относительная легкость входа в него предопределила на многие годы вперед его популярность. Некоторые языки программирования существенно повлияли на развитие всей отрасли в целом. Так, например SmallTalk стал неким прадедушкой ООП и объектного подхода, хоть сам по себе мало где используется. А Javascript... на мой взгляд

Прикручиваем ngx-translate в Angular приложение. Практическое пошаговое руководство

Прикручиваем ngx-translate в Angular приложение. Практическое пошаговое руководство

Практическая пошаговая инструкция как прикрутить динамическую локализацию (возможность выбора языков) в веб приложении на Angular 4+ используя @ngx-translate/core. В принципе можно найти публикации на подобную тему, может быть достаточно самой документации этой библиотеки, но я хотел систематизировать эту инструкцию для более удобного применения. Такая закладка в копилку начинающего Angular

Мы agile или аджайл нас?

article Featured

Мы agile или аджайл нас?

Какая главная проблема в разработке программного обеспечения (а может и вообще в любой работе)? Когда я задавал вопрос коллегам, получал разные ответы: изменения требований, несоответствия ожиданий, качество кода, взаимодействие с другими командами... суммируя для себя - коммуникация является одной из самых важных проблем. Во время коммуникации каждый понимает все по-своему,

[RECIPE]: Callstack in Javascript

[RECIPE]: Callstack in Javascript

When debugging legacy javascript code you might need to know who called this function. The simple solution for it - using Error Object, which has stack information. console.log(new Error('Stack Trace').stack)

[RECIPE]: bootstrapSwitch events firing

[RECIPE]: bootstrapSwitch events firing

If you by any chance still have jQuery and use things like bootstrapSwitch, you can meet this situation: When switch is setup like this $('id').bootstrapSwitch('state', true) you immediately can observe that switchChange is fired. Which could be normal, not a big deal. But if you have system of

[RECIPE]: AWS ECS deployment and Health Checks

[RECIPE]: AWS ECS deployment and Health Checks

Recently my regular deployment of NestJS Backend API to Amazon ECS service failed without any meaningful reasons. What I see is that Docker container is taken, everything inside is executed successfully, I see logs of service which has started and even (but why) some requests to my endpoints. Seems like

Talk at ngVikings 2019 conference in Copenhagen

Talk at ngVikings 2019 conference in Copenhagen

Summer 2019 started for from interesting trip to Copenhagen, Denmark. I was lucky to speak at ngVkings conference there. My talk was about Angular and Bad Practices in it. Hope you can enjoy the video the same way as I enjoyed being and talking in this amazing conference! p.s.