16_12_abstract_class.html

<!DOCTYPE html> 
<html>

<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
    <!-- This is a wide open CSP declaration. To lock this down for production, see below. -->
    <meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *" />

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">  

    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <script type="text/javascript" src="cordova.js"></script> 

    <link href="fontawesome/css/all.css" rel="stylesheet">
 
    <title>নতুনদের জন্য জাভা</title> 

    <style type="text/css">
        @font-face {
          font-family: "solaimanlipi";
          src: url("res/assets/font/solaimanlipi.ttf");  
        }
/*        img{
          width: 100%;
        }*/
        img.img{
            max-width: 100% !important;
            border: 1px solid;
        }
    </style>
    <style type="text/css">
        body{
          margin-top:20px;
          color: #6f9f57 !important;
          font-family: solaimanlipi;  
        }
        a{
          color: #6f9f57 !important;
        }
        .fas { margin-right:10px; }
        .panel-body { padding:0px; }
        .panel-body table tr td { padding-left: 15px }
        .panel-body .table {margin-bottom: 0px; }

        .slogan{
            font-family: solaimanlipi;  
            color: white;
            text-align: center;
            font-size: 20px;
        }
        #logo_and_slogan{
            position:absolute;             /* position in the center of the screen */
            left:50%;
            top:50%;
            height:50px;                   /* text area height */
            width:225px;                   /* text area width */
            text-align:center;
            padding:0px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
            margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
                                           /* offset horizontal: half of text area width */
        }

        .slogan_style{
          margin-top: 20px;
          color: #6f9f57; 
          background-color: white;  
          text-align: center; 
          border: 1px solid #6f9f57; 
          border-radius: 5px; 
          font-family: solaimanlipi; 
          padding: 5px; 
          font-size: 16px;
        }
/*        .navbar-header{
            background-color: #6f9f57;
        }*/
        .anchor{
          font-size: 30px; 
          font-weight: bold; 
          font-family: solaimanlipi; 
          color: #6f9f57;
          text-align: center;
        }
        .para_heading{
          padding-bottom: 5px;
          font-weight: bold;
          text-align: center;
        }
        .para_body{  
          text-align: justify;
        }
        .brand_style{
            font-size: 16px;
        }
        p {
            margin: 0 0 5px !important;
        }
        td, th {
            padding: 4px 10px;
            border: 1px solid;
        }
    </style> 
</head>

<body>  
  <div class="container">
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
       <div id="divContainer" class="container">
            <div class="navbar-header">  
                <a class="navbar-brand brand_style" href="home.html"><span class="fas fa-arrow-left"></span>Back</a>
                <a class="navbar-brand brand_style" href="slogan.html"><span class="fas fa-heading"></span>Slogan</a> 
                <a class="navbar-brand brand_style" href="about_me.html"><span class="fas fa-user"></span>About Me</a> 
            </div>
          </div> 
       </div>
    </nav>
    <div class="clearfix">&nbsp;</div>
    <div class="clearfix">&nbsp;</div>
    <div class="clearfix">&nbsp;</div> 

    <!-- Inner Content Start   -->

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="panel-group" id="accordion">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title para_heading">Abstract Class</h4>
                            <br>
                            <p>Abstract ক্লাশ এমন এক ধরনের ক্লাশ যাকে ইন্সট্যানশিয়েট করা যায় না বা যার কোন অবজেক্ট তৈরী করা যায় না।</p>
                            <p>Abstract ক্লাশ ডিক্লেয়ার করতে হয় এভাবে।</p>
                            <br><img class="img" src="img/content_images/16_12_abstract_class_1.png"><br><br>
                            <p>এখন এই ক্লাশের মধ্যে যত মেথড আর ভেরিয়েবলই থাকুক না কেন এটির কোন অবজেক্ট তৈরী করা যাবে না।</p>
                            <p>তবে Abstract ক্লাশকে কোন ক্লাশে আবার তুমি extend করতে পারবে।</p>
                            <p>Abstract ক্লাশে Abstract মেথডও থাকতে পারে। যেমন:</p>
                            <br><img class="img" src="img/content_images/16_12_abstract_class_2.png"><br><br>
                            <p>কিন্তু সে মেথডের ভেতরে কোন কোড থাকা যাবে না। প্রোগ্রামিং এর ভাষায় একে বলা হয় মেথড ইমপ্লিমেন্টেশন। মানে এরকম:</p>
                            <br><img class="img" src="img/content_images/16_12_abstract_class_3.png"><br><br>
                            <p>সিম্পলি আগের মতো মেথডের নামের শেষে একটা সেমিকোলন(;) দিয়ে শেষ করতে হবে।</p>
                            <p>একটা Abstract ক্লাশে অনেকগুলো Abstract মেথড থাকতে পারে, এবং আরো non-abstract মেথডও থাকতে পারে।</p>
                            <p>কিন্তু শর্ত হলো যখন একটি এ্যাবস্ট্রাক্ট ক্লাশকে অন্য কোন ক্লাশ extend করবে তখন অবশ্যই তাকে এ্যাবস্ট্রাক্ট ক্লাশে যত এ্যাবস্ট্রাক্ট মেথড ছিলো সবগুলোকেই ইমপ্লিমেন্ট করতে হবে। অর্থাৎ মেথডগুলো ওভাররাইড করে ভেতরে কোড লিখতে হবে।</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Inner Content End   -->

  </div> 
</body>
<script type="text/javascript">  
    jQuery(document).ready(function($) {   
         
    });
</script>
 
</html>