View video tutorial

TUTORIALS OVERVIEW

TUTORIALS OVERVIEW

An Online Learning Platform, designed and developed by w3context for all who prefer reading and learning online content to develop their skills at their own time. Enjoy the best online tutorials.

Top Tutorials

HTML CSS

HTML

The World Wide Web is an increasingly important aspect to us.

HTML is the primary and most important step in web development, web programming, etc.

Once HTML is known, other parts of web technology will be easier to understand.

It is easy to learn.

Learn HTML

Examples in Each Chapter

Setup your own environment and project yourself before trying each example.

Copy each file contents and paste it to your project, run and see the final output when everything is OK.

Example

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
    
<p>Welcome to w3context.</p>
<h1>Heading big.</h1>
<h2>Heading smaller.</h2>
<p>Paragraph.</p>

</body>
</html>
Try it Now »

Click on the "Try it Now" button to see how it works.


Example

<!DOCTYPE html>
<html>
<head>
    <title>HTML Nav Example</title>
    <style>
        nav {
            display: flex;
            flex-wrap: wrap;
        }
        nav a {
            text-decoration: none;
            display: block;
            padding: 15px 25px;
            text-align: center;
            background-color: #9a9a9a;
            color: #000;
            margin: 0;
            font-family: sans-serif;
        }
        nav a:hover {
            background-color: #00f;
            color: #ffffff;
        }
    </style>
</head>
<body>
    <h1>HTML Nav Example</h1>
    <nav>
        <a href="https://www.w3context.com/html/">HTML</a>
        <a href="https://www.w3context.com/css/">CSS</a>
        <a href="https://www.w3context.com/js/">JavaScript</a>
        <a href="https://www.w3context.com/bs5/">BootStrap5</a>
        <a href="https://www.w3context.com/jquery/">jQuery</a>
    </nav>
</body>
</html>
Try it Now »

Click on the "Try it Now" button to see how it works.


CSS

CSS is the language used to describe the presentation of web pages.

CSS allows HTML elements to be styled in various aspects, including color, font, size, background, layout, and more.

CSS - Cascading Style Sheet

Using CSS we can style the color, font, size, background, layout and more of the web page elements.

Learn CSS

Copy each file contents and paste it to your project, run and see the final output when everything is OK.

Example

<div style="padding:10px; border-radius: 5px; border:1px solid #424242">
  <h1 style="text-transform: uppercase;color: green; text-align:center;">text formatting</h1>
  <p style="text-indent:50px;text-align:justify;letter-spacing:3px;">Lorem Ipsum is simply dummy text of the printing
    and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever.
    It is a long established fact that a reader will be distracted by the readable content of a page when looking at
    its layout.</p>
</div>
Try it Now »

Click on the "Try it Now" button to see how it works.


Example

div p {
  background-color: yellow;
}
Try it Now »

Click on the "Try it Now" button to see how it works.


JAVA

Java is Linux based Operating System to run primarily mobile phones.

Although Android can be thought of as mobile operating system, now it is used in various devices like televisions,set-top boxes, notebooks etc.

Java is developed and maintained by Oracle.

It is an open-source platform.

Java Programming Language

Java software development is based on java programming language, therefore to understand and go forward with android development, the basic understanding of java programming language required.

Learn Java

Examples in Each Chapter

Setup your own environment and project yourself before trying each example.

Copy each file contents and paste it to your project, run and see the final output when everything is OK.

Sample Code

public class MainActivity extends AppCompatActivity {
    public static final String EXTRA_MESSAGE = "com.example.myfirstapp.MESSAGE";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    /** Called when the user taps the Send button */
    public void sendMessage(View view) {
        Intent intent = new Intent(this, DisplayMessageActivity.class);
        EditText editText = (EditText) findViewById(R.id.editTextTextPersonName);
        String message = editText.getText().toString();
        intent.putExtra(EXTRA_MESSAGE, message);
        startActivity(intent);
    }
}
                                    

Click on the "See output" button to see how it works.


Sample Code

Copy each file contents and paste it to your project, run and see the final output when everything is OK.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:orientation="vertical" >
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/to" />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/subject" />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="top"
        android:hint="@string/message" />
    <Button
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:text="@string/send" />
</LinearLayout>

Android

Android is Linux based Operating System to run primarily mobile phones.

Although Android can be thought of as mobile operating system, now it is used in various devices like televisions,set-top boxes, notebooks etc.

Android is developed and maintained by Google.

It is an open-source platform.

Android Programming Language

Android software development is based on java programming language, therefore to understand and go forward with android development, the basic understanding of java programming language required.

Learn Android

Examples in Each Chapter

Setup your own environment and project yourself before trying each example.

Copy each file contents and paste it to your project, run and see the final output when everything is OK.

Sample Code

public class MainActivity extends AppCompatActivity {
    public static final String EXTRA_MESSAGE = "com.example.myfirstapp.MESSAGE";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    /** Called when the user taps the Send button */
    public void sendMessage(View view) {
        Intent intent = new Intent(this, DisplayMessageActivity.class);
        EditText editText = (EditText) findViewById(R.id.editTextTextPersonName);
        String message = editText.getText().toString();
        intent.putExtra(EXTRA_MESSAGE, message);
        startActivity(intent);
    }
}
                                    

Click on the "See output" button to see how it works.


Sample Code

Copy each file contents and paste it to your project, run and see the final output when everything is OK.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:orientation="vertical" >
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/to" />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/subject" />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="top"
        android:hint="@string/message" />
    <Button
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:text="@string/send" />
</LinearLayout>

Python

Python is Linux based Operating System to run primarily mobile phones.

Although Android can be thought of as mobile operating system, now it is used in various devices like televisions,set-top boxes, notebooks etc.

Python is developed and maintained by Google.

It is an open-source platform.

Python Programming Language

Python software development is based on java programming language, therefore to understand and go forward with android development, the basic understanding of java programming language required.

Learn Python

Examples in Each Chapter

Setup your own environment and project yourself before trying each example.

Copy each file contents and paste it to your project, run and see the final output when everything is OK.

Sample Code

public class MainActivity extends AppCompatActivity {
    public static final String EXTRA_MESSAGE = "com.example.myfirstapp.MESSAGE";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    /** Called when the user taps the Send button */
    public void sendMessage(View view) {
        Intent intent = new Intent(this, DisplayMessageActivity.class);
        EditText editText = (EditText) findViewById(R.id.editTextTextPersonName);
        String message = editText.getText().toString();
        intent.putExtra(EXTRA_MESSAGE, message);
        startActivity(intent);
    }
}
                                    

Click on the "See output" button to see how it works.


Sample Code

Copy each file contents and paste it to your project, run and see the final output when everything is OK.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:orientation="vertical" >
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/to" />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/subject" />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="top"
        android:hint="@string/message" />
    <Button
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:text="@string/send" />
</LinearLayout>