Programming Tutorials

This category includes the collections of computer programming related tutorials

How To Start PHP With Basic Coding Scripts

In order to start coding with PHP, you have to install PHP and the web server on your computer at first. We have already discussed on the previous posts about the methods of installing Apache Server and PHP on your computer. Now we are going to discuss on how you can start writing basic coding scripts in order to display some dynamic data on the browser screen. In this tutorial you will learn about the basic syntax for writing PHP…
Read more

How To Install Apache And PHP On Windows Platform

PHP is a programming language that can be used to build powerful websites and web applications. A web server application is required to be installed on your computer in order to develop and run a PHP applications. In this tutorial, we are going to discuss about the methods of installing Apache server and PHP on your computer. For installing Apache and PHP on your computer, you have to download their installation packages and installation manuals from their respective websites at…
Read more

How To Install Apache Server On Windows Platform

If you want to install Apache server for installing PHP and other web development platforms on your computer having windows operating system, you have to search and download the latest stable version of Apache from it’s website or from any third parity websites at first. You will find downloadable Apache server windows applications from http://archive.apache.org/dist/httpd/binaries/win32/ At this page two types of installer files can be found one is “apache_x.x.xx-win32-x86-no_ssl.msi”, which is a non SSL Apache installer and another is “apache_x.x.x-win32-x86-openssl-x.x.xx”…
Read more

How To Fill Gradient Color On HTML5 Canvas Shapes

In the previous post, you have learned about drawing shapes with HTML5 canvas. You have also learned how to fill CSS colors on the shapes by setting the fill color property. Along with the CSS color values, you can also set the fill color to a gradient object.  There are two ways for creating gradient colors one is linear gradient and another radial gradient. Linear gradient can be created using context.createLinearGradient() function and radial gradient can be created using context.createRadialGradient()…
Read more

How To Draw Lines And Shapes Using HTML5 Canvas

The canvas element in HTML5 is used to render simple graphics such as line art, graphs and other custom graphical elements on the client side web development. With <canvas> tag, you can simply put the element in the page, name it with an id attribute and define its dimensions with height and width attributes. Along with placing a <canvas> tags in a document, you have to use JavaScript code to access and draw lines and shapes. HTML5 defines a complete…
Read more

Simplest Way To Embed And Play Video Using HTML5

HTML5 defines an element <video> to insert and play video within a web page. This element sets its src attribute to a local or remote URL containing a playable movie. You can also display playback controls by including the controls attribute along with defining dimensions of the video. Following is a simple syntax for embedding video on a web page without any third parity add-ons or embedded codes from other sites.  <video src=”simple-video.mp4″ width=”600″ height=”350″ controls></video> HTML5 Syntax of Video…
Read more

How To Handle Drag and Drop Event In JavaScript

Drag and drop is a user interface for transferring data between a “drag source” and “drop target” that may be in same application or in different applications. Any document element that has the HTML draggable attribute is a drag source and the the element where the HTML element dropped is drop target. In other words, drag and drop allows the user to click and hold the mouse button down over an element, drag it to another location, and release the…
Read more

What is Bootstrap and How To Get Started With It

If you are a programmer, web developer  or you are interested on it, may likely heard the word bootstrap and want to learn more about it.  Bootstrap is the most popular mobile first front-end development framework which was created using HTML, CSS, and JavaScript for faster, easier and responsive web development.   Bootstrap includes free collection of tools for creating HTML and CSS based web templates for topography, forms, buttons, tables, navigation, models, image slideshows and front end developments.  It provides…
Read more

How To Change The ClassName Using JavaScript

It is possible to redefine the CSS property of any HTML element with changing ClassName using JavaScript. A JavaScript function can assign, remove or replace the name of the class of any HTML element. Following are the different methods of changing the className. Changing The ClassName To Change The CSS Style Here is an example where the style of an element toggles between by setting the element’s className property alternatively to an existing style sheet class selector name and an…
Read more

How To Work With Text in SVG

It is possible to render text as part of an SVG document with using the <text> element. SVG’s <text> element defines a graphics element consisting of text, which are rendered like other graphics elements. So all the features used in SVG like coordinate system transformations, gradients, patterns, painting, clipping path and masking can apply to <text> elements in similar to the shapes such as circle, ellipse and rectangles. The attributes and properties on the <text> element indicates the writing direction,…
Read more