13 OOP > Object > add

DrMadWill · Dec 6, 2021 · 4c97674 · 4c97674
1 parent 5dff856
commit 4c97674
Show file tree

Hide file tree

Showing 4 changed files with 127 additions and 1 deletion.
diff --git a/13_Object_Oriented_Programming/HTML/index.html b/13_Object_Oriented_Programming/HTML/index.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>Title</title>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS v5.0.2 -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"  integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+
+  </head>
+  <body>
+        <div class="card" style="width:18rem;">
+          <img src="https://images.unsplash.com/photo-1561154464-82e9adf32764?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60" class="card-img-top" alt="...">
+          <div class="card-body">
+            <h5 class="card-title">Card title</h5>
+            <h6 class="card-subtitle mb-2 text-muted ">Card subtitle</h6>
+            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+            b5
+          </div>
+        </div>
+
+    <!-- JavaScript Code -->
+    <script src="../Js/43_13_1_Object.js"></script>
+
+    <!-- Bootstrap JavaScript Libraries -->
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
+
+    <!-- JQuery -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+
+  </body>
+
+
+</html>
diff --git a/13_Object_Oriented_Programming/Js/43_13_1_Object.js b/13_Object_Oriented_Programming/Js/43_13_1_Object.js
@@ -0,0 +1,69 @@
+
+//* Testing
+console.log("Hello")
+
+
+let num;
+num = 10; // Primitive yalnız bir dəyər tutur başqa fuksiyası yoxdur
+
+// Object Litreal
+let student={ // Object müəyyən bir funksiyası var, birden çox dəyər tutur.
+    id:"15a",
+    name:"Ali",
+    age:15,
+}
+
+//* Funcition Ctor
+
+// Funcition Decleration
+
+// function Student(id,name,age) { // Constroctor Define
+//     this.id=id;
+//     this.name=name;
+//     this.age=age;
+
+//     this.BirthYear=function(){
+//         let date=new Date
+//         return date.getFullYear() - this.age
+//     }
+
+// }
+
+// Funcition Expration
+
+// let Student=function(id,name,age){
+//     this.id=id;
+//     this.name=name;
+//     this.age=age;
+
+//     this.BirthYear=function(){
+//         let date=new Date
+//         return date.getFullYear() - this.age
+//     }
+// }
+
+// Class use
+
+class Student{
+    constructor(id,name,age){
+        this.id=id;
+        this.name=name;
+        this.age=age;
+    }
+
+    BirthYear=function(){
+        let date=new Date
+        return date.getFullYear() - this.age
+    }
+}
+
+let student2=new Student("15b","Sakura",15); // instance
+console.log(student2)
+console.log(student2.BirthYear())
+
+
+
+
+
+
+
diff --git a/Documantation/13_Object_Oriented/documentation.md b/Documantation/13_Object_Oriented/documentation.md
@@ -0,0 +1,17 @@
+# Object Oriented Programming 
+
+## Primitive Type
+- Numbers
+- String
+- Bools
+- Null
+- Underfined
+
+## Object Type
+- Array
+- Funcition
+- **Primitive** başqa hamsı ....
+
+## (Funcition)Constractor C# daki classlarla eyni anlayşdır.
+> Yaradcağımız obeyktlərin qəlibidir.
+
diff --git a/README.md b/README.md
@@ -105,4 +105,7 @@
     - [My Documantation](https://github.com/DrMadWill/JavaScript/blob/main/Documantation/12_JQuery/documantation.md#animate)
 - [Messange Box App](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/40_12_10_MessageBox.html#L47)
 - [Back To Top App](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/41_12_11_Back_To_top.html#L246)
-- [Form Validation](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/42_12_11_Form_Validation.html)
+- [Form Validation](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/42_12_11_Form_Validation.html)
+
+### Object Oriented Programming
+- Object and Constroctor