Posts

How to Create a Simple Image Slider in JavaScript.

How to Create a Simple Image Slider in JavaScript. Hi Friends, In this Article i am going to explain about creating a simple slider in JavaScript . So let us start step by Step tutorial on How to Create a simple image slider in JavaScript . Before starting this Example you should know the following topics. 1. What is JavaScript Arrays & How to Populate arrays in JavaScript . 2. What is meant by Set Interval and Clear Interval in JavaScript 3. How to change image source dynamically with JavaScript . If you are not clear about the above mentioned topics, I strongly suggest you to please go through the above mentioned topics first. If you know above topics, let is start the example. Step 1 : Create A simple HTML Template as Follows With a Image element with id "myImg" in it . <!DOCTYPE html> <html> <head>                 <title></title...
Post a Comment
Read more

Angular JS Course Contents

     Angular JS Course Contents      Angular JS Introduction     Angular JS Modules     Angular JS Expression     Angular JS Scopes     Angular JS Controller     Angular JS Controller Function     Angular JS Directives     Angular JS Built-in Directives     Angular JS Custom Directives     Angular JS Built-in Functions     Angular JS Templates     Angular JS Built-in Filters     Angular JS Custom Filter     Angular JS Built-in Events     Angular JS Scope Methods     Angular JS Services     Angular JS Built-in Services     Angular JS Routing     Angular JS Provider     Angular JS Factory     Angular JS Messages     Angul...
Post a Comment
Location: Bengaluru, Karnataka 560001, India
Read more

Java Script Arrays -POP Method

To Remove the Last element of An Array this pop Method is used . <!DOCTYPE html> <html> <body> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { fruits.pop(); document.getElementById("demo").innerHTML = fruits; } </script> </body> </html> Example Explained : When user clicks on the button the myFunction is called . inside the myFunction() pop() method will be executed which will remove the last element of the Array.  After removing it will access the div with id of demo and insert the array elements
Post a Comment
Read more

How to Study Web Developement Course

Image
 How to Study Web Developement Course Hi Friends, so you want to become the Web Developer or UI Developer Or Front End Developer. Right?. First thing i want to clear is Web Developer Front End Developer UI Developer all above mentioned Are same . We will do same work , It may be called with different names but  don't get confused . OK. Let us come to the Topic . How can we become UI developer . ? we know the Quality of the education in the small computer institutes . They wont pay proper salary to the instructions . Finding a good Instructor is really very difficult . I has personally experienced that . So it is really difficult to depend on a computer institute . So whats next . There are some websites offering web development course . But the Question is  can we really learn from those videos . I know about some people who can learn from the videos and online tutorials. I am not talking about those people . I am talking about the people who req...
Post a Comment
Read more

How to make money on social networking Websites ?

How to make money on social networking Websites ?
Post a Comment
Read more

How To Remove Elements In Array

With Slice method we can remove the Elements in Array . The following code snippet is an Example of the Same. <!DOCTYPE html> <html> <body> <p>Click the button to extract the second and the third elements from the array.</p>   By Clicking the following button we are calling the myFunction ()  Function . <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { now we have a variable "fruits " which contains the following Data .     var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; With the slice method we can remove element in side an Array . In the following example we want to remove one elements which is in the 1st and 3rd index position of the Array . It will slice that particular elements in and returns the balance elements  which will be stored in "citrus ". ...
Post a Comment
Read more

What is meant By intolerance?

When 100s of People died in Mumbai Due to Terrorist Attacks is it  Tolerable ? When 1000s of Farmers are ending their lives duo to so many problems .. It is Tolerable ? Now all of Sudden what happened to the people (I Mean congress Supporters ) to give the Statement about intolerance? . It clearly shows that its a political stunt . I have so many Muslim friends who are with us from so many decades . we are not seeing any changes in their lives and they are not getting afraid . There are so many issues to make politics . Why this Hindu and Muslim matter . All the Muslims who are with us now they are Indians . Please don't play any Political Games between us . We are not supporters either for any Parties . So Please stop all this Non sense .
Post a Comment
Read more

HTML5 and CSS3 Beginner Tutorial 1

Image
Hi Friends , I have already introduced about HTML . If you are seeing this blog and reading my post means i think you want to know about some thing about HTML and Web development . I have not created the following tutorial . But i thing it will be very useful for you to know more about HTML    HTML5 and CSS3 Beginner Tutorial 1
Post a Comment
Read more

How to delete the selected Div

here is simple image gallery Program . When we Click that particular div will be deleted  . it will delete all the div until the last Element. Here is the Code <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title></title>     <style>         #box1, #box2, #box3, #box4, #box5 {             width:150px;             height:150px;             border:1px solid red;             display:block;                   }         li {     display: inline; } #box1{     background-color:red; ...
Post a Comment
Read more

How to hide and show a element with if else condition .

How to hide and show a element with if else condition . in this program , when we click the button it will check the 'myDiv' is hidden or not . If it is hidden it will change the css property so that the element will show . other wise it will be hide . <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title></title>     <style>     #myDiv{         width:300px;         height:200px;         background:Red;            }         </style> </head> <body>     <div id="myDiv">     </div>     <button onclick="myFunction()">Click</button><!-- When user clicks on the this Button it will call myFunctio...
Post a Comment
Location: Bengaluru, Karnataka, India
Read more

How to Loop through the Java Script Arrays

Image
How to iterate the data in an Array or the j son ? Fist Let us have one simple Array with few objects inside Example: var states=[{"name":"Andhra Pradesh"}, {"name":"Karnataka"}, {"name":"Telangana"}, {"name":"Kerala"}, {"name":"Tamil Nadu"} ] To display the Data we have to loop the Array . So let us use for loop for the same ; for (var i =0;i<states.length;i++){  document.write (states[i].name) } If you have multiple data values in the objects inside the array , you have to use the property of that object next to the array . For example let us add one more value to the existing Array . var states=[{"name":"Andhra Pradesh","capital":"Amaravathi"}, {"name":"Karnataka","capital":"Bangalore"}, {"name":"Telangana","capital":"Hyderabad"}, {...
Post a Comment
Location: Bengaluru, Karnataka, India
Read more

Java Script arrays

Image
Java Script arrays are used to store multiple values  in a single variables . It may single value or collection of objects . Arrays are very important in Java Script. Let us look how can we create arrays in Java Script. we can create Java script arrays as follows . var subjects=["Telugu","Tamil","Hindi","English "] ; we can also create Java script arrays  as follows var subjects=[]; this indicates an empty array with the name of subjects; let us add some values for the arrays . Arrays value positions are started from 0 . It means in the above example the index (position )  of the Telugu is "0", and Tamil is "1", so we can add the values for the array in as follows. subjects[0]="Telugu"; subjects[1]="Tamil"; How can we retrieve or Iterate the Data from an array ? we can do it in two different methods .  The first way of doing this is by using the for loop . First wee need to find out th...
Post a Comment
Read more

javascript objects tutorial

In JavaScript Every thing is considered as an Object except Boolean Values . Creating and Objects and accessing its properties are very important tasks in Java script. Let us discuss about an object with an Examples . Let us create an object of a "Person" <script> var person={}; This Indicates an empty object with a name of person. person.firstName="Murali"; This indicates Object having a property of First Name and its value is Murali. person.lastName="Krishna"; This indicates Object having a property of First Name and its value is Krishna. person.company="HP";This indicates Object having a property of Company  and its value is HP. </script> Now Let us look how can we access the object Properties . To access the Property of an object we have to access the object. Console.log(person.firstName); it will give the value of the person Fist name . In same way we can access all the properties.
Post a Comment
Read more

How To Create A multiplication Table

Hi Friends i Have create a simple program to Display the Multiplication Table . In This I have used two For loops . Step 1: We will get the user input and we are storing that value in to " table " variable as follows. var table = prompt("How Many Tables you Want"); Step 2 : We are starting our table from to and we will with the User data "table " with the following  for Loop  for (var i = 2; i <=table ; i++); Then we are creating the div dynamically and inserting the Generated As Follows.. <!DOCTYPE html> <head>     <title></title>     <style>        div {         float: left;     margin: 10px;     font-size:large;     width: 130px; }     </style> </head> <body>     <script>         (function () {   ...
Post a Comment
Read more

How To insert An Image in HTML Document

Image
How to Insert an Image in to a HTML Document ?
Post a Comment
Read more

HTML Tutorials In Telugu

Image
Hi Friends , I Have started a HTML Tutorial Channel in Telugu . I thing this may be helpful for the people who wants to start their career as HTML Developer or web developer. I request you people to share it for the other people .
Post a Comment
Read more

I know HTML & CSS .. Whats Next ?

Image
So you have know what is HTML And CSS. Now what you have to do now ? Now you want to know how you can get more experience and good Control on Coding . Its very simple . Find some basic templates . Download it and study thoroughly . How the Navigation panel Coded . how the content placed . You must have clear idea about the Layout of the Document . Start developing same Document . Don't copy and paste it . If you keep on doing this kind of exercise , you will understand and get experience. Try to develop at least 10 Document. Don't forget the oldest Dialogue "Practice Makes Perfect". Just keep on Doing same thing . Once you develop minimum of 10 Documents you will feel more confident . Don't waste your time by just watching the videos and tutorials . Start building the Pages ... Now
Post a Comment
Location: Bengaluru, Karnataka, India
Read more

HTML Tutorial for Beginners - part 4 of 4

Image
Post a Comment
Read more

HTML Tutorial for Beginners - part 3 of 4

Image
Post a Comment
Read more

HTML Tutorial for Beginners - part 2 of 4

Image
  In the previous videos we have seen an introduction About HTML video . Hope it has given some idea about HTML basics and its functionalities . I personally suggest to practice  more . So without out wasting any time let us jump in to the second Videos of the HTML Tutorials 
Post a Comment
Read more