CSS Tutorial

In this tutorial you learn basics about CSS along with advanced techniques like CSS border, CSS background and many other CSS properties. More

jQuery Tutorial

jQuery is a Javascript based library that aims at write less do more. This tutorial has lot of jQuey methods and events with online examples. More

PHP Tutorial

The PHP Hypertext Preprocessor (PHP) is known as a programming language. This tutorial covers basic and advanced level PHP topics like PHP syntax, PHP array, PHP string, sending email etc. More

 

Web Development Tutorials

CSS Tutorial           jQuery Tutorial

PHP Tutorial

High Level Programming Tutorials

Java Tutorial           Python Tutorial

Database Tutorials

SQL Tutorial           Mysql Tutorial

Latest Lessons

Bootstrap

Rearrange Bootstrap table columns by drag and drop

The drag-n-drop-table-columns is a jQuery based plug-in for rearranging the table columns of the Bootstrap tables.

This is a simple plug-in, only 4Kb size that enables the visitors to re-arrange the table columns by drag and drop.

Full Lesson>>

Create fixed and Smooth Scroll Bootstrap 4 navbar by jQuery

For creating a top fixed navbar based on Bootstrap 4 that scrolls smoothly, you may use the bootstrap4-fixed-navbar plug-in for that. It is a jQuery based plug-in which is only 3K size. The minified version can be even less.

Full Lesson>>

7 styles of Simple and Range Bootstrap Sliders Using jQuery/JavaScript

By using the bootstrap-slider plug-in, jQuery based, you may create the simple or range slider with different styles in web pages. Easily integrate this into the forms for taking user’s input by way of sliding for selecting the value.

For example, selecting the age group, income range, salary expectation etc.

Full Lesson>>

4 Demos of Bootstrap Tabs with Different Styles and Placements

In this core Bootstrap tabs tutorial, I showed how to create simple tabs for presenting the information. The tutorial included simple demos as well.

In this post, I am going to share an awesome plug-in for creating the tabs in Bootstrap with extended options. By using the bootstrap-tabs-x plug-in (jQuery based), you may place the tabs in different direction like top, bottom, left or right.

Full Lesson>>

3 Demos of Bootstrap datepicker with jQuery

By using the bootstrap-datepicker plug-in, you may create a simple date picker that opens up as the input text field is selected or a component date picker that displays the calendar with text field focus as well as an icon ahead of it.

Full Lesson>>

A jQuery Accordion Plug-in with Bootstrap: 2 Demos

The jquery-accordion is a tiny plug-in for creating the FAQs or Question/Answer style accordion in your web pages. As the main panel opens after user’s click or tap on smart phones, the panel body may contain multiple questions and their respective answers.

Full Lesson>>

3 Demos of Searchable Bootstrap Select menu by jQuery: bootmenu

The Bootmenu enables creating the searchable and animated select menus in your web projects. You may use this as the sidebar navigation or incorporate this into the main header navigation bar or apply your own idea as far as placement is concerned.

Full Lesson>>

3 Demos of jQuery / JavaScript based form validation with Bootstrap

The javascript.validation is a form validation plug-in that is based on jQuery and implemented on Bootstrap framework. It works with Bootstrap 2+ version. You may set the Bootstrap version in the global variables along with the font-awesome library.

Full Lesson>>

7 Demos of checkbox into cool toggle button/switch style by bootstrap-checkbox

The bootstrap-checkbox plug-in enables converting a simple looking checkbox into the beautiful checkboxes that looks like toggle button.

Full Lesson>>

3 Demos of Bootstrap / jQuery file upload with Preview and Multiple Uploads

The default file upload button with the Bootstrap framework is an ordinary button that allows selecting a file.

By using different plug-ins, you may enable your visitors selecting one or mote files along with image or file preview. Besides, it also enables you using different buttons with icons for selecting and uploading the files.

Full Lesson>>

jQuery

jQuery animate elements as in view (on scroll) plug-in

The jQuery-scroll-animate is a light-weight plug-in that is used to animate the elements in the view. That means, as the user scrolls down to the page, you may animate different elements as they appear on screen of the user. The section with animation may contain different elements like simple paragraphs, tables, forms etc.

Full Lesson>>

jQuery Multi-select Dropdown with Checkbox and Searching: 3 Demos

By using the fSelect plug-in, you may create the simple or option group based select dropdowns that allow selecting one or more options. Each option in the dropdown has a checkbox with it while the selected value is also displayed on top.

Full Lesson>>

4 Demos of jQuery lightbox plug-in for images, inline content and videos

The VenoBox is a jQuery based plug-in for creating the responsive modal windows for various type pf content. You may use it for presenting the images, Google maps, inline content and videos from different sources like YouTube and Vimeo.

The lightbox is fully responsive, so adjusts to the user’s screen nicely.

Full Lesson>>

3 Demos of jQuery Line, Bar, Pie and Donut charts with SVG

The peity is a simple, light-weight useful jQuery plug-in for creating the charts into your web pages. It converts content or data in a specified element into required charts that includes line, bar, donuts and pie charts.

You may specify the type of chart as initiating the plug-in via JavaScript.

Full Lesson>>

3 Demos of jQuery Zooming and Panning Images plug-in: EasyZoom

The EasyZoom plug-in is a light-weight and highly optimized plugin for zooming the images smoothly. The plug-in file size is only 4K and it has a few useful options that can be set by using the JavaScript.

Full Lesson>>

4 Demos of jQuery loading shapes by jQuery-svg-progress plug-in

The jQuery-svg-progress is a light-weight (5Kb) progress indicator plug-in with a variety of shapes that allow you using in infographics or some other purpose.

Following shapes can be given as values:

Full Lesson>>

6 demos of jQuery tooltips plug-in: tooltipify

The tooltipify is a jQuery plug-in for creating the sliding tooltips for different elements like textboxes or other form elements, paragraphs, span or div tags etc.

Full Lesson>>

jQuery slider: bxslider with 4 demos (horizontal, vertical and more)

The bxslider is a cool jQuery slider plug-in that has a ton of options and many features. It is fully responsive; since more and more visits are coming from mobile devices so it is an important feature.

Full Lesson>>

A small jQuery loader plug-in as content is loading

As the content is loading in your web page including images, text etc. you may display a colorful loader on top bar to let the users know.

For implementing that, you may use a light-weight plugin (loadBar) which is based on jQuery and is quite easy to use.

Full Lesson>>

Java

2 examples for formatting dates by Java SimpleDateFormat class

The simple Date class of java.util package does not provide enough methods to work with the date formatting in Java applications. The Date() class is good to use if you intend to work with the current date.

Full Lesson>>

Java equals method to compare strings

The equals method of the String class is used to compare two strings whether two are the same or not.

Full Lesson>>

Java Hello world: Your first program

Until now, we learned what is the Java programming. After setting up the environment (JDK) to execute the Java code, it is time to write our first program of Java i.e. the "hello world” program.

Full Lesson>>

How to declare and use the Java Boolean data type

Java has eight primitive data types to store data in its programs. The boolean Java is one of the primitive data types.

Full Lesson>>

2 demos of converting Java int to double and double to int

You may convert the variable of data type double to int and int to double quite easily in Java programming. The example below shows how to convert that.

Full Lesson>>

Java toString method

The Java toString is a String class method. This method returns an object’s string representation.

Full Lesson>>

2 examples to understand Java string split

The Java split method of the String class is used to split the given string. The whole string will be broken by the given regular expression (regex).

Full Lesson>>

How to use Java string replace method?

The replace method of the String class is used to replace existing characters in a given string to the new given characters.

Full Lesson>>

3 examples of Java int to string conversion by valueOf and toString methods

In the previous chapter, we learned how to convert strings to int data type in Java. You can also convert an int to a string by using the built-in methods provided by Java. These methods are explained below with examples.

Full Lesson>>

Java date (java.util.date) with 4 examples

Java comes up with a few date related classes to work with date and time in the Java projects. The Date class is one of those. The Date class is the part of java.util package.

Full Lesson>>

Python

Python exception: try except with 3 examples to handle errors

An exception is an error or event that occurs during a program execution. Depending on error type, exception may crash a program or result in some unexpected behaviour. In order to avoid crashing or end program in unwanted way error must be handled immediately.

Full Lesson>>

What is Python Set: 3 Examples of How to Use

In Python Set is almost similar to dictionary. A set is dictionary with no values. As described in dictionary chapter, dictionary data type work with key – value pairs as shown below:

Full Lesson>>

Understand Python Class, Objects and Inheritance: 3 Examples

Grouping similar types of tasks into classes is termed as object oriented programming. Where Class is a combination of variables/properties and functions/methods. This chapter does not aim at explaining object oriented programming concepts thoroughly. The aim of this chapter is how to create and use Python classes.

Full Lesson>>

How to define and call Python function with return examples

A python function is a block of code that may take one or more input parameters, executes and may return a value. Functions can be used in Python programs repeatedly. A function’s code will only be executed once this is called.

Full Lesson>>

Ways to use Python range with 4 examples

Python has a function called range() that is used to create list of integers. For example range(5) is the length of 5 numbers. By default Python range starts from 0.

Full Lesson>>

Python Tuple: Easily Understand tuples with 5 examples

Among other compound data types available in Pytho,n tuple is one of those. The Tuple is sequence just like list but this type is immutable. That means its values cannot be changed. Once created, rest of the program it will stay same. Besides list use square brackets while tuples use parentheses ().

Full Lesson>>

13 Examples to Learn Python datetime module in 30 Minutes

Python comes up with a few date and time modules. One of those is python datetime. In order to format date and time you have to import datetime module into your Python programs. This chapter explains how to format date and time with datetime python module, let us first show you how to import datetime in Python program.

Full Lesson>>

Python Input VS Raw_input - Learn to Take User input with 2 Demos

Taking user input from keyboard is sometimes required in programming languages. For example developing a calculator, a menu system etc. that asks users to input some value. Python comes up with input() method that allows programmers to take user input.

Full Lesson>>