React Tutorial

The language for React web Application

React is a JavaScript library for building user interfaces.

React is used to build single-page applications.

React allows us to create reusable UI components.

React Example:

import React from 'react';
      import ReactDOM from 'react-dom';

      function Hello(props) {
        return <h1>Hello World!</h1>;
      }

      ReactDOM.render(<Hello />, document.getElementById('root'));

Try it Yourself

jQuery Tutorial

jQuery is a JavaScript Library.

jQuery greatly simplifies JavaScript programming.

jQuery is easy to learn.

Learn jQuery

jQuery Example:

$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});

Try it Yourself

Sass Tutorial

Sass is a CSS pre-processor.

Sass reduces repetition of CSS and therefore saves time.

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

A CSS preprocessor is a scripting language that extends CSS by allowing developers to write code in one language and then compile it into CSS.

Learn Sass

Sass Example:

/* Define standard variables and values for website */
$bgcolor: lightblue;
$textcolor: darkblue;
$fontsize: 18px;

/* Use the variables */
body {
background-color: $bgcolor;
color: $textcolor;
font-size: $fontsize;
}

Try it Yourself

HTML Tutorial

HTML is the standard markup language for Web pages.

The language for building web pages

With HTML you can create your own Website.

HTML is easy to learn - You will enjoy it!

We are working on it. We will soon....

HTML Example:

<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Try it Yourself

CSS Tutorial

The language for styling web pages

CSS is the language we use to style an HTML document.

CSS describes how HTML elements should be displayed.

This tutorial will teach you CSS from basic to advanced.

We are working on it. We will soon....

CSS Example:

body {
background-color: lightblue;
}

h1 {
color: white;
text-align: center;
}

Try it Yourself

JavaScript Tutorial

The language for programming web pages

JavaScript is the world's most popular programming language.

JavaScript is the programming language of the Web.

JavaScript is easy to learn.

This tutorial will teach you JavaScript from basic to advanced.

We are working on it. We will soon....

JavaScript Example:

<button onclick="myFunction()">Click Me!</button>

<script>
function myFunction() {
let x = document.getElementById("demo");
x.style.fontSize = "25px";
x.style.color = "red";
}
</script>

Try it Yourself

Bootstrap Tutorial

A CSS framework for designing better web pages

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.

Bootstrap is completely free to download and use!

We are working on it. We will soon....

Bootstrap Example:

<div class="jumbotron text-center">
  <h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>

<div class="container">
<div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
</div>
</div>

Try it Yourself

SQL

A language for accessing databases

SQL is a standard language for storing, manipulating and retrieving data in databases.

Our SQL tutorial will teach you how to use SQL in: MySQL, SQL Server, MS Access, Oracle, Sybase, Informix, Postgres, and other database systems.

We are working on it. We will soon....

SQL Example:

SELECT * FROM Customers
WHERE Country='Mexico';

Try it Yourself

React Tutorial

React Example:

jQuery Tutorial

jQuery Example:

Sass Tutorial

Sass Example:

HTML Tutorial

HTML Example:

CSS Tutorial

CSS Example:

JavaScript Tutorial

JavaScript Example:

Bootstrap Tutorial

Bootstrap Example:

SQL

SQL Example:

About Us

Contact

Interactive Tools