Recap | Jan - 2020

Articles

view all articles

Level up Coding Standard Editor Config

Editor Config, an INI format based configuration system that let you establish project level coding standard; It allows configuring: indentation style, indentation size, line width and more.

Read Article


Custom Events with RxJS

Event-Based Programming is natural to any GUI based interface. HTML DOM¹ offers inbuilt Event Notification model. There is no support for non-DOM elements.

RxJS is a reactive programming extension for Javascript. Reactive Programming is a trending paradigm these days. It is the processing of streams of data asynchronously.

Read Article


Snippets

view all snippets

Custom Bootstrap 4 Button with Sass/Scss

No more default buttons. Create customised coloured button with Bootstrap 4.

Check it out


Custom Events with RxJS

Publisher-subscriber event model on top of Reactive Programming.

Event-Based Programming is natural to any GUI based interface. HTML DOM offers inbuilt Event Notification model, but it is only useful when you are dealing with DOM Elements. There is no support for non-DOM elements.

Web applications have grown up in complexity with time; also, Javascript started participating in backend applications; which in turn made the world to see Javascript as more than HTML DOM manipulation gig.

This article showcases building up custom event publisher-subscriber model on top of Reactive Programming for non-DOM elements.


RxJS is a reactive programming extension for Javascript. Reactive Programming is a trending paradigm these days. It is the processing of streams of data asynchronously. At core, reactive streams are written on top of the event-driven paradigm (?). You are going to build an event notification model on top of it by modelling events as a stream of data.


Problem Statement

Consider modelling Thermostat, when room temperature crosses a certain threshold (30°C), AC would turn up, and windows would close.

Design

Consider class Thermostat which encapsulates the logic of monitoring and publishes events:

  • above: when temperature crossed above 30°C (threshold) from lower value.

  • below: when temperature crossed below or equal to 30°C (threshold) from higher value.

Read Full Article

Library - Framework and Tookit

These days software applications are complex in their functions. It is an arduous task to build an application on top of all own handwritten code, and it is not advisable.

It is in practice to build applications by combining owned code with shared code to match up with the fast pace of world demand of software.

Code is distributed/shared as Libraries(tangible unit).

Frameworks and Toolkits are aspects of Libraries.


Framework

framework enforces you to write code in a set of code chunks (framework elements) and calls your engineered code-chunks to do its business. You are never in-charge of calling these code chunks.

Typically, you annotate or mark your code elements (classes, objects, method) with framework elements. Marking process may vary language to language.

Framework can be categorised into

  • Technical Level Frameworks

  • Business Domain-Level Frameworks


Toolkit

In simple words, a Toolkit is just a set of functions or code elements. Your application code calls these functions or elements. You are in full control of calling these functions.

jQuery is a web library which provides DOM manipulation utilities.

Read More

Level 0 - Coding Standard with EditorConfig

Level Up Coding Standard

Editor Config, an INI¹ format based configuration system that let you establish project level coding standard; It allows configuring: indentation style, indentation size, line width and more.


What is EditorConfig solving?

Whenever we work in a team, we set up some ground rules to work efficiently; in the programming world, those ground rules are coding standard. 

Coding standards may include:

Level 0  — Universal file text configuration: indentation style, line width, line ending, indentation size.

Level 1  — Programming languages based: block style, comment style, method naming, class naming.

Level 2  —  Project Level Workflow: the process regarding development to deployment. It is more of the management side. 

EditorConfig does support all of level-0 and some of level-1 configuration. Level 2 is out of scope for it (?).

Read Full Article

The Mighty Programmer

Empower you by easing your understanding in software design and software writing.

Welcome to The Mighty Programmer by me, Puneet Sapra.

I am a Software Engineer with five years of industry experience. I share my collected wisdom of programming world by writing articles and snippets.


Articles

More Words, Less Code

Snippets

More Code, Less Words


Visit http://themightyprogrammer.dev to read the existing articles and snippets

Like my writing, share it with the world.

Share The Mighty Programmer

Sign up for receiving updates for future articles and snippets.

Connect

Linkedin: https://www.linkedin.com/in/saprapuneet
Twitter: https://twitter.com/DM8tyProgrammer

Loading more posts…