Home > Anil Kolase

Author: Anil Kolase

Anil Kolase

Difference between semantic and non-semantic elements

Anil Kolase HTML, UI/UX Development 0

semantic elements Elements has meaning. Describes its meaning to browser and developer. Example [crayon-6953a30887cbb744553632/] Some of semantic elements <section> - <section> element is grouping content. We can split page into different sections. [crayon-6953a30887cc1877201412/] <article> - <article> element is independent and has self-contained content. <article> element used to write Forum post, Blog post, Newspaper article. [crayon-6953a30887cc4083829901/] <header> - <header> element specifies header

This Article is TAGGED in , . Read more

Web Storage in HTML5

Anil Kolase HTML, Miscellaneous 0

Web Storage Using Web Storage we can store data within web browser. Within Web Storage we can stored large amount of data locally. Data within Web Storage is secured. Objects in Web Storage window.localStorage - can not expire data(even if we can removed it). window.sessionStorage - data lost when browser tab closed. Methods in Web Storage setItem(name, value) -

This Article is TAGGED in . Read more

Array functions in javascript

Anil Kolase JavaScript 0

Javascript array functions 1. toString() - convert array to string [crayon-6953a308882b9453362598/] 2. pop() - remove/delete last element from an array [crayon-6953a308882be108729572/] 3. push() - add/insert element at the top [crayon-6953a308882c1659843003/] 4. shift() - remove/delete first element from an array [crayon-6953a308882c4950763017/] 5. unshift() - add/insert element at first position [crayon-6953a308882c6677472623/] 6. concat() - merged(concat) existing array and create new array [crayon-6953a308882c8002317172/] 7. slice() -

This Article is TAGGED in , , , , , , , . Read more

How to create/build web application in Angular?

Anil Kolase Angular JS 0

1. Download and install Node Package Manager(npm) Link to download npm (https://nodejs.org/en/download/) 2. Then install ANGULAR CLI globally Open cmd and Run command [crayon-6953a30888428829548478/] It can install angular globally 3. To Check version on command [crayon-6953a3088842c301495169/] [crayon-6953a3088842e287802820/] [crayon-6953a3088842f042628169/] 4. Create new project Open terminal and run command [crayon-6953a30888431235819432/] Here we create project name my-app Angular cli installs npm packages and creates project files 5. Run

This Article is TAGGED in , . Read more

Show specific number of words in string using JavaScript

Anil Kolase JavaScript 0

<p id="shortWord"></p> <script> var word = "Lorem Ipsum is simply dummy text of the printing and typesetting industry." var wordArr = word.split(" "); var wordShort = wordArr.splice(0, 5).join(" "); document.getElementById('shortWord').innerHTML= wordShort; </script> Output: "Lorem Ipsum is simply dummy"  

This Article is TAGGED in , . Read more