Web Development Tutorials
High Level Programming Tutorials
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>>
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>>
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>>
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>>
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>>
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>>
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>>
The bootstrap-checkbox plug-in enables converting a simple looking checkbox into the beautiful checkboxes that looks like toggle button.Full Lesson>>
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>>
The bootstrap-treeview is an awesome plug-in for displaying the hierarchical data in the form of tree view in your web pages. The plug-in is developed using the jQuery and implemented on Bootstrap framework (3+) version.
In this tutorial, I am going to show you a few demos of presenting data in tree view form while you may also see how to set up this plug-in for your website.Full Lesson>>
In this tutorial, a jQuery based plug-in that supports the Bootstrap framework is shared that enables converting an ordinary HTML table into a data table.
The datatable plug-in has the following features:Full Lesson>>
The fallings is a nice and simple jQueyr plug-in for creating the parallax effect in your website. The development version is only 4Kb file while production or minified file is only 2Kb.Full Lesson>>
The jquery-histogram-slider is a tiny and easy to use plug-in for creating the histogram slider on your website. The histogram is responsive and the slider is touch enabled as well.Full Lesson>>
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>>
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>>
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>>
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.
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>>
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>>
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>>
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>>
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>>
The equals method of the String class is used to compare two strings whether two are the same or not.Full Lesson>>
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>>
Java has eight primitive data types to store data in its programs. The boolean Java is one of the primitive data types.Full Lesson>>
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>>
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>>
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>>
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>>