Subscribe to my newsletter and never miss my upcoming articles

Angular - Data Binding

Nov 23, 20206 min read

In This article I will explain how Data binding works in Angular and provide live examples. What is Data binding? It is a way Angular uses to communicate between the VIEW (DOM) and the MODEL (Business Logic). It is how data flows back and forward fr...

Custom Angular Directives

Nov 22, 20206 min read

Angular allows the user to create custom Directives, Directives are the ability, that Angular give us as way to attach custom behavior to DOM elements. You will normally see this in the HTML document attached as decorators. example: <li appDeleteFr...

Speech Recognition in javascript

Nov 8, 20203 min read

SpeechRecognition interface as the SpeechSynthesis interface are part of the Web Speech API. SpeechRecognition is still in an experimental phase, so please be sure to check here for browser compatibility. For more information please visit develope...

HTML 5 - Speech API

Nov 4, 20203 min read

Vanilla javascript: How to use html5 speech API. Resources: HTML5 - SpeechSynthesis API note: The getVoices() method of the SpeechSynthesis interface returns a list of SpeechSynthesisVoice objects representing all the available voic...

Google Sheets - Forms

Oct 26, 202016 min read

Adding Data to a google Sheet via a form. We will use: google sheets: https://docs.google.com/spreadsheets materilizecss: https://materializecss.com/ Please create a google account if you do not have one. Once the account has been created activat...

Drag And Drop - Javascript

Oct 20, 20203 min read

This article shows the use draggable property along with the events this property triggers when used. draggable is a global attribute. It is an attribute that indicates whether an element can be dragged or not. It can only have either of these value...