Tag Archives: javascript

javascript programming

First step with ionic framework.

Node.js is a platform built on Chrome’s JavaScript runtime for easily building fast, scalable network applications. This tutorial is based on Fedora 30 distro.

1
2
3
4
5
6
[root@desk mythcat]# dnf install nodejs
Last metadata expiration check: 0:58:43 ago on Mon 12 Aug 2019 10:01:29 AM EEST.
Package nodejs-1:10.16.0-3.fc30.x86_64 is already installed.
Dependencies resolved.
Nothing to do.
Complete!

Let’s see the version for npm and nodejs:

1
2
3
4
[mythcat@desk ~]$ npm --version
6.9.0
[mythcat@desk ~]$ node --version
v10.16.0

Ionic Framework is the free, open source mobile UI toolkit for developing high-quality cross-platform apps for native iOS, Android, and the… Read More »

What is Transpilation?

Transpilation is the process of converting code written in one programming language to another. Transpilation to JavaScript is a common approach to enabling languages to run in the browser, but often provides limited functionality.

JavaScript – The canvas sin code.

Today’s tutorial is about using canvas with the javascript script with the use of the mathematical sin function. This JavaScript code is simple to understand. Start with the HTML5 source code:

Haskell
1
<canvas id="id_canvas"></canvas>

Use this javascript code:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
can=document.getElementById("id_canvas");
x=can.getContext("2d");
can.width=640;
can.height=480;
S=Math.sin;
frames = 30;
w2 = 640;
update_draw=()=>{
for(x.fillRect(0,0,i=(w=w2),i);i--;){
x.clearRect(S(time_run),S(time_run)*w,w,1)
}
time_run+=1/frames
requestAnimationFrame(update_draw)
}
time_run=0
update_draw()

The definition of variables and function sin is easy to understand. The first fillRect will create the area… Read More »

HTML5 – remove outline around input.

This tutorial is about how to remove outline style around input boxes in chrome using CSS. The answer is very simple, use this:

CSS
1
2
3
input:focus, textarea:focus, select:focus{
        outline: none;
    }

See the Pen Input_remove_outline by Cătălin George Feștilă (@catafest) on CodePen.