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 Oracle

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

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.

CSS - Cascading Style Sheet

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 CSS

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>

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>