README

JOHN SWANA

Comments

Post a Comment

Popular posts from this blog

How to make a html5 breakout game in JavaScript

In this tutorial i will walk through the  process of developing a simple breakout game in JavaScript using html5 canvas I'll be using craters.js a compact html5 game engine. in every step i will first explain the procedure in a less technical method later I'll include the snippets of the actual game , a link to the github repository and a live working demo. Game world is 2d space with zero friction and zero gravity in order to avoid applying acceleration to the entities periodically maybe this will be changed later. First entity is a ball an entity with zero friction that upon colliding with an obstacle such as a block, paddle or the the screen boundaries bounces back in the opposite direction the bouncing from left to the right side of the screen is implemented by if(position.x  + radius < 0) // bounce if(velocity > 0) return; // moving velocity *= -1; // change direction direction is only changed if the ball tries to move  beyond the zero position. i have t...
Read more

With statement in JavaScript

JavaScript 'with statement' is a simplified way to access object properties as variables. Take for instance; const dog = "puppy" const mascots = {     'tux': "tuxedo",     'cow': 'cow' } with(mascots) {     console.log(tux)     // tuxedo     console.log(cow)     // cow     console.log(dog)     // puppy } properties of mascots are converted to variables accessible within the with block 'dog' is not part of mascots and as a fallback, dog global is returned. At the time of writing this post with statement is discouraged. It's not allowed in 'safe mode' With the above sample you can do the same thing using destructureing operator const {cow, dog, tux} = mascots console.log(tux) // tuxedo console.log(cow) // cow console.log(dog) // puppy
Read more

How to change a String's Case in JavaScript

Image
Strings can be capitalized using String.toUpperCase For instance; const str = 'John swana' str.toUpperCase() // 'JOHN SWANA' String.toLowerCase turns strings to their small letters or 'lowerCase' const strr = "Lorem ipsum" strr.toLowerCase() // lorem ipsum Numbers are not converted, they remain constant, untouched and unchanged. '65'.toLowerCase() // '65'
Read more

Ways to iterate array items in JavaScript

A few days ago i introduced arrays and described what they are and how their elements can be iterated in JavaScript using 'for loop' There many other ways to iterate arrays namely Array.forEach, Array.map, var array = ['eat', 'code', 'sleep'] Using forEach array.forEach(function(value, index){     console.log(index + ': '+ value) }) // result expected // 0: "eat" // 1: "code" // 2: "sleep" Using Array.map array.map(function(value, index){     console.log(index + ': '+ value) }) // result expected // 0: "eat" // 1: "code" // 2: "sleep" It's a wrapp
Read more

How to create promises in JavaScript

Promises enable asynchronous programming, JavaScript is single threaded, You can use them to wait a lengthy promises take for instance an ajax or fetch process then once ready process the response. How do declare an asynchronous function, To declare an asynchronous function add async keyword befor function name; const func = async function() {     return 'OK' } function func will now return a promise; const inst = func() .then(response => console. Log(response)) .catch(err => {     throw new Error(err) } You can also await it like ummm; const response = await func() console.log(response) Rejecting and resolution of promises, This is done to distinguish successful promises from failed promises const statusReport = function() {     return new Promise((resolve, reject) => {     setTimeout(() => resolve(), 10000)    }) } You can inquire statusReport as follows; const analysis = new stat...
Read more