diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..833a3e3 Binary files /dev/null and b/.DS_Store differ diff --git a/01. JavaScript Introduction.md b/01. JavaScript Introduction.md index 4f97a0d..a09f19b 100644 --- a/01. JavaScript Introduction.md +++ b/01. JavaScript Introduction.md @@ -1,50 +1,132 @@ # 1- Getting Started With JavaScript *** -JavaScript is not something you need to install separately like a software program; it's already built into modern web browsers. To create and run a basic JavaScript program, you only need a text editor and a web browser. Here's a simple guide to creating your first JavaScript program: - -1. **Text Editor:** - Choose a text editor to write your JavaScript code. You can use popular text editors like Visual Studio Code, Sublime Text, Atom, Notepad++, or even a plain text editor like Notepad on Windows or TextEdit on macOS. - -2. **Create an HTML File:** - Create an HTML file where you'll include your JavaScript code. You can do this by opening your text editor and creating a new file with a ".html" extension. For example, you can name it `index.html`. - -3. **Write the HTML Structure:** - In your `index.html` file, write the basic structure of an HTML document, including an opening and closing ``, ``, and `` tags. Here's a simple example: - - ```html - - - - My First JavaScript Program - - - - - - ``` - -4. **Adding JavaScript Code:** - Inside the `` section of your HTML file, you can include JavaScript code within ` - - - ``` - -5. **Save the File:** - Save your `index.html` file after adding the JavaScript code. - -6. **Open in a Web Browser:** - Locate your `index.html` file and open it with your preferred web browser (e.g., Google Chrome, Mozilla Firefox, or Microsoft Edge). You should see an alert message saying "Hello, JavaScript!" - -That's it! You've created and executed a basic JavaScript program in an HTML document. As you continue to learn JavaScript, you can add more complex code and interact with the HTML document's content and structure. You can also link external JavaScript files and build interactive web applications as you become more proficient. \ No newline at end of file +# : Running Your First "Hello, World!" Program + +This tutorial walks you through creating and running a "Hello, World!" program in JavaScript, designed for absolute beginners. We’ll cover two methods: running JavaScript in a web browser and using Node.js. Each step is detailed to ensure clarity. + +## What is JavaScript? +JavaScript is a programming language used to make websites interactive. It runs in browsers (e.g., Chrome) and can also work outside browsers with Node.js. This tutorial focuses on writing and running a simple program that outputs "Hello, World!". + +## Prerequisites +- A computer with a web browser (e.g., Google Chrome). +- A text editor (Notepad is fine, but Visual Studio Code is recommended—free at [code.visualstudio.com](https://code.visualstudio.com/)). +- Optional: Node.js (we’ll guide you through installation for Method 2). +- No coding experience needed. + +## Method 1: Running "Hello, World!" in a Web Browser +This method uses a browser to run JavaScript, displaying the output in the browser’s console. + +### Step 1: Create a New File +1. Open your text editor (e.g., Notepad or VS Code). +2. Create a new file and name it `index.html`. Save it in a folder, like `C:\Users\YourName\Documents\JS_Tutorial`. + +### Step 2: Write the HTML and JavaScript Code +1. Copy and paste the following code into `index.html`: + ```html + + + + + My First JavaScript Program + + +

Hello, World! Program

+ + + + ``` +2. Save the file (`Ctrl+S` or `File > Save`). + +**What’s happening here?** +- ``: Declares the file as HTML. +- ` + ``` +2. Save the file and refresh the browser (`F5` or `Ctrl+R`). +3. The text "Hello, World!" will appear on the web page below the heading. + +## Method 2: Running "Hello, World!" with Node.js +This method runs JavaScript outside a browser using Node.js, displaying output in a terminal. + +### Step 1: Install Node.js +1. Visit [nodejs.org](https://nodejs.org/) and download the "LTS" version (e.g., 20.17.0 as of now). +2. Run the installer and follow the prompts (accept defaults). +3. Verify installation: + - Open a terminal: + - Windows: Press `Win+R`, type `cmd`, and press Enter. + - Mac: Open Terminal from Applications > Utilities. + - Linux: Open your terminal app. + - Type `node -v` and press Enter. + - You should see a version number (e.g., `v20.17.0`). If not, reinstall Node.js. + +### Step 2: Create a JavaScript File +1. Open your text editor and create a new file named `hello.js`. +2. Add the following code: + ```javascript + console.log("Hello, World!"); + ``` +3. Save the file in your folder (e.g., `C:\Users\YourName\Documents\JS_Tutorial`). + +### Step 3: Run the Program +1. Open a terminal and navigate to your folder: + - Type `cd C:\Users\YourName\Documents\JS_Tutorial` (adjust the path as needed) and press Enter. + - Verify you’re in the right folder by typing `dir` (Windows) or `ls` (Mac/Linux) to see `hello.js`. +2. Run the program: + - Type `node hello.js` and press Enter. + - You should see "Hello, World!" printed in the terminal. + +## Troubleshooting +- **Browser Console Empty**: + - Ensure the ` - - - - - - + + + + + + Document + + + + + + + + diff --git a/Example/Array/Example.html b/Example/Array/Example.html index 0b353d1..d6ff555 100644 --- a/Example/Array/Example.html +++ b/Example/Array/Example.html @@ -1,113 +1,113 @@ - - - - - - Document - - - - - - + + + + + + Document + + + + + + \ No newline at end of file diff --git a/Example/Array/ExampleOf_Array.html b/Example/Array/ExampleOf_Array.html index 3c08b3a..062fd42 100644 --- a/Example/Array/ExampleOf_Array.html +++ b/Example/Array/ExampleOf_Array.html @@ -1,44 +1,44 @@ - - - - - - Document - - - - - - - - - - + + + + + + Document + + + + + + + + + + \ No newline at end of file diff --git a/Example/Array/Food.html b/Example/Array/Food.html index 5e0dd19..86d2a31 100644 --- a/Example/Array/Food.html +++ b/Example/Array/Food.html @@ -1,25 +1,25 @@ - - - - - - Document - - - - - + + + + + + Document + + + + + \ No newline at end of file diff --git a/Example/Array/Food_List.html b/Example/Array/Food_List.html index c3a4f3b..4cdd505 100644 --- a/Example/Array/Food_List.html +++ b/Example/Array/Food_List.html @@ -1,39 +1,39 @@ - - - - - - Document - - - - - - - \ No newline at end of file diff --git a/Example/Array/JavaScriptArray.js b/Example/Array/JavaScriptArray.js index bed2f0d..988fc94 100644 --- a/Example/Array/JavaScriptArray.js +++ b/Example/Array/JavaScriptArray.js @@ -1,61 +1,61 @@ -const fruits = ["apple", "banana", "cherry"]; - - -// Array Constructor - -const colors = new Array("red", "green", "blue"); - -// Array Elements -const mixedArray = [1, "apple", { name: "John" }, [2, 3, 4]]; - - - -const firstFruit = fruits[0]; // "apple" -const secondFruit = fruits[1]; // "banana" - -console.log(firstFruit); -console.log(secondFruit); - -fruits[2] = "grape"; - -console.log(fruits); - -fruits.push("orange"); // adds element to the end of array - -console.log(fruits); - -fruits.pop(); // removes last element from array - -console.log(fruits); - -fruits.shift(); //removes first element from array - -console.log(fruits) - -fruits.unshift("kiwi"); //adds an element to the beginning of the array - -console.log(fruits); - -// Accessing elements with index -const myArray = [5,6,7,8,9]; - -let x = myArray[1]; // - -// Using for loop -for (let i=0; i + + + + + Document + + + + + + + + +
+
+
+ + +
+ +
+ +
+
+
+ + + \ No newline at end of file diff --git a/Example/Array/table_print.html b/Example/Array/table_print.html new file mode 100644 index 0000000..35ec3a8 --- /dev/null +++ b/Example/Array/table_print.html @@ -0,0 +1,37 @@ + + + + + + Document + + + + + + + + + +
+ + + + + diff --git a/Example/Array/userInput_prompt.html b/Example/Array/userInput_prompt.html index 82ee825..128e937 100644 --- a/Example/Array/userInput_prompt.html +++ b/Example/Array/userInput_prompt.html @@ -1,41 +1,41 @@ - - - - - - Document - - - - - - - - - + + + + + + Document + + + + + + + + + diff --git a/Example/Arrow/ArrowFunction.html b/Example/Arrow/ArrowFunction.html index 526e550..05d3013 100644 --- a/Example/Arrow/ArrowFunction.html +++ b/Example/Arrow/ArrowFunction.html @@ -1,39 +1,39 @@ - - - - - - Document - - - - - + + + + + + Document + + + + + \ No newline at end of file diff --git a/Example/Basic/index.html b/Example/Basic/index.html index 157b323..a67c026 100644 --- a/Example/Basic/index.html +++ b/Example/Basic/index.html @@ -1,22 +1,22 @@ - - - - - - Document - - - - - - - - - - - + + + + + + Document + + + + + + + + + + + \ No newline at end of file diff --git a/Example/Cookies/Example.html b/Example/Cookies/Example.html new file mode 100644 index 0000000..7e74af5 --- /dev/null +++ b/Example/Cookies/Example.html @@ -0,0 +1,61 @@ + + + + + + Document + + + + + + + + + +
+
+
+
+ + + +
+
+ + + +
+ +
+ +
+
+
+
+ +
+
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/Example/Function/Arrow functions/Arrow.js b/Example/Function/Arrow functions/Arrow.js index 46bd369..a9155c3 100644 --- a/Example/Function/Arrow functions/Arrow.js +++ b/Example/Function/Arrow functions/Arrow.js @@ -1,22 +1,22 @@ -// basic Arrow funciton - -const greet = () => console.log("Good Morning"); - -greet(); - -// use arg.. - -const info = (Name,Age) => { - console.log(`My name is ${Name} and age is ${Age}`); -} - -info("Nishant",12); - -// return type + arg. - -let addNumbers = (a, b) => { - let result = a + b; - return result; -} -let sum = addNumbers(5, 8); -console.log("The sum is " + sum); +// basic Arrow funciton + +const greet = () => console.log("Good Morning"); + +greet(); + +// use arg.. + +const info = (Name,Age) => { + console.log(`My name is ${Name} and age is ${Age}`); +} + +info("Nishant",12); + +// return type + arg. + +let addNumbers = (a, b) => { + let result = a + b; + return result; +} +let sum = addNumbers(5, 8); +console.log("The sum is " + sum); diff --git a/Example/Function/Arrow functions/index.html b/Example/Function/Arrow functions/index.html index 4612c22..71df3cc 100644 --- a/Example/Function/Arrow functions/index.html +++ b/Example/Function/Arrow functions/index.html @@ -1,12 +1,12 @@ - - - - - - Document - - - - - + + + + + + Document + + + + + \ No newline at end of file diff --git a/Example/Function/Basic Function/function.js b/Example/Function/Basic Function/function.js index 7beb8f8..b2693e8 100644 --- a/Example/Function/Basic Function/function.js +++ b/Example/Function/Basic Function/function.js @@ -1,46 +1,46 @@ - -function info(){ - console.log("welcome to codeswithpankaj.com"); -} - -// calling function - -info(); - -// Function With Parameters - -function UserInfo(Name,age,height){ - console.log(`My Name is ${Name} and I am ${age} years old and my Height ${height}`); -} - -// calling function - -UserInfo("Nishant",12,4.5); - -// return type - -function set_tax(){ - return 250; -} - -values = set_tax() -console.log(` this is tax ${values} `); - -// Function with Default Parameters - -function greet(name = "Guest") { - console.log("Hello, " + name + "!"); -} - -greet("Nishant"); // Outputs: Hello, Nishant! -greet(); // Outputs: Hello, Guest! - -// Function Expressions - -multiply = function(a, b) { - return a * b; -}; - -result = multiply(4, 3); -console.log("The result is: " + result); - + +function info(){ + console.log("welcome to codeswithpankaj.com"); +} + +// calling function + +info(); + +// Function With Parameters + +function UserInfo(Name,age,height){ + console.log(`My Name is ${Name} and I am ${age} years old and my Height ${height}`); +} + +// calling function + +UserInfo("Nishant",12,4.5); + +// return type + +function set_tax(){ + return 250; +} + +values = set_tax() +console.log(` this is tax ${values} `); + +// Function with Default Parameters + +function greet(name = "Guest") { + console.log("Hello, " + name + "!"); +} + +greet("Nishant"); // Outputs: Hello, Nishant! +greet(); // Outputs: Hello, Guest! + +// Function Expressions + +multiply = function(a, b) { + return a * b; +}; + +result = multiply(4, 3); +console.log("The result is: " + result); + diff --git a/Example/Function/Basic Function/index.html b/Example/Function/Basic Function/index.html index 28ea971..a60ea38 100644 --- a/Example/Function/Basic Function/index.html +++ b/Example/Function/Basic Function/index.html @@ -1,12 +1,12 @@ - - - - - - Document - - - - - + + + + + + Document + + + + + \ No newline at end of file diff --git a/Example/If Else/if_else.html b/Example/If Else/if_else.html index 57a3e77..e3515c5 100644 --- a/Example/If Else/if_else.html +++ b/Example/If Else/if_else.html @@ -1,28 +1,28 @@ - - - - - - Document - - - - + + + + + + Document + + + + \ No newline at end of file diff --git a/Example/If Else/if_else1.html b/Example/If Else/if_else1.html index d6a3dd2..e9e26d9 100644 --- a/Example/If Else/if_else1.html +++ b/Example/If Else/if_else1.html @@ -1,28 +1,28 @@ - - - - - - Document - - - - + + + + + + Document + + + + \ No newline at end of file diff --git a/Example/JSObjects/index.html b/Example/JSObjects/index.html index 1dd42ef..7c63d44 100644 --- a/Example/JSObjects/index.html +++ b/Example/JSObjects/index.html @@ -1,11 +1,11 @@ - - - - - - Document - - - - + + + + + + Document + + + + \ No newline at end of file diff --git a/Example/JSObjects/index.js b/Example/JSObjects/index.js index 47c670f..8aec69f 100644 --- a/Example/JSObjects/index.js +++ b/Example/JSObjects/index.js @@ -1,39 +1,39 @@ -info = { - 'name': 'joy', - 'age' : 12, - 'city': 'Beijing' -} - -console.log(info.city) -console.log(info['age']) - -for (let key in info) { - console.log(key +' '+ info[key]); -} - -class Person{ - - intro() { - - console.log('welcome to js...') - } - -} - -person = new Person(); -person.intro(); - - -const calculator = { - add: function(a, b) { - return a + b; - }, - subtract: function(a, b) { - return a - b; - } -}; - -console.log(calculator.add(5, 3)); // 8 -console.log(calculator.subtract(8, 2)); // 6 - - +info = { + 'name': 'joy', + 'age' : 12, + 'city': 'Beijing' +} + +console.log(info.city) +console.log(info['age']) + +for (let key in info) { + console.log(key +' '+ info[key]); +} + +class Person{ + + intro() { + + console.log('welcome to js...') + } + +} + +person = new Person(); +person.intro(); + + +const calculator = { + add: function(a, b) { + return a + b; + }, + subtract: function(a, b) { + return a - b; + } +}; + +console.log(calculator.add(5, 3)); // 8 +console.log(calculator.subtract(8, 2)); // 6 + + diff --git a/Example/JSObjects/objects.html b/Example/JSObjects/objects.html index c7d4ba8..6502c31 100644 --- a/Example/JSObjects/objects.html +++ b/Example/JSObjects/objects.html @@ -1,58 +1,58 @@ - - - - - - Document - - - - - + + + + + + Document + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Day/Basic.html b/Example/Lectures/01 Day/Basic.html new file mode 100644 index 0000000..df4c9e9 --- /dev/null +++ b/Example/Lectures/01 Day/Basic.html @@ -0,0 +1,21 @@ + + + + + + Document + + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Day/Variable.html b/Example/Lectures/01 Day/Variable.html new file mode 100644 index 0000000..be34245 --- /dev/null +++ b/Example/Lectures/01 Day/Variable.html @@ -0,0 +1,58 @@ + + + + + + Document + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/Array.html b/Example/Lectures/01 Lecture_Example/Basic/Array.html new file mode 100644 index 0000000..fca0610 --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/Array.html @@ -0,0 +1,61 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/Basic.html b/Example/Lectures/01 Lecture_Example/Basic/Basic.html new file mode 100644 index 0000000..db4751a --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/Basic.html @@ -0,0 +1,21 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/Break.html b/Example/Lectures/01 Lecture_Example/Basic/Break.html new file mode 100644 index 0000000..0502dc0 --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/Break.html @@ -0,0 +1,42 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/Global and local scope.html b/Example/Lectures/01 Lecture_Example/Basic/Global and local scope.html new file mode 100644 index 0000000..7c1dc72 --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/Global and local scope.html @@ -0,0 +1,49 @@ + + + + + + Document + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/JavaScript Objects.js b/Example/Lectures/01 Lecture_Example/Basic/JavaScript Objects.js new file mode 100644 index 0000000..fc84f1b --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/JavaScript Objects.js @@ -0,0 +1,26 @@ +// object + +const Days = { + Day1:"Monday", + Day2:"Tuesday" +} + + +console.log("Days ",Days); +console.log("Days ",Days.Day1); + + +class info{ + + Print_Data() { + + console.log("This is Demo ... Data ") + + } + + +} + +obj = new info + +obj.Print_Data(); \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/Loop.html b/Example/Lectures/01 Lecture_Example/Basic/Loop.html new file mode 100644 index 0000000..3668af4 --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/Loop.html @@ -0,0 +1,52 @@ + + + + + + Document + + + + + + + + + +

Loop

+ + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/Operator.html b/Example/Lectures/01 Lecture_Example/Basic/Operator.html new file mode 100644 index 0000000..372b5b3 --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/Operator.html @@ -0,0 +1,99 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/String_methods.html b/Example/Lectures/01 Lecture_Example/Basic/String_methods.html new file mode 100644 index 0000000..04a15de --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/String_methods.html @@ -0,0 +1,51 @@ + + + + + + Document + + + + + + + + + + +

Data :

+

Update Data :

+ + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/Variable.html b/Example/Lectures/01 Lecture_Example/Basic/Variable.html new file mode 100644 index 0000000..b5aafab --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/Variable.html @@ -0,0 +1,42 @@ + + + + + + Document + + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/arrow_function.html b/Example/Lectures/01 Lecture_Example/Basic/arrow_function.html new file mode 100644 index 0000000..2b9c738 --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/arrow_function.html @@ -0,0 +1,34 @@ + + + + + + Document + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/function.html b/Example/Lectures/01 Lecture_Example/Basic/function.html new file mode 100644 index 0000000..039ce7e --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/function.html @@ -0,0 +1,68 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/if_else.html b/Example/Lectures/01 Lecture_Example/Basic/if_else.html new file mode 100644 index 0000000..7d55bfd --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/if_else.html @@ -0,0 +1,75 @@ + + + + + + Document + + + + + + + + +
+ +
+
+
+
+ + +
+
+ + +
+
+ +
+
+
+
+ + + +
+ +
+ +
+
+
+
+ + +
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Basic/object.html b/Example/Lectures/01 Lecture_Example/Basic/object.html new file mode 100644 index 0000000..94aac2f --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Basic/object.html @@ -0,0 +1,12 @@ + + + + + + Document + + + + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Example_login/Login.html b/Example/Lectures/01 Lecture_Example/Example_login/Login.html new file mode 100644 index 0000000..770e297 --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Example_login/Login.html @@ -0,0 +1,39 @@ + + + + + + Document + + + + + + + + +
+
+
+
+
+
Login
+
+
+ + +
+
+ + +
+ +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Example_login/Welcome.html b/Example/Lectures/01 Lecture_Example/Example_login/Welcome.html new file mode 100644 index 0000000..15361a4 --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Example_login/Welcome.html @@ -0,0 +1,14 @@ + + + + + + Document + + + + +

Welcome to home page

+

Welcome to the home page. You have successfully logged in.

+ + \ No newline at end of file diff --git a/Example/Lectures/01 Lecture_Example/Example_login/login.js b/Example/Lectures/01 Lecture_Example/Example_login/login.js new file mode 100644 index 0000000..8ca79f6 --- /dev/null +++ b/Example/Lectures/01 Lecture_Example/Example_login/login.js @@ -0,0 +1,20 @@ +function login_hub(){ + + user_name = document.getElementById("username").value; + user_password = document.getElementById("password").value; + + user = "admin@cwpc.in"; + password = "admin@123"; + + if(user_name == user && user_password == password){ + alert("Login Successful"); + window.open("Welcome.html"); + }else{ + alert("Login Failed"); + document.getElementById("username").value = ""; + document.getElementById("password").value = ""; + } + + + +} \ No newline at end of file diff --git a/Example/Lectures/02 Day/Operator.html b/Example/Lectures/02 Day/Operator.html new file mode 100644 index 0000000..b765b7a --- /dev/null +++ b/Example/Lectures/02 Day/Operator.html @@ -0,0 +1,38 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/03 Day/Event.html b/Example/Lectures/03 Day/Event.html new file mode 100644 index 0000000..336c91b --- /dev/null +++ b/Example/Lectures/03 Day/Event.html @@ -0,0 +1,20 @@ + + + + + + Document + + + + + + + + + + +

Result

+ + + \ No newline at end of file diff --git a/Example/Lectures/03 Day/Functions.js b/Example/Lectures/03 Day/Functions.js new file mode 100644 index 0000000..8119dc4 --- /dev/null +++ b/Example/Lectures/03 Day/Functions.js @@ -0,0 +1,19 @@ +function info(){ + // function body + alert("welcome to codeswithpankaj") +} + +function add(){ + + num1 = document.getElementById("num1").value; + num2 = document.getElementById("num2").value; + + num1 = parseInt(num1); + num2 = parseInt(num2); + + result = num1 + num2; + + document.getElementById("print_result").innerHTML = result; + + +} \ No newline at end of file diff --git a/Example/Lectures/04 Day/Error.html b/Example/Lectures/04 Day/Error.html new file mode 100644 index 0000000..72861e4 --- /dev/null +++ b/Example/Lectures/04 Day/Error.html @@ -0,0 +1,19 @@ + + + + + + Document + + + +
+

Error

+

An error occurred while processing your request.

+ Go Back to Login +
+ + + + + \ No newline at end of file diff --git a/Example/Lectures/04 Day/Login.html b/Example/Lectures/04 Day/Login.html new file mode 100644 index 0000000..4b70852 --- /dev/null +++ b/Example/Lectures/04 Day/Login.html @@ -0,0 +1,31 @@ + + + + + + Document + + + + + + + + +
+

Login

+
+
+ + +
+
+ + +
+ +
+ + + + \ No newline at end of file diff --git a/Example/Lectures/04 Day/Welcome.html b/Example/Lectures/04 Day/Welcome.html new file mode 100644 index 0000000..2fb2c04 --- /dev/null +++ b/Example/Lectures/04 Day/Welcome.html @@ -0,0 +1,321 @@ + + + + + + + + + + Album example · Bootstrap + + + + + + + + + + + + + + + + + +
+ + +
+ +
+ +
+
+
+

Album example

+

Something short and leading about the collection below—its contents, the creator, + etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.

+

+ Main call to action + Secondary action +

+
+
+
+ +
+
+ +
+
+
+ + Placeholder + Thumbnail + + +
+

This is a wider card with supporting text below as a natural lead-in to additional + content. This content is a little bit longer.

+
+
+ + +
+ 9 mins +
+
+
+
+
+
+ + Placeholder + Thumbnail + + +
+

This is a wider card with supporting text below as a natural lead-in to additional + content. This content is a little bit longer.

+
+
+ + +
+ 9 mins +
+
+
+
+
+
+ + Placeholder + Thumbnail + + +
+

This is a wider card with supporting text below as a natural lead-in to additional + content. This content is a little bit longer.

+
+
+ + +
+ 9 mins +
+
+
+
+ +
+
+ + Placeholder + Thumbnail + + +
+

This is a wider card with supporting text below as a natural lead-in to additional + content. This content is a little bit longer.

+
+
+ + +
+ 9 mins +
+
+
+
+
+
+ + Placeholder + Thumbnail + + +
+

This is a wider card with supporting text below as a natural lead-in to additional + content. This content is a little bit longer.

+
+
+ + +
+ 9 mins +
+
+
+
+
+
+ + Placeholder + Thumbnail + + +
+

This is a wider card with supporting text below as a natural lead-in to additional + content. This content is a little bit longer.

+
+
+ + +
+ 9 mins +
+
+
+
+ +
+
+ + Placeholder + Thumbnail + + +
+

This is a wider card with supporting text below as a natural lead-in to additional + content. This content is a little bit longer.

+
+
+ + +
+ 9 mins +
+
+
+
+
+
+ + Placeholder + Thumbnail + + +
+

This is a wider card with supporting text below as a natural lead-in to additional + content. This content is a little bit longer.

+
+
+ + +
+ 9 mins +
+
+
+
+
+
+ + Placeholder + Thumbnail + + +
+

This is a wider card with supporting text below as a natural lead-in to additional + content. This content is a little bit longer.

+
+
+ + +
+ 9 mins +
+
+
+
+
+
+
+ +
+ + + + + + \ No newline at end of file diff --git a/Example/Lectures/04 Day/logic.js b/Example/Lectures/04 Day/logic.js new file mode 100644 index 0000000..9660196 --- /dev/null +++ b/Example/Lectures/04 Day/logic.js @@ -0,0 +1,20 @@ +function login_logic(){ + + // get the username and password from the input fields + var username = document.getElementById("username").value; + var password = document.getElementById("password").value; + + r_username = "admin"; + r_password = "admin@123"; + + // check if the username and password are correct + if (username === r_username && password === r_password) { + // if correct, redirect to the home page + window.location.href = "welcome.html"; + + + }else{ + window.location.href = "Error.html"; + } + +} \ No newline at end of file diff --git a/Example/Lectures/05 Day/Cookies.html b/Example/Lectures/05 Day/Cookies.html new file mode 100644 index 0000000..406c6b8 --- /dev/null +++ b/Example/Lectures/05 Day/Cookies.html @@ -0,0 +1,38 @@ + + + + + + Document + + + + + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/06 Day/Number.html b/Example/Lectures/06 Day/Number.html new file mode 100644 index 0000000..e0031e6 --- /dev/null +++ b/Example/Lectures/06 Day/Number.html @@ -0,0 +1,71 @@ + + + + + + Document + + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/06 Day/String.html b/Example/Lectures/06 Day/String.html new file mode 100644 index 0000000..ccef3b1 --- /dev/null +++ b/Example/Lectures/06 Day/String.html @@ -0,0 +1,68 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/07 Day/Regex.html b/Example/Lectures/07 Day/Regex.html new file mode 100644 index 0000000..0ed4077 --- /dev/null +++ b/Example/Lectures/07 Day/Regex.html @@ -0,0 +1,92 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/08 Day/Error_Exception.html b/Example/Lectures/08 Day/Error_Exception.html new file mode 100644 index 0000000..7dcef64 --- /dev/null +++ b/Example/Lectures/08 Day/Error_Exception.html @@ -0,0 +1,36 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Example/Lectures/09 Day/baisc.js b/Example/Lectures/09 Day/baisc.js new file mode 100644 index 0000000..3665b80 --- /dev/null +++ b/Example/Lectures/09 Day/baisc.js @@ -0,0 +1 @@ +console.log("welcome to my website"); \ No newline at end of file diff --git a/Example/Lectures/09 Day/test.js b/Example/Lectures/09 Day/test.js new file mode 100644 index 0000000..3665b80 --- /dev/null +++ b/Example/Lectures/09 Day/test.js @@ -0,0 +1 @@ +console.log("welcome to my website"); \ No newline at end of file diff --git a/Example/Lectures/10 Day/index.html b/Example/Lectures/10 Day/index.html new file mode 100644 index 0000000..60fc41c --- /dev/null +++ b/Example/Lectures/10 Day/index.html @@ -0,0 +1,22 @@ + + + + + + Document + + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/Example/Loader/index.html b/Example/Loader/index.html index 0170c76..d0cf813 100644 --- a/Example/Loader/index.html +++ b/Example/Loader/index.html @@ -1,34 +1,34 @@ - - - - - - Document - - - - - - -
- -
- - + + + + + + Document + + + + + + +
+ +
+ + \ No newline at end of file diff --git a/Example/Loader/welcome.html b/Example/Loader/welcome.html index 3164183..8f79e5d 100644 --- a/Example/Loader/welcome.html +++ b/Example/Loader/welcome.html @@ -1,11 +1,11 @@ - - - - - - Document - - -

Welcome - to codeswithpankaj.com

- + + + + + + Document + + +

Welcome - to codeswithpankaj.com

+ \ No newline at end of file diff --git a/Example/Login System/css/style.css b/Example/Login System/css/style.css index 180b4ee..3fa2eb8 100644 --- a/Example/Login System/css/style.css +++ b/Example/Login System/css/style.css @@ -1,62 +1,62 @@ - -body {font-family: Arial, Helvetica, sans-serif;} -form {border: 3px solid #f1f1f1;} - -input[type=text], input[type=password] { - width: 100%; - padding: 12px 20px; - margin: 8px 0; - display: inline-block; - border: 1px solid #ccc; - box-sizing: border-box; -} - -button { - background-color: #f90c04; - color: white; - padding: 14px 20px; - margin: 8px 0; - border: none; - cursor: pointer; - width: 100%; -} - -button:hover { - opacity: 0.8; -} - -.cancelbtn { - width: auto; - padding: 10px 18px; - background-color: #f44336; -} - -.imgcontainer { - text-align: center; - margin: 24px 0 12px 0; -} - -img.avatar { - width: 40%; - border-radius: 50%; -} - -.container { - padding: 16px; -} - -span.psw { - float: right; - padding-top: 16px; -} - -/* Change styles for span and cancel button on extra small screens */ -@media screen and (max-width: 300px) { - span.psw { - display: block; - float: none; - } - .cancelbtn { - width: 100%; - } -} + +body {font-family: Arial, Helvetica, sans-serif;} +form {border: 3px solid #f1f1f1;} + +input[type=text], input[type=password] { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + box-sizing: border-box; +} + +button { + background-color: #f90c04; + color: white; + padding: 14px 20px; + margin: 8px 0; + border: none; + cursor: pointer; + width: 100%; +} + +button:hover { + opacity: 0.8; +} + +.cancelbtn { + width: auto; + padding: 10px 18px; + background-color: #f44336; +} + +.imgcontainer { + text-align: center; + margin: 24px 0 12px 0; +} + +img.avatar { + width: 40%; + border-radius: 50%; +} + +.container { + padding: 16px; +} + +span.psw { + float: right; + padding-top: 16px; +} + +/* Change styles for span and cancel button on extra small screens */ +@media screen and (max-width: 300px) { + span.psw { + display: block; + float: none; + } + .cancelbtn { + width: 100%; + } +} diff --git a/Example/Login System/index.html b/Example/Login System/index.html index 2649261..7625b60 100644 --- a/Example/Login System/index.html +++ b/Example/Login System/index.html @@ -1,41 +1,41 @@ - - - - - - - - - - - -
-
-
-
-
- -

! Login !

-
- -
- - - - - - - - -
- - -
-
-
-
- - - + + + + + + + + + + + +
+
+
+
+
+ +

! Login !

+
+ +
+ + + + + + + + +
+ + +
+
+
+
+ + + diff --git a/Example/Login System/js/login.js b/Example/Login System/js/login.js index 8a14af9..2eb85c8 100644 --- a/Example/Login System/js/login.js +++ b/Example/Login System/js/login.js @@ -1,17 +1,17 @@ -function logincode(){ - - u_name = document.getElementById("username").value; - u_pwd = document.getElementById("password").value; - - if(u_name == "admin@p4n.in" && u_pwd == "admin"){ - - window.open("welcome.html") - - }else - { - - alert("Check Password And Login Again...") - } - - +function logincode(){ + + u_name = document.getElementById("username").value; + u_pwd = document.getElementById("password").value; + + if(u_name == "admin@p4n.in" && u_pwd == "admin"){ + + window.open("welcome.html") + + }else + { + + alert("Check Password And Login Again...") + } + + } \ No newline at end of file diff --git a/Example/Login System/welcome.html b/Example/Login System/welcome.html index 23134bb..d1bd212 100644 --- a/Example/Login System/welcome.html +++ b/Example/Login System/welcome.html @@ -1,11 +1,11 @@ - - - - - - Document - - -

Welcome to home page .....

- + + + + + + Document + + +

Welcome to home page .....

+ \ No newline at end of file diff --git a/Example/Loop/Color.html b/Example/Loop/Color.html index ed20628..5dca8d1 100644 --- a/Example/Loop/Color.html +++ b/Example/Loop/Color.html @@ -1,61 +1,61 @@ - - - - - - - @codeswithpankaj.com How to change background color randomly in a javascript function - - - - - - - - - - - -
    -
- - - - - - + + + + + + + @codeswithpankaj.com How to change background color randomly in a javascript function + + + + + + + + + + + +
    +
+ + + + + + diff --git a/Example/Loop/WhileLoop/WhileLoop.html b/Example/Loop/WhileLoop/WhileLoop.html index 0e1b67f..b1554d9 100644 --- a/Example/Loop/WhileLoop/WhileLoop.html +++ b/Example/Loop/WhileLoop/WhileLoop.html @@ -1,21 +1,21 @@ - - - - - - Document - - - - - + + + + + + Document + + + + + \ No newline at end of file diff --git a/Example/Loop/for_loop.html b/Example/Loop/for_loop.html index a468aef..fe6a5d9 100644 --- a/Example/Loop/for_loop.html +++ b/Example/Loop/for_loop.html @@ -1,42 +1,42 @@ - - - - - - Document - - - - -
    - -
- + + + + + + Document + + + + +
    + +
+ \ No newline at end of file diff --git a/Example/Loop/index.html b/Example/Loop/index.html index 4c2e6dd..3bcb238 100644 --- a/Example/Loop/index.html +++ b/Example/Loop/index.html @@ -1,58 +1,58 @@ - - - - - - Document - - - - - - - - Enter Number : - - - -
    - -
- - - - - - + + + + + + Document + + + + + + + + Enter Number : + + + +
    + +
+ + + + + + \ No newline at end of file diff --git a/Example/Loop/select_box_color.html b/Example/Loop/select_box_color.html index 18ee7d8..2632e1b 100644 --- a/Example/Loop/select_box_color.html +++ b/Example/Loop/select_box_color.html @@ -1,70 +1,70 @@ - - - - - - - the boxes based on a selection from a dropdown menu - - - - - - - - - - - - - - -
    -
- - - - - - + + + + + + + the boxes based on a selection from a dropdown menu + + + + + + + + + + + + + + +
    +
+ + + + + + diff --git a/Example/Loop/table.html b/Example/Loop/table.html new file mode 100644 index 0000000..e69de29 diff --git a/Example/Objects/Class_and_object.js b/Example/Objects/Class_and_object.js index 290e7db..69cdfc7 100644 --- a/Example/Objects/Class_and_object.js +++ b/Example/Objects/Class_and_object.js @@ -1,21 +1,21 @@ -// create a Employee Class - -class Employee{ - - info() { - console.log("Employee Name : Rohan") - } - - - Salary(Emp_Salary){ - console.log("This is Salary : ",Emp_Salary) - } - -} - -// function calling -// create a object -emp = new Employee(); - -emp.info(); +// create a Employee Class + +class Employee{ + + info() { + console.log("Employee Name : Rohan") + } + + + Salary(Emp_Salary){ + console.log("This is Salary : ",Emp_Salary) + } + +} + +// function calling +// create a object +emp = new Employee(); + +emp.info(); emp.Salary(4500); \ No newline at end of file diff --git a/Example/README.md b/Example/README.md index 8b13789..d3f5a12 100644 --- a/Example/README.md +++ b/Example/README.md @@ -1 +1 @@ - + diff --git a/Example/String/Example.html b/Example/String/Example.html index b280aab..4b0f72d 100644 --- a/Example/String/Example.html +++ b/Example/String/Example.html @@ -1,48 +1,48 @@ - - - - - - Document - - - - - - - - - - - - - + + + + + + Document + + + + + + + + + + + + + \ No newline at end of file diff --git a/Example/UserInput/user_input.html b/Example/UserInput/user_input.html index 78e66ab..c5a777d 100644 --- a/Example/UserInput/user_input.html +++ b/Example/UserInput/user_input.html @@ -1,57 +1,57 @@ - - - - - - Document - - - - - - - - - - - - - - - - - - - -
Name - -
Age - -
Height - -
- + + + + + + Document + + + + + + + + + + + + + + + + + + + +
Name + +
Age + +
Height + +
+ \ No newline at end of file diff --git a/Example/Variable/Variable3.html b/Example/Variable/Variable3.html index 10e2af4..3e939df 100644 --- a/Example/Variable/Variable3.html +++ b/Example/Variable/Variable3.html @@ -1,37 +1,37 @@ - - - - - - Document - - - - - - - - - - + + + + + + Document + + + + + + + + + + \ No newline at end of file diff --git a/Example/preloader/css/style.css b/Example/preloader/css/style.css index 1e92f14..08e3d29 100644 --- a/Example/preloader/css/style.css +++ b/Example/preloader/css/style.css @@ -1,27 +1,27 @@ -#preloader { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: #f5f5f5; - z-index: 9999; -} - -.spinner { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - border: 4px solid #ccc; - border-top-color: #3498db; - border-radius: 50%; - width: 40px; - height: 40px; - animation: spin 1s linear infinite; -} - -@keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } +#preloader { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #f5f5f5; + z-index: 9999; +} + +.spinner { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + border: 4px solid #ccc; + border-top-color: #3498db; + border-radius: 50%; + width: 40px; + height: 40px; + animation: spin 1s linear infinite; +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } \ No newline at end of file diff --git a/Example/preloader/index.html b/Example/preloader/index.html index a58a9dc..36a7621 100644 --- a/Example/preloader/index.html +++ b/Example/preloader/index.html @@ -1,22 +1,22 @@ - - - - - - Preloader Example - - - -
-
-
- - - - - - + + + + + + Preloader Example + + + +
+
+
+ + + + + + diff --git a/Example/preloader/js/p4n.js b/Example/preloader/js/p4n.js index 801aa82..bd5aca2 100644 --- a/Example/preloader/js/p4n.js +++ b/Example/preloader/js/p4n.js @@ -1,10 +1,10 @@ -document.addEventListener('DOMContentLoaded', function() { - var preloader = document.getElementById('preloader'); - var content = document.getElementById('content'); - - // Hide the preloader and show the main content after 2 seconds - setTimeout(function() { - preloader.style.display = 'none'; - content.style.display = 'block'; - }, 2000); +document.addEventListener('DOMContentLoaded', function() { + var preloader = document.getElementById('preloader'); + var content = document.getElementById('content'); + + // Hide the preloader and show the main content after 2 seconds + setTimeout(function() { + preloader.style.display = 'none'; + content.style.display = 'block'; + }, 2000); }); \ No newline at end of file diff --git a/Lectures/Lecture01/13 Dec 2025/Example1.html b/Lectures/Lecture01/13 Dec 2025/Example1.html new file mode 100644 index 0000000..81ceab5 --- /dev/null +++ b/Lectures/Lecture01/13 Dec 2025/Example1.html @@ -0,0 +1,51 @@ + + + + + + Document + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture01/13 Dec 2025/Loop.html b/Lectures/Lecture01/13 Dec 2025/Loop.html new file mode 100644 index 0000000..9ae92e5 --- /dev/null +++ b/Lectures/Lecture01/13 Dec 2025/Loop.html @@ -0,0 +1,23 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture01/24 Jan 2025/Object.js b/Lectures/Lecture01/24 Jan 2025/Object.js new file mode 100644 index 0000000..7bf9708 --- /dev/null +++ b/Lectures/Lecture01/24 Jan 2025/Object.js @@ -0,0 +1,28 @@ +const info = { + Name : "joy", + Age : 21, + City : "New York" +} + +console.log(info); + +// accessing values +console.log(info.Name); + +// access form key +console.log(info["Age"]); + +// adding new data + +info.Country = "USA"; +console.log(info); + +// add new function +info.greet = function() { + console.log("welcome to codeswithpankaj"); +} + +console.log(info); + + +info.greet(); \ No newline at end of file diff --git a/Lectures/Lecture01/24 Jan 2025/Scope.js b/Lectures/Lecture01/24 Jan 2025/Scope.js new file mode 100644 index 0000000..4353c3e --- /dev/null +++ b/Lectures/Lecture01/24 Jan 2025/Scope.js @@ -0,0 +1,27 @@ +// create a global variable + +var number = 10; + +function printNumber() { + + // local var + var data = 20; + + // access the global variable + console.log("The number is: " + number); + console.log("The data is: " + data); + +} + +console.log("Accessing global variable outside function: " + number); +// console.log("Accessing local variable outside function: " + data); + +function info(){ + //console.log("call data inside info(): " + data); + console.log("call number inside info(): " + number); +} + + +printNumber(); + +info(); \ No newline at end of file diff --git a/Lectures/Lecture01/24 Jan 2025/class_object.js b/Lectures/Lecture01/24 Jan 2025/class_object.js new file mode 100644 index 0000000..7415979 --- /dev/null +++ b/Lectures/Lecture01/24 Jan 2025/class_object.js @@ -0,0 +1,32 @@ +class animal{ + + color = "white"; + + info(){ + console.log("This is an animal class"); + } + + type_dog(name){ + console.log("Dog name is: " + name); + console.log("Dog type is: dengerous dog"); + console.log("Dog color is: "+ this.color); + } + + +} + + +// create object +const dog = new animal(); + +// access method +dog.info(); + +// send data to method +dog.type_dog("Labrador"); + +// send value to variable + +dog.color = "black"; + +dog.type_dog("Bulldog"); \ No newline at end of file diff --git a/Lectures/Lecture01/25 Dec 2025/break.html b/Lectures/Lecture01/25 Dec 2025/break.html new file mode 100644 index 0000000..3e33c38 --- /dev/null +++ b/Lectures/Lecture01/25 Dec 2025/break.html @@ -0,0 +1,27 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture01/25 Dec 2025/funciton.html b/Lectures/Lecture01/25 Dec 2025/funciton.html new file mode 100644 index 0000000..51c5735 --- /dev/null +++ b/Lectures/Lecture01/25 Dec 2025/funciton.html @@ -0,0 +1,108 @@ + + + + + + Document + + + + + + + + + + +

+ +

+ +

Result :

+ + + + + + \ No newline at end of file diff --git a/Lectures/Lecture01/25 Dec 2025/index.html b/Lectures/Lecture01/25 Dec 2025/index.html new file mode 100644 index 0000000..3e87656 --- /dev/null +++ b/Lectures/Lecture01/25 Dec 2025/index.html @@ -0,0 +1,30 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture01/28 Feb 2026/Array_01.html b/Lectures/Lecture01/28 Feb 2026/Array_01.html new file mode 100644 index 0000000..684cf68 --- /dev/null +++ b/Lectures/Lecture01/28 Feb 2026/Array_01.html @@ -0,0 +1,116 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture01/28 Feb 2026/String_01.html b/Lectures/Lecture01/28 Feb 2026/String_01.html new file mode 100644 index 0000000..ab78588 --- /dev/null +++ b/Lectures/Lecture01/28 Feb 2026/String_01.html @@ -0,0 +1,78 @@ + + + + + + Document + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture01/Day 22 Nov 2025/Home.html b/Lectures/Lecture01/Day 22 Nov 2025/Home.html new file mode 100644 index 0000000..144ff53 --- /dev/null +++ b/Lectures/Lecture01/Day 22 Nov 2025/Home.html @@ -0,0 +1,123 @@ + + + + + + Document + + + Document + + + + + + + + + + + + +
+
+
+
+ Welcome To joy Samosa Store ! +
+
+
+
+ + +
+
+ + +
+
+
+
+
+
+ + +
+
+ + +
+
+
+
+ +
+
+
+ +
+
+ + Welcome To joy Samosa Store ! Bill Print + +
+
+ +
Product Name :   NON
+
Product Price :   00/-
+
Product GST :   0.0%
+
GST Amount :   00/-
+
Total Price :   00/-
+ + +
+
+ +
+
+
+ + + + \ No newline at end of file diff --git a/Lectures/Lecture01/Day 22 Nov 2025/login.html b/Lectures/Lecture01/Day 22 Nov 2025/login.html new file mode 100644 index 0000000..5796a88 --- /dev/null +++ b/Lectures/Lecture01/Day 22 Nov 2025/login.html @@ -0,0 +1,33 @@ + + + + + + Document + + + + + + +
+
+
+
+
+ + +
+
+ + +

+
+ +
+
+
+
+ + + \ No newline at end of file diff --git a/Lectures/Lecture01/Day 22 Nov 2025/login_logic.js b/Lectures/Lecture01/Day 22 Nov 2025/login_logic.js new file mode 100644 index 0000000..22128d4 --- /dev/null +++ b/Lectures/Lecture01/Day 22 Nov 2025/login_logic.js @@ -0,0 +1,18 @@ + + +function Login_result(){ + + u_name = document.getElementById("username").value; + u_password = document.getElementById("password").value; + + username = "admin@cwpc.in"; + password = "admin@123" + + if(u_name == username && u_password == password){ + window.open("Home.html"); + }else{ + document.getElementById("Error_print").innerHTML = "Wrong Password and user Name .. Try again !" + } + + +} \ No newline at end of file diff --git a/Lectures/Lecture01/Day 27 Nov 2025/Switch.html b/Lectures/Lecture01/Day 27 Nov 2025/Switch.html new file mode 100644 index 0000000..3e30f00 --- /dev/null +++ b/Lectures/Lecture01/Day 27 Nov 2025/Switch.html @@ -0,0 +1,81 @@ + + + + + + Document + + + + + + + + + +
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+

Result: N/A

+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/Lectures/Lecture01/Day03_14_nov/if_else.html b/Lectures/Lecture01/Day03_14_nov/if_else.html new file mode 100644 index 0000000..ee604e7 --- /dev/null +++ b/Lectures/Lecture01/Day03_14_nov/if_else.html @@ -0,0 +1,43 @@ + + + + + + Document + + + + + + + + + + + + + +

Result :

+ + + \ No newline at end of file diff --git a/Lectures/Lecture02/20 Jan 2026 - String/String Methods.html b/Lectures/Lecture02/20 Jan 2026 - String/String Methods.html new file mode 100644 index 0000000..2b32da9 --- /dev/null +++ b/Lectures/Lecture02/20 Jan 2026 - String/String Methods.html @@ -0,0 +1,80 @@ + + + + + + Document + + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/22 Jan 2026 - Example/index.html b/Lectures/Lecture02/22 Jan 2026 - Example/index.html new file mode 100644 index 0000000..3109e74 --- /dev/null +++ b/Lectures/Lecture02/22 Jan 2026 - Example/index.html @@ -0,0 +1,60 @@ + + + + + + Document + + + + + + + + + +
+
+
+ + + + + +
+ +
+
+
+

+ Full Name: +

+

+ Nishant Chouhan +

+
+
+
+ + + + \ No newline at end of file diff --git a/Lectures/Lecture02/23 Dec 2025 - break and continue/Example01.html b/Lectures/Lecture02/23 Dec 2025 - break and continue/Example01.html new file mode 100644 index 0000000..1525ff1 --- /dev/null +++ b/Lectures/Lecture02/23 Dec 2025 - break and continue/Example01.html @@ -0,0 +1,38 @@ + + + + + + Document + + + + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/23 Dec 2025 - break and continue/Example02.html b/Lectures/Lecture02/23 Dec 2025 - break and continue/Example02.html new file mode 100644 index 0000000..2893221 --- /dev/null +++ b/Lectures/Lecture02/23 Dec 2025 - break and continue/Example02.html @@ -0,0 +1,66 @@ + + + + + + Document + + + + + + + + + + + start + end + stop + + + +
    + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/27 Jan 2025 Array/Array.html b/Lectures/Lecture02/27 Jan 2025 Array/Array.html new file mode 100644 index 0000000..03e04f2 --- /dev/null +++ b/Lectures/Lecture02/27 Jan 2025 Array/Array.html @@ -0,0 +1,33 @@ + + + + + + Document + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/27 Jan 2025 Array/Array_userInput.html b/Lectures/Lecture02/27 Jan 2025 Array/Array_userInput.html new file mode 100644 index 0000000..b62bbbe --- /dev/null +++ b/Lectures/Lecture02/27 Jan 2025 Array/Array_userInput.html @@ -0,0 +1,61 @@ + + + + + + Document + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/5 March 2026 - for...in and for...of Loop/for...in Loop.html b/Lectures/Lecture02/5 March 2026 - for...in and for...of Loop/for...in Loop.html new file mode 100644 index 0000000..7990274 --- /dev/null +++ b/Lectures/Lecture02/5 March 2026 - for...in and for...of Loop/for...in Loop.html @@ -0,0 +1,37 @@ + + + + + + Document + + // for...in Loop + + + + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/5 March 2026 - for...in and for...of Loop/for...of loop.html b/Lectures/Lecture02/5 March 2026 - for...in and for...of Loop/for...of loop.html new file mode 100644 index 0000000..0f50b45 --- /dev/null +++ b/Lectures/Lecture02/5 March 2026 - for...in and for...of Loop/for...of loop.html @@ -0,0 +1,28 @@ + + + + + + Document + + // for...of Loop + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/6 Jan 2026 - Functions/Function_example.html b/Lectures/Lecture02/6 Jan 2026 - Functions/Function_example.html new file mode 100644 index 0000000..8789bc1 --- /dev/null +++ b/Lectures/Lecture02/6 Jan 2026 - Functions/Function_example.html @@ -0,0 +1,57 @@ + + + + + + Document + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/6 Jan 2026 - Functions/example.js b/Lectures/Lecture02/6 Jan 2026 - Functions/example.js new file mode 100644 index 0000000..a9ee2b1 --- /dev/null +++ b/Lectures/Lecture02/6 Jan 2026 - Functions/example.js @@ -0,0 +1 @@ +console.log("This is an example JS file for functions."); \ No newline at end of file diff --git a/Lectures/Lecture02/7 March 2026 - map - filter - reduce/Map.html b/Lectures/Lecture02/7 March 2026 - map - filter - reduce/Map.html new file mode 100644 index 0000000..28064f1 --- /dev/null +++ b/Lectures/Lecture02/7 March 2026 - map - filter - reduce/Map.html @@ -0,0 +1,32 @@ + + + + + + Document + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/7 March 2026 - map - filter - reduce/filter.html b/Lectures/Lecture02/7 March 2026 - map - filter - reduce/filter.html new file mode 100644 index 0000000..554f066 --- /dev/null +++ b/Lectures/Lecture02/7 March 2026 - map - filter - reduce/filter.html @@ -0,0 +1,36 @@ + + + + + + Document + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/7 March 2026 - map - filter - reduce/reduce.html b/Lectures/Lecture02/7 March 2026 - map - filter - reduce/reduce.html new file mode 100644 index 0000000..86e2730 --- /dev/null +++ b/Lectures/Lecture02/7 March 2026 - map - filter - reduce/reduce.html @@ -0,0 +1,37 @@ + + + + + + Document + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/8 Jan2026 - Global and local scope/Example.html b/Lectures/Lecture02/8 Jan2026 - Global and local scope/Example.html new file mode 100644 index 0000000..faf369a --- /dev/null +++ b/Lectures/Lecture02/8 Jan2026 - Global and local scope/Example.html @@ -0,0 +1,34 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/8 Jan2026 - objects/Example.html b/Lectures/Lecture02/8 Jan2026 - objects/Example.html new file mode 100644 index 0000000..faf369a --- /dev/null +++ b/Lectures/Lecture02/8 Jan2026 - objects/Example.html @@ -0,0 +1,34 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/8 Jan2026 - objects/example-object.html b/Lectures/Lecture02/8 Jan2026 - objects/example-object.html new file mode 100644 index 0000000..25e823e --- /dev/null +++ b/Lectures/Lecture02/8 Jan2026 - objects/example-object.html @@ -0,0 +1,59 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day01/basic.js b/Lectures/Lecture02/Day01/basic.js new file mode 100644 index 0000000..252df4e --- /dev/null +++ b/Lectures/Lecture02/Day01/basic.js @@ -0,0 +1 @@ +console.log("welcome"); \ No newline at end of file diff --git a/Lectures/Lecture02/Day01/file01.html b/Lectures/Lecture02/Day01/file01.html new file mode 100644 index 0000000..6567781 --- /dev/null +++ b/Lectures/Lecture02/Day01/file01.html @@ -0,0 +1,47 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day02/Operator/Operator.html b/Lectures/Lecture02/Day02/Operator/Operator.html new file mode 100644 index 0000000..a0ab819 --- /dev/null +++ b/Lectures/Lecture02/Day02/Operator/Operator.html @@ -0,0 +1,12 @@ + + + + + + Document + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day02/Operator/Operator_js.js b/Lectures/Lecture02/Day02/Operator/Operator_js.js new file mode 100644 index 0000000..a6318a1 --- /dev/null +++ b/Lectures/Lecture02/Day02/Operator/Operator_js.js @@ -0,0 +1,48 @@ +// Arithmetic Operators: +// + (Addition) +// - (Subtraction) +// * (Multiplication) +// / (Division) +// % (Modulus, returns the remainder) +// ++ (Increment by 1) +// -- (Decrement by 1) +x = 345 +y = 67 + +console.log(x+y); +console.log(x-y); +console.log(x*y); +console.log(x/y); +console.log(x%y); +console.log(++x); +console.log(--y); + +// Comparison Operators: + +// == (Equal to) +// != (Not equal to) +// === (Strict equal to) +// !== (Strict not equal to) +// > (Greater than) +// < (Less than) +// >= (Greater than or equal to) +// <= (Less than or equal to) +x = 34 +y = 67 +console.log(x==y) +console.log(x!=y) +console.log(x>y) +console.log(x=34) + +console.log(34 !== '34') + +// Logical Operators: + +// && (Logical AND) +console.log((x + + + + + Document + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day03/If_else.html b/Lectures/Lecture02/Day03/If_else.html new file mode 100644 index 0000000..5778ff3 --- /dev/null +++ b/Lectures/Lecture02/Day03/If_else.html @@ -0,0 +1,45 @@ + + + + + + Document + + + + + + + + + +
    +
    +
    + + + + + + +
    +
    +
    + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day03/basic.html b/Lectures/Lecture02/Day03/basic.html new file mode 100644 index 0000000..d347bef --- /dev/null +++ b/Lectures/Lecture02/Day03/basic.html @@ -0,0 +1,44 @@ + + + + + + Document + + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day04/Operator.html b/Lectures/Lecture02/Day04/Operator.html new file mode 100644 index 0000000..5c40aaf --- /dev/null +++ b/Lectures/Lecture02/Day04/Operator.html @@ -0,0 +1,86 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day05/if_else.html b/Lectures/Lecture02/Day05/if_else.html new file mode 100644 index 0000000..bbdf04b --- /dev/null +++ b/Lectures/Lecture02/Day05/if_else.html @@ -0,0 +1,31 @@ + + + + + + Document + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day05/if_else01.html b/Lectures/Lecture02/Day05/if_else01.html new file mode 100644 index 0000000..980db21 --- /dev/null +++ b/Lectures/Lecture02/Day05/if_else01.html @@ -0,0 +1,70 @@ + + + + + + Document + + + + + + + + + + + + + +
    + +
    +
    + +
    + + +
    +
    + + +
    + +
    + +
    + + +
    + +
    + +
    +
    + +
    + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day07/box_using_loop.html b/Lectures/Lecture02/Day07/box_using_loop.html new file mode 100644 index 0000000..4dd0222 --- /dev/null +++ b/Lectures/Lecture02/Day07/box_using_loop.html @@ -0,0 +1,40 @@ + + + + + + Document + + + + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day07/loop.html b/Lectures/Lecture02/Day07/loop.html new file mode 100644 index 0000000..33ff633 --- /dev/null +++ b/Lectures/Lecture02/Day07/loop.html @@ -0,0 +1,26 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/Err.html b/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/Err.html new file mode 100644 index 0000000..dcac068 --- /dev/null +++ b/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/Err.html @@ -0,0 +1,13 @@ + + + + + + Document + + + +

    Wrong Password GO Back

    + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/Login.html b/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/Login.html new file mode 100644 index 0000000..790b808 --- /dev/null +++ b/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/Login.html @@ -0,0 +1,36 @@ + + + + + + Document + + + + + + + + + +
    +
    +
    +
    + + +
    +
    + + +
    +
    + +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/Welcome.html b/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/Welcome.html new file mode 100644 index 0000000..7f9f6e1 --- /dev/null +++ b/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/Welcome.html @@ -0,0 +1,11 @@ + + + + + + Document + + +

    Welcome to CWPC

    + + \ No newline at end of file diff --git a/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/login_logic.js b/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/login_logic.js new file mode 100644 index 0000000..e637569 --- /dev/null +++ b/Lectures/Lecture02/Day08 - R Date - 16 Dec 2025/login_logic.js @@ -0,0 +1,17 @@ +function login(){ + + user_name = document.getElementById("email").value; + password = document.getElementById("pwd").value; + + user = "admin@cwpc.in"; + passwd = "admin@123"; + + + if(user_name == user && password == passwd ){ + window.open("Welcome.html") + }else{ + alert("wrong password") + window.open("Err.html") + } + +} \ No newline at end of file diff --git a/Lectures/Lecture03/17 March 2026/Basic.html b/Lectures/Lecture03/17 March 2026/Basic.html new file mode 100644 index 0000000..53a8a34 --- /dev/null +++ b/Lectures/Lecture03/17 March 2026/Basic.html @@ -0,0 +1,24 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture03/17 March 2026/Demo.js b/Lectures/Lecture03/17 March 2026/Demo.js new file mode 100644 index 0000000..60ee82d --- /dev/null +++ b/Lectures/Lecture03/17 March 2026/Demo.js @@ -0,0 +1 @@ +document.write("welcome to CWPC.in
    ") \ No newline at end of file diff --git a/Lectures/Lecture03/19 March 2026/input_data.html b/Lectures/Lecture03/19 March 2026/input_data.html new file mode 100644 index 0000000..d2def8a --- /dev/null +++ b/Lectures/Lecture03/19 March 2026/input_data.html @@ -0,0 +1,45 @@ + + + + + + Document + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture03/2 April 2026/print_box.html b/Lectures/Lecture03/2 April 2026/print_box.html new file mode 100644 index 0000000..5e7d9bb --- /dev/null +++ b/Lectures/Lecture03/2 April 2026/print_box.html @@ -0,0 +1,55 @@ + + + + + + Document + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture03/24 March 2026/input_box.html b/Lectures/Lecture03/24 March 2026/input_box.html new file mode 100644 index 0000000..b758589 --- /dev/null +++ b/Lectures/Lecture03/24 March 2026/input_box.html @@ -0,0 +1,78 @@ + + + + + + Document + + + + + + + + + + +
    +
    +
    +
    +

    Input Section

    +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + +
    +
    +
    +
    +

    Bill

    +
    +
    + +
    + +
    + +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/Lectures/Lecture03/26 March 2026/mcq.html b/Lectures/Lecture03/26 March 2026/mcq.html new file mode 100644 index 0000000..068325f --- /dev/null +++ b/Lectures/Lecture03/26 March 2026/mcq.html @@ -0,0 +1,72 @@ + + + + + + Document + + + + + + + +

    MCQ Exam

    + +

    + 1 Which planet is known as the Red Planet ? +

    + +
    +
    + +

    + +

    + 2 Who was the first Prime Minister of India? ? +

    + Bhoomi
    + Sumit
    + ajinkya
    + Pankaj
    +
    +
    + +

    + + + + \ No newline at end of file diff --git a/Lectures/Lecture03/31 March 2026/Loop.html b/Lectures/Lecture03/31 March 2026/Loop.html new file mode 100644 index 0000000..633214d --- /dev/null +++ b/Lectures/Lecture03/31 March 2026/Loop.html @@ -0,0 +1,30 @@ + + + + + + Document + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture03/31 March 2026/print_box.html b/Lectures/Lecture03/31 March 2026/print_box.html new file mode 100644 index 0000000..e944cf6 --- /dev/null +++ b/Lectures/Lecture03/31 March 2026/print_box.html @@ -0,0 +1,41 @@ + + + + + + Document + + + + + + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture03/9 April 2026/for_in_loop.html b/Lectures/Lecture03/9 April 2026/for_in_loop.html new file mode 100644 index 0000000..a5c793b --- /dev/null +++ b/Lectures/Lecture03/9 April 2026/for_in_loop.html @@ -0,0 +1,39 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git a/Lectures/Lecture03/9 April 2026/for_of_loop.html b/Lectures/Lecture03/9 April 2026/for_of_loop.html new file mode 100644 index 0000000..e4bbe94 --- /dev/null +++ b/Lectures/Lecture03/9 April 2026/for_of_loop.html @@ -0,0 +1,39 @@ + + + + + + Document + + + + + +

    Welcome to codeswithpankaj.com

    + + + + + + \ No newline at end of file diff --git a/Other_Example/Assignment Exercises/Array Transformation Project/index.html b/Other_Example/Assignment Exercises/Array Transformation Project/index.html index 83e56b2..609b31c 100644 --- a/Other_Example/Assignment Exercises/Array Transformation Project/index.html +++ b/Other_Example/Assignment Exercises/Array Transformation Project/index.html @@ -1,205 +1,205 @@ - - - - - @codeswithpankaj.com Array Transformation Utility - - - -
    -

    Array Transformation Utility

    -

    @codeswithpankaj.com

    - -
    - - -
    - - -
    - - - - + + + + + @codeswithpankaj.com Array Transformation Utility + + + +
    +

    Array Transformation Utility

    +

    @codeswithpankaj.com

    + +
    + + +
    + + +
    + + + + diff --git a/Other_Example/Assignment Exercises/Personal Finance Tracker/index.html b/Other_Example/Assignment Exercises/Personal Finance Tracker/index.html index 13bbaab..41d2668 100644 --- a/Other_Example/Assignment Exercises/Personal Finance Tracker/index.html +++ b/Other_Example/Assignment Exercises/Personal Finance Tracker/index.html @@ -1,240 +1,240 @@ - - - - - Codes With Pankaj Personal Finance Tracker - - - -
    -

    Personal Finance Tracker

    -

    @codeswithpankaj.com

    - -
    - - - - -
    - -
    -

    Monthly Financial Summary

    -

    Total Income: $0.00

    -

    Total Expenses: $0.00

    -

    Savings: $0.00

    -

    Savings Percentage: 0.00%

    -
    - -
    - - - - - - - - - - - -
    TypeNameAmountActions
    -
    - - - - + + + + + Codes With Pankaj Personal Finance Tracker + + + +
    +

    Personal Finance Tracker

    +

    @codeswithpankaj.com

    + +
    + + + + +
    + +
    +

    Monthly Financial Summary

    +

    Total Income: $0.00

    +

    Total Expenses: $0.00

    +

    Savings: $0.00

    +

    Savings Percentage: 0.00%

    +
    + +
    + + + + + + + + + + + +
    TypeNameAmountActions
    +
    + + + + diff --git a/Other_Example/Assignment Exercises/Shopping Cart Calculator/index.html b/Other_Example/Assignment Exercises/Shopping Cart Calculator/index.html index 80559ae..2131656 100644 --- a/Other_Example/Assignment Exercises/Shopping Cart Calculator/index.html +++ b/Other_Example/Assignment Exercises/Shopping Cart Calculator/index.html @@ -1,206 +1,206 @@ - - - - - @CodesWithPankaj Shopping Cart Calculator - - - -
    -

    Shopping Cart Calculator

    -

    @codeswithpankaj.com

    - -
    - - - - -
    - - - - - - - - - - - - -
    Product NamePriceQuantityTotalActions
    - -
    -

    Cart Summary

    -

    Subtotal: $0.00

    -

    Discount: $0.00

    -

    Tax (10%): $0.00

    -

    Shipping: $0.00

    -

    Total: $0.00

    -
    -
    - - - - + + + + + @CodesWithPankaj Shopping Cart Calculator + + + +
    +

    Shopping Cart Calculator

    +

    @codeswithpankaj.com

    + +
    + + + + +
    + + + + + + + + + + + + +
    Product NamePriceQuantityTotalActions
    + +
    +

    Cart Summary

    +

    Subtotal: $0.00

    +

    Discount: $0.00

    +

    Tax (10%): $0.00

    +

    Shipping: $0.00

    +

    Total: $0.00

    +
    +
    + + + + diff --git a/Other_Example/Assignment Exercises/String Manipulation Challenge/index.html b/Other_Example/Assignment Exercises/String Manipulation Challenge/index.html index c34f3a5..e7b2f6d 100644 --- a/Other_Example/Assignment Exercises/String Manipulation Challenge/index.html +++ b/Other_Example/Assignment Exercises/String Manipulation Challenge/index.html @@ -1,207 +1,207 @@ - - - - - @codeswithpankaj Analysis Utility - - - -
    -

    Text Analysis Utility

    -

    @codeswithpankaj

    - - - - - -
    - - - - + + + + + @codeswithpankaj Analysis Utility + + + +
    +

    Text Analysis Utility

    +

    @codeswithpankaj

    + + + + + +
    + + + + diff --git a/Other_Example/Assignment Exercises/Temperature Converter/index.html b/Other_Example/Assignment Exercises/Temperature Converter/index.html index 9a67f5c..aa1198b 100644 --- a/Other_Example/Assignment Exercises/Temperature Converter/index.html +++ b/Other_Example/Assignment Exercises/Temperature Converter/index.html @@ -1,120 +1,120 @@ - - - - - Temperature Converter - - - -
    -

    Temperature Converter

    - - - - -
    -
    - - - - + + + + + Temperature Converter + + + +
    +

    Temperature Converter

    + + + + +
    +
    + + + + diff --git a/Other_Example/fix_header/index.html b/Other_Example/fix_header/index.html index 2c0bf56..6434f5a 100644 --- a/Other_Example/fix_header/index.html +++ b/Other_Example/fix_header/index.html @@ -1,117 +1,117 @@ - - - - - - Document - - - - - - -
    -

    joy samosa point

    -
    - - -
    -

    - Lorem ipsum dolor sit amet consectetur adipisicing elit. At, placeat! Cupiditate cumque distinctio, tempore deleniti aliquam quisquam reiciendis magni eos beatae reprehenderit voluptates eaque nobis officia iusto harum! Excepturi, obcaecati. -

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    -
    - - - - - + + + + + + Document + + + + + + +
    +

    joy samosa point

    +
    + + +
    +

    + Lorem ipsum dolor sit amet consectetur adipisicing elit. At, placeat! Cupiditate cumque distinctio, tempore deleniti aliquam quisquam reiciendis magni eos beatae reprehenderit voluptates eaque nobis officia iusto harum! Excepturi, obcaecati. +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    JoyJoyJoyJoyJoy
    +
    + + + + + diff --git a/README.md b/README.md index f2e5282..6a0a055 100644 --- a/README.md +++ b/README.md @@ -1,29 +1,29 @@ -# JavaScript-Tutorial -Learn JavaScript with Pankaj in this concise and practical tutorial series, covering basics and advanced topics for web development - - -| No. | Topic Name | -|------|-----------------------------------------| -| 01. | Introduction | -| 02. | Variables | -| 03. | Take Input | -| 04. | Comments | -| 05. | Operators | -| 08. | Basic Type Conversion | -| 09. | if-else Statement | -| 10. | Switch Statement | -| 11. | Ternary Operator | -| 12. | for Loop | -| 13. | while Loop | -| 14. | break and continue | -| 15. | Arrow Functions | -| 16. | Functions | -| 17. | Global and Local Scope | -| 18. | Objects | -| 19. | Strings | -| 20. | String Methods and Properties You Must Know | -| 21. | Array Methods You Must Know | -| 22. | Arrays | -| 23. | for...in and for...of Loop | -| 24. | map, filter, reduce | -| 25. | Numbers | +# JavaScript-Tutorial +Learn JavaScript with Pankaj in this concise and practical tutorial series, covering basics and advanced topics for web development + + +| No. | Topic Name | +|------|-----------------------------------------| +| 01. | Introduction | +| 02. | Variables | +| 03. | Take Input | +| 04. | Comments | +| 05. | Operators | +| 08. | Basic Type Conversion | +| 09. | if-else Statement | +| 10. | Switch Statement | +| 11. | Ternary Operator | +| 12. | for Loop | +| 13. | while Loop | +| 14. | break and continue | +| 15. | Arrow Functions | +| 16. | Functions | +| 17. | Global and Local Scope | +| 18. | Objects | +| 19. | Strings | +| 20. | String Methods and Properties You Must Know | +| 21. | Array Methods You Must Know | +| 22. | Arrays | +| 23. | for...in and for...of Loop | +| 24. | map, filter, reduce | +| 25. | Numbers | diff --git a/Task/SalarySystem.md b/Task/SalarySystem.md index 8797b3b..01feeaa 100644 --- a/Task/SalarySystem.md +++ b/Task/SalarySystem.md @@ -1 +1 @@ -![Salary System](https://github.com/Pankaj-Str/JavaScript-Tutorial/assets/36913690/2aec83aa-9523-4c0d-8fd8-7f1dfe69e8b2) +![Salary System](https://github.com/Pankaj-Str/JavaScript-Tutorial/assets/36913690/2aec83aa-9523-4c0d-8fd8-7f1dfe69e8b2) diff --git a/Task/employee salary part one.js b/Task/employee salary part one.js index b9fdd7c..1efa882 100644 --- a/Task/employee salary part one.js +++ b/Task/employee salary part one.js @@ -1,37 +1,37 @@ -// Employee Salary Management System - -class Employee { - constructor(id, name, position, baseSalary) { - this.id = id; - this.name = name; - this.position = position; - this.baseSalary = baseSalary; - this.benefits = []; - } - - // Calculate total salary including benefits - calculateTotalSalary() { - const benefitsTotal = this.benefits.reduce((sum, benefit) => sum + benefit.amount, 0); - return this.baseSalary + benefitsTotal; - } - - // Add a benefit to the employee - addBenefit(benefit) { - this.benefits.push(benefit); - } - - // Generate employee details - getEmployeeDetails() { - return { - id: this.id, - name: this.name, - position: this.position, - baseSalary: this.baseSalary, - totalSalary: this.calculateTotalSalary(), - benefits: this.benefits - }; - } -} - -class Benefit { +// Employee Salary Management System + +class Employee { + constructor(id, name, position, baseSalary) { + this.id = id; + this.name = name; + this.position = position; + this.baseSalary = baseSalary; + this.benefits = []; + } + + // Calculate total salary including benefits + calculateTotalSalary() { + const benefitsTotal = this.benefits.reduce((sum, benefit) => sum + benefit.amount, 0); + return this.baseSalary + benefitsTotal; + } + + // Add a benefit to the employee + addBenefit(benefit) { + this.benefits.push(benefit); + } + + // Generate employee details + getEmployeeDetails() { + return { + id: this.id, + name: this.name, + position: this.position, + baseSalary: this.baseSalary, + totalSalary: this.calculateTotalSalary(), + benefits: this.benefits + }; + } +} + +class Benefit { constructor(name, amount) { \ No newline at end of file diff --git a/Task/employee salary system complete code.js b/Task/employee salary system complete code.js index fe71f86..759a599 100644 --- a/Task/employee salary system complete code.js +++ b/Task/employee salary system complete code.js @@ -1,307 +1,307 @@ -// Comprehensive Employee Salary Management System - -// Utility Class for Validation and Helpers -class ValidationUtils { - static validateEmail(email) { - const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; - return emailRegex.test(email); - } - - static validateSalary(salary) { - return salary > 0 && salary < 1000000; - } - - static generateUniqueId() { - return 'EMP-' + Math.random().toString(36).substr(2, 9).toUpperCase(); - } -} - -// Tax Calculation Utility -class TaxCalculator { - static calculateTax(grossSalary) { - // Progressive tax brackets (simplified) - const taxBrackets = [ - { min: 0, max: 50000, rate: 0.10 }, - { min: 50001, max: 100000, rate: 0.20 }, - { min: 100001, max: 250000, rate: 0.30 }, - { min: 250001, max: Infinity, rate: 0.40 } - ]; - - let totalTax = 0; - let remainingSalary = grossSalary; - - for (let bracket of taxBrackets) { - if (remainingSalary > 0) { - const taxableAmount = Math.min(remainingSalary, bracket.max - bracket.min); - totalTax += taxableAmount * bracket.rate; - remainingSalary -= taxableAmount; - } - } - - return { - grossSalary, - totalTax, - netSalary: grossSalary - totalTax - }; - } -} - -// Benefit Management Class -class BenefitManager { - constructor() { - this.benefits = []; - } - - addBenefit(benefit) { - this.benefits.push(benefit); - } - - removeBenefit(benefitName) { - this.benefits = this.benefits.filter(b => b.name !== benefitName); - } - - calculateTotalBenefitValue() { - return this.benefits.reduce((total, benefit) => total + benefit.value, 0); - } - - getBenefitsSummary() { - return this.benefits.map(benefit => ({ - name: benefit.name, - value: benefit.value, - type: benefit.type - })); - } -} - -// Performance Evaluation Class -class PerformanceEvaluator { - constructor() { - this.performanceRecords = []; - } - - addPerformanceRecord(record) { - this.performanceRecords.push({ - date: new Date(), - ...record - }); - } - - calculatePerformanceScore() { - if (this.performanceRecords.length === 0) return 0; - - const totalScore = this.performanceRecords.reduce((sum, record) => sum + record.score, 0); - return totalScore / this.performanceRecords.length; - } - - getPerformanceTrend() { - return this.performanceRecords.map(record => ({ - date: record.date, - score: record.score, - project: record.project - })); - } -} - -// Employee Class -class Employee { - constructor(details) { - // Validate and set basic information - if (!details.name) throw new Error('Name is required'); - if (!ValidationUtils.validateEmail(details.email)) throw new Error('Invalid email'); - - this.id = details.id || ValidationUtils.generateUniqueId(); - this.name = details.name; - this.email = details.email; - this.department = details.department || 'Unassigned'; - this.position = details.position || 'Entry Level'; - this.hireDate = details.hireDate || new Date(); - this.baseSalary = details.baseSalary || 0; - this.employmentType = details.employmentType || 'Full-time'; - - // Composition for additional features - this.benefitManager = new BenefitManager(); - this.performanceEvaluator = new PerformanceEvaluator(); - } - - // Salary and Compensation Methods - calculateGrossSalary(includeBonus = true) { - let grossSalary = this.baseSalary; - - // Performance-based bonus - if (includeBonus) { - const performanceScore = this.performanceEvaluator.calculatePerformanceScore(); - const bonusMultiplier = this.calculateBonusMultiplier(performanceScore); - grossSalary += this.baseSalary * bonusMultiplier; - } - - // Add benefits value - grossSalary += this.benefitManager.calculateTotalBenefitValue(); - - return grossSalary; - } - - calculateBonusMultiplier(performanceScore) { - if (performanceScore >= 9) return 0.20; // Exceptional - if (performanceScore >= 7) return 0.15; // Excellent - if (performanceScore >= 5) return 0.10; // Good - return 0.05; // Needs improvement - } - - calculateNetSalary() { - const grossSalary = this.calculateGrossSalary(); - const taxCalculation = TaxCalculator.calculateTax(grossSalary); - return taxCalculation; - } - - // Benefit Management Delegation - addBenefit(benefit) { - this.benefitManager.addBenefit(benefit); - } - - removeBenefit(benefitName) { - this.benefitManager.removeBenefit(benefitName); - } - - // Performance Management Delegation - addPerformanceRecord(record) { - this.performanceEvaluator.addPerformanceRecord(record); - } - - // Comprehensive Employee Profile - getEmployeeProfile() { - const taxDetails = this.calculateNetSalary(); - - return { - personalInfo: { - id: this.id, - name: this.name, - email: this.email, - department: this.department, - position: this.position, - hireDate: this.hireDate, - employmentType: this.employmentType - }, - compensation: { - baseSalary: this.baseSalary, - grossSalary: taxDetails.grossSalary, - netSalary: taxDetails.netSalary, - taxDetails: { - totalTax: taxDetails.totalTax, - taxRate: (taxDetails.totalTax / taxDetails.grossSalary * 100).toFixed(2) + '%' - } - }, - benefits: this.benefitManager.getBenefitsSummary(), - performance: { - averageScore: this.performanceEvaluator.calculatePerformanceScore(), - performanceTrend: this.performanceEvaluator.getPerformanceTrend() - } - }; - } -} - -// Payroll Processing Class -class PayrollProcessor { - constructor() { - this.employees = []; - } - - addEmployee(employee) { - this.employees.push(employee); - } - - processMonthlyPayroll() { - return this.employees.map(employee => { - const profile = employee.getEmployeeProfile(); - return { - employeeId: employee.id, - employeeName: employee.name, - netSalary: profile.compensation.netSalary, - paymentMethod: 'Direct Deposit' - }; - }); - } - - generateDepartmentSalarySummary() { - const departmentSummary = {}; - - this.employees.forEach(employee => { - const { department } = employee; - if (!departmentSummary[department]) { - departmentSummary[department] = { - totalEmployees: 0, - totalSalary: 0, - averageSalary: 0 - }; - } - - const profile = employee.getEmployeeProfile(); - departmentSummary[department].totalEmployees++; - departmentSummary[department].totalSalary += profile.compensation.netSalary; - }); - - // Calculate average salaries - Object.keys(departmentSummary).forEach(dept => { - const summary = departmentSummary[dept]; - summary.averageSalary = summary.totalSalary / summary.totalEmployees; - }); - - return departmentSummary; - } -} - -// Example Usage and Demonstration -function demonstrateSalarySystem() { - // Create Payroll Processor - const payrollSystem = new PayrollProcessor(); - - // Create Employees - const john = new Employee({ - name: 'John Doe', - email: 'john.doe@company.com', - department: 'Engineering', - position: 'Senior Developer', - baseSalary: 85000, - employmentType: 'Full-time' - }); - - // Add Benefits - john.addBenefit({ - name: 'Health Insurance', - value: 5000, - type: 'Healthcare' - }); - - john.addBenefit({ - name: 'Retirement Plan', - value: 4000, - type: 'Pension' - }); - - // Add Performance Records - john.addPerformanceRecord({ - project: 'Backend Redesign', - score: 8.5, - description: 'Exceptional project delivery' - }); - - // Add Employee to Payroll - payrollSystem.addEmployee(john); - - // Generate Reports - console.log('Employee Profile:', john.getEmployeeProfile()); - console.log('Monthly Payroll:', payrollSystem.processMonthlyPayroll()); - console.log('Department Salary Summary:', payrollSystem.generateDepartmentSalarySummary()); -} - -// Run the demonstration -demonstrateSalarySystem(); - -// Export classes for potential module usage -export { - Employee, - PayrollProcessor, - TaxCalculator, - ValidationUtils, - BenefitManager, - PerformanceEvaluator +// Comprehensive Employee Salary Management System + +// Utility Class for Validation and Helpers +class ValidationUtils { + static validateEmail(email) { + const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + return emailRegex.test(email); + } + + static validateSalary(salary) { + return salary > 0 && salary < 1000000; + } + + static generateUniqueId() { + return 'EMP-' + Math.random().toString(36).substr(2, 9).toUpperCase(); + } +} + +// Tax Calculation Utility +class TaxCalculator { + static calculateTax(grossSalary) { + // Progressive tax brackets (simplified) + const taxBrackets = [ + { min: 0, max: 50000, rate: 0.10 }, + { min: 50001, max: 100000, rate: 0.20 }, + { min: 100001, max: 250000, rate: 0.30 }, + { min: 250001, max: Infinity, rate: 0.40 } + ]; + + let totalTax = 0; + let remainingSalary = grossSalary; + + for (let bracket of taxBrackets) { + if (remainingSalary > 0) { + const taxableAmount = Math.min(remainingSalary, bracket.max - bracket.min); + totalTax += taxableAmount * bracket.rate; + remainingSalary -= taxableAmount; + } + } + + return { + grossSalary, + totalTax, + netSalary: grossSalary - totalTax + }; + } +} + +// Benefit Management Class +class BenefitManager { + constructor() { + this.benefits = []; + } + + addBenefit(benefit) { + this.benefits.push(benefit); + } + + removeBenefit(benefitName) { + this.benefits = this.benefits.filter(b => b.name !== benefitName); + } + + calculateTotalBenefitValue() { + return this.benefits.reduce((total, benefit) => total + benefit.value, 0); + } + + getBenefitsSummary() { + return this.benefits.map(benefit => ({ + name: benefit.name, + value: benefit.value, + type: benefit.type + })); + } +} + +// Performance Evaluation Class +class PerformanceEvaluator { + constructor() { + this.performanceRecords = []; + } + + addPerformanceRecord(record) { + this.performanceRecords.push({ + date: new Date(), + ...record + }); + } + + calculatePerformanceScore() { + if (this.performanceRecords.length === 0) return 0; + + const totalScore = this.performanceRecords.reduce((sum, record) => sum + record.score, 0); + return totalScore / this.performanceRecords.length; + } + + getPerformanceTrend() { + return this.performanceRecords.map(record => ({ + date: record.date, + score: record.score, + project: record.project + })); + } +} + +// Employee Class +class Employee { + constructor(details) { + // Validate and set basic information + if (!details.name) throw new Error('Name is required'); + if (!ValidationUtils.validateEmail(details.email)) throw new Error('Invalid email'); + + this.id = details.id || ValidationUtils.generateUniqueId(); + this.name = details.name; + this.email = details.email; + this.department = details.department || 'Unassigned'; + this.position = details.position || 'Entry Level'; + this.hireDate = details.hireDate || new Date(); + this.baseSalary = details.baseSalary || 0; + this.employmentType = details.employmentType || 'Full-time'; + + // Composition for additional features + this.benefitManager = new BenefitManager(); + this.performanceEvaluator = new PerformanceEvaluator(); + } + + // Salary and Compensation Methods + calculateGrossSalary(includeBonus = true) { + let grossSalary = this.baseSalary; + + // Performance-based bonus + if (includeBonus) { + const performanceScore = this.performanceEvaluator.calculatePerformanceScore(); + const bonusMultiplier = this.calculateBonusMultiplier(performanceScore); + grossSalary += this.baseSalary * bonusMultiplier; + } + + // Add benefits value + grossSalary += this.benefitManager.calculateTotalBenefitValue(); + + return grossSalary; + } + + calculateBonusMultiplier(performanceScore) { + if (performanceScore >= 9) return 0.20; // Exceptional + if (performanceScore >= 7) return 0.15; // Excellent + if (performanceScore >= 5) return 0.10; // Good + return 0.05; // Needs improvement + } + + calculateNetSalary() { + const grossSalary = this.calculateGrossSalary(); + const taxCalculation = TaxCalculator.calculateTax(grossSalary); + return taxCalculation; + } + + // Benefit Management Delegation + addBenefit(benefit) { + this.benefitManager.addBenefit(benefit); + } + + removeBenefit(benefitName) { + this.benefitManager.removeBenefit(benefitName); + } + + // Performance Management Delegation + addPerformanceRecord(record) { + this.performanceEvaluator.addPerformanceRecord(record); + } + + // Comprehensive Employee Profile + getEmployeeProfile() { + const taxDetails = this.calculateNetSalary(); + + return { + personalInfo: { + id: this.id, + name: this.name, + email: this.email, + department: this.department, + position: this.position, + hireDate: this.hireDate, + employmentType: this.employmentType + }, + compensation: { + baseSalary: this.baseSalary, + grossSalary: taxDetails.grossSalary, + netSalary: taxDetails.netSalary, + taxDetails: { + totalTax: taxDetails.totalTax, + taxRate: (taxDetails.totalTax / taxDetails.grossSalary * 100).toFixed(2) + '%' + } + }, + benefits: this.benefitManager.getBenefitsSummary(), + performance: { + averageScore: this.performanceEvaluator.calculatePerformanceScore(), + performanceTrend: this.performanceEvaluator.getPerformanceTrend() + } + }; + } +} + +// Payroll Processing Class +class PayrollProcessor { + constructor() { + this.employees = []; + } + + addEmployee(employee) { + this.employees.push(employee); + } + + processMonthlyPayroll() { + return this.employees.map(employee => { + const profile = employee.getEmployeeProfile(); + return { + employeeId: employee.id, + employeeName: employee.name, + netSalary: profile.compensation.netSalary, + paymentMethod: 'Direct Deposit' + }; + }); + } + + generateDepartmentSalarySummary() { + const departmentSummary = {}; + + this.employees.forEach(employee => { + const { department } = employee; + if (!departmentSummary[department]) { + departmentSummary[department] = { + totalEmployees: 0, + totalSalary: 0, + averageSalary: 0 + }; + } + + const profile = employee.getEmployeeProfile(); + departmentSummary[department].totalEmployees++; + departmentSummary[department].totalSalary += profile.compensation.netSalary; + }); + + // Calculate average salaries + Object.keys(departmentSummary).forEach(dept => { + const summary = departmentSummary[dept]; + summary.averageSalary = summary.totalSalary / summary.totalEmployees; + }); + + return departmentSummary; + } +} + +// Example Usage and Demonstration +function demonstrateSalarySystem() { + // Create Payroll Processor + const payrollSystem = new PayrollProcessor(); + + // Create Employees + const john = new Employee({ + name: 'John Doe', + email: 'john.doe@company.com', + department: 'Engineering', + position: 'Senior Developer', + baseSalary: 85000, + employmentType: 'Full-time' + }); + + // Add Benefits + john.addBenefit({ + name: 'Health Insurance', + value: 5000, + type: 'Healthcare' + }); + + john.addBenefit({ + name: 'Retirement Plan', + value: 4000, + type: 'Pension' + }); + + // Add Performance Records + john.addPerformanceRecord({ + project: 'Backend Redesign', + score: 8.5, + description: 'Exceptional project delivery' + }); + + // Add Employee to Payroll + payrollSystem.addEmployee(john); + + // Generate Reports + console.log('Employee Profile:', john.getEmployeeProfile()); + console.log('Monthly Payroll:', payrollSystem.processMonthlyPayroll()); + console.log('Department Salary Summary:', payrollSystem.generateDepartmentSalarySummary()); +} + +// Run the demonstration +demonstrateSalarySystem(); + +// Export classes for potential module usage +export { + Employee, + PayrollProcessor, + TaxCalculator, + ValidationUtils, + BenefitManager, + PerformanceEvaluator }; \ No newline at end of file diff --git a/Task/employee salary with creative features.js b/Task/employee salary with creative features.js index dd50f38..a793f9b 100644 --- a/Task/employee salary with creative features.js +++ b/Task/employee salary with creative features.js @@ -1,128 +1,128 @@ -// Enhanced Employee Salary Management System with Creative Features - -class Employee { - constructor(id, name, position, baseSalary) { - this.id = id; - this.name = name; - this.position = position; - this.baseSalary = baseSalary; - this.benefits = []; - this.performanceHistory = []; - this.creativityScore = 0; - this.specialTalents = []; - } - - // Innovative salary calculation method - calculateTotalSalary() { - // Base salary + benefits + creativity bonus - const benefitsTotal = this.benefits.reduce((sum, benefit) => sum + benefit.amount, 0); - const creativityBonus = this.calculateCreativityBonus(); - return this.baseSalary + benefitsTotal + creativityBonus; - } - - // Add a special talent to the employee - addSpecialTalent(talent) { - this.specialTalents.push({ - name: talent.name, - description: talent.description, - potentialImpact: talent.potentialImpact - }); - } - - // Track performance and creativity - addPerformanceRecord(record) { - this.performanceHistory.push({ - date: new Date(), - project: record.project, - rating: record.rating, - creativity: record.creativity - }); - - // Update creativity score - this.updateCreativityScore(record.creativity); - } - - // Calculate creativity bonus - calculateCreativityBonus() { - // More creative employees get higher bonuses - return this.creativityScore * 50; - } - - // Update creativity score based on performance - updateCreativityScore(creativityRating) { - this.creativityScore += creativityRating; - } - - // Generate a comprehensive employee profile - getEnhancedEmployeeProfile() { - return { - basicInfo: { - id: this.id, - name: this.name, - position: this.position - }, - compensation: { - baseSalary: this.baseSalary, - totalSalary: this.calculateTotalSalary(), - benefits: this.benefits - }, - creativity: { - creativityScore: this.creativityScore, - specialTalents: this.specialTalents - }, - performanceHistory: this.performanceHistory - }; - } - - // Recommend career growth opportunities - getCareerGrowthRecommendations() { - const recommendations = []; - - // Analyze special talents and performance - this.specialTalents.forEach(talent => { - recommendations.push({ - type: 'Talent Development', - suggestion: `Explore advanced training in ${talent.name}`, - potentialImpact: talent.potentialImpact - }); - }); - - // Check for consistent high creativity - if (this.creativityScore > 100) { - recommendations.push({ - type: 'Innovation Track', - suggestion: 'Consider moving to an innovation-focused role', - rationale: 'High creativity potential' - }); - } - - return recommendations; - } -} - -// Example Usage -const innovativeEmployee = new Employee(1, 'Alice Dreamweaver', 'Creative Strategist', 75000); - -// Add special talents -innovativeEmployee.addSpecialTalent({ - name: 'Design Thinking', - description: 'Exceptional ability to solve complex problems creatively', - potentialImpact: 'High' -}); - -// Track performance -innovativeEmployee.addPerformanceRecord({ - project: 'Radical Product Redesign', - rating: 9.5, - creativity: 9 -}); - -// Get enhanced profile -const employeeProfile = innovativeEmployee.getEnhancedEmployeeProfile(); -console.log(employeeProfile); - -// Get career growth recommendations -const growthPaths = innovativeEmployee.getCareerGrowthRecommendations(); -console.log(growthPaths); - +// Enhanced Employee Salary Management System with Creative Features + +class Employee { + constructor(id, name, position, baseSalary) { + this.id = id; + this.name = name; + this.position = position; + this.baseSalary = baseSalary; + this.benefits = []; + this.performanceHistory = []; + this.creativityScore = 0; + this.specialTalents = []; + } + + // Innovative salary calculation method + calculateTotalSalary() { + // Base salary + benefits + creativity bonus + const benefitsTotal = this.benefits.reduce((sum, benefit) => sum + benefit.amount, 0); + const creativityBonus = this.calculateCreativityBonus(); + return this.baseSalary + benefitsTotal + creativityBonus; + } + + // Add a special talent to the employee + addSpecialTalent(talent) { + this.specialTalents.push({ + name: talent.name, + description: talent.description, + potentialImpact: talent.potentialImpact + }); + } + + // Track performance and creativity + addPerformanceRecord(record) { + this.performanceHistory.push({ + date: new Date(), + project: record.project, + rating: record.rating, + creativity: record.creativity + }); + + // Update creativity score + this.updateCreativityScore(record.creativity); + } + + // Calculate creativity bonus + calculateCreativityBonus() { + // More creative employees get higher bonuses + return this.creativityScore * 50; + } + + // Update creativity score based on performance + updateCreativityScore(creativityRating) { + this.creativityScore += creativityRating; + } + + // Generate a comprehensive employee profile + getEnhancedEmployeeProfile() { + return { + basicInfo: { + id: this.id, + name: this.name, + position: this.position + }, + compensation: { + baseSalary: this.baseSalary, + totalSalary: this.calculateTotalSalary(), + benefits: this.benefits + }, + creativity: { + creativityScore: this.creativityScore, + specialTalents: this.specialTalents + }, + performanceHistory: this.performanceHistory + }; + } + + // Recommend career growth opportunities + getCareerGrowthRecommendations() { + const recommendations = []; + + // Analyze special talents and performance + this.specialTalents.forEach(talent => { + recommendations.push({ + type: 'Talent Development', + suggestion: `Explore advanced training in ${talent.name}`, + potentialImpact: talent.potentialImpact + }); + }); + + // Check for consistent high creativity + if (this.creativityScore > 100) { + recommendations.push({ + type: 'Innovation Track', + suggestion: 'Consider moving to an innovation-focused role', + rationale: 'High creativity potential' + }); + } + + return recommendations; + } +} + +// Example Usage +const innovativeEmployee = new Employee(1, 'Alice Dreamweaver', 'Creative Strategist', 75000); + +// Add special talents +innovativeEmployee.addSpecialTalent({ + name: 'Design Thinking', + description: 'Exceptional ability to solve complex problems creatively', + potentialImpact: 'High' +}); + +// Track performance +innovativeEmployee.addPerformanceRecord({ + project: 'Radical Product Redesign', + rating: 9.5, + creativity: 9 +}); + +// Get enhanced profile +const employeeProfile = innovativeEmployee.getEnhancedEmployeeProfile(); +console.log(employeeProfile); + +// Get career growth recommendations +const growthPaths = innovativeEmployee.getCareerGrowthRecommendations(); +console.log(growthPaths); + export default Employee; \ No newline at end of file diff --git a/Task/student Market assignment.md b/Task/student Market assignment.md index 2d20816..1fc8670 100644 --- a/Task/student Market assignment.md +++ b/Task/student Market assignment.md @@ -1,123 +1,123 @@ -##Assignment: Advanced Student Marksheet Application - -Objective - -Develop an advanced Student Marksheet Application using HTML, CSS, and JavaScript with extended features for data management and interactivity. - -Problem Statement - -Design a feature-rich application that allows users to: - 1. Input student details (Name, Roll Number, and Marks in three subjects). - 2. Perform advanced calculations: - • Total Marks - • Percentage - • Grade (based on a customizable grading scale). - 3. Manage data through dynamic functionalities: - • Add, edit, and delete student records. - • Sort student records by Name, Roll Number, or Percentage. - • Filter records based on grades or a specific percentage range. - -Functional Requirements - -Core Features - 1. Input Fields: - • Student Name - • Roll Number - • Marks in three subjects (e.g., Math, Science, and English). - 2. Dynamic Calculations: - • Total Marks: Sum of marks in the three subjects. - • Percentage: (Total Marks / Maximum Marks) * 100. - • Grade: - • Implement a customizable grading system (e.g., A+, A, B, C, Fail). - • Allow users to adjust grade thresholds (e.g., 90%+ = A+). - 3. Data Management: - • Add new records dynamically to a table. - • Edit existing records (e.g., update marks or student details). - • Delete specific records. - 4. Table Interactivity: - • Sort records dynamically based on: - • Student Name (Alphabetically) - • Roll Number - • Percentage (Highest to Lowest). - • Filter records by: - • Grade (e.g., Show only A+ students). - • Percentage range (e.g., 70%-90%). - -Advanced Features - 1. Search Functionality: - • Enable users to search for specific students by Name or Roll Number. - 2. Data Persistence: - • Save the student data in Local Storage so it persists across browser sessions. - 3. Bulk Upload: - • Allow users to upload student data in bulk using a CSV file. - • Validate and parse the data to add it to the table dynamically. - 4. Export Functionality: - • Provide an option to export the student records as a CSV file. - 5. Responsive Design: - • Ensure the application is fully responsive and works seamlessly across different screen sizes. - -Technical Requirements - -HTML - • Create a structured form for student input. - • Design a table to display the results with sortable and filterable columns. - -CSS - • Use advanced CSS features for a polished UI: - • Hover effects for table rows. - • Responsive layout with media queries. - • Styled buttons and modals for editing records. - -JavaScript - • Use JavaScript to: - • Perform calculations (Total, Percentage, Grade). - • Manage data (Add, Edit, Delete, Sort, Filter). - • Implement Local Storage for data persistence. - • Handle file uploads and exports. - -Assignment Deliverables - 1. A fully functional Student Marksheet Application with: - • Add, edit, delete, sort, and filter functionalities. - • Local Storage implementation. - • CSV upload and export features. - 2. Code Structure: - • Organize the code into separate files: - • index.html: For the structure. - • styles.css: For styling. - • script.js: For JavaScript logic. - 3. Code Documentation: - • Include comments in your code to explain the logic and functionality. - -Grading Criteria - -Task Marks -Proper HTML structure 10 -Advanced CSS styling 15 -JavaScript for dynamic calculations 15 -Add, Edit, Delete functionality 20 -Sort and Filter functionalities 20 -Local Storage for data persistence 10 -File Upload and Export 10 - -Example Scenarios - 1. Scenario 1: - • Add a student named “John Doe” with Roll Number “101” and marks: Math = 85, Science = 78, English = 92. - • The application calculates Total Marks = 255, Percentage = 85%, Grade = A. - 2. Scenario 2: - • Edit John Doe’s Science marks to 88. - • Total Marks and Percentage are recalculated dynamically. - 3. Scenario 3: - • Filter the table to display only students with a grade of “A+”. - 4. Scenario 4: - • Upload a CSV file with student data. - • Validate the data, calculate results, and display them in the table. - 5. Scenario 5: - • Export the current table records as a CSV file. - -Advanced Challenges (Optional) - 1. Add a Graphical Representation: - • Use a JavaScript chart library (e.g., Chart.js) to display a bar chart showing the distribution of grades. - 2. Add Authentication: - • Implement a basic login system to secure the application. - 3. Add Dark Mode: +##Assignment: Advanced Student Marksheet Application + +Objective + +Develop an advanced Student Marksheet Application using HTML, CSS, and JavaScript with extended features for data management and interactivity. + +Problem Statement + +Design a feature-rich application that allows users to: + 1. Input student details (Name, Roll Number, and Marks in three subjects). + 2. Perform advanced calculations: + • Total Marks + • Percentage + • Grade (based on a customizable grading scale). + 3. Manage data through dynamic functionalities: + • Add, edit, and delete student records. + • Sort student records by Name, Roll Number, or Percentage. + • Filter records based on grades or a specific percentage range. + +Functional Requirements + +Core Features + 1. Input Fields: + • Student Name + • Roll Number + • Marks in three subjects (e.g., Math, Science, and English). + 2. Dynamic Calculations: + • Total Marks: Sum of marks in the three subjects. + • Percentage: (Total Marks / Maximum Marks) * 100. + • Grade: + • Implement a customizable grading system (e.g., A+, A, B, C, Fail). + • Allow users to adjust grade thresholds (e.g., 90%+ = A+). + 3. Data Management: + • Add new records dynamically to a table. + • Edit existing records (e.g., update marks or student details). + • Delete specific records. + 4. Table Interactivity: + • Sort records dynamically based on: + • Student Name (Alphabetically) + • Roll Number + • Percentage (Highest to Lowest). + • Filter records by: + • Grade (e.g., Show only A+ students). + • Percentage range (e.g., 70%-90%). + +Advanced Features + 1. Search Functionality: + • Enable users to search for specific students by Name or Roll Number. + 2. Data Persistence: + • Save the student data in Local Storage so it persists across browser sessions. + 3. Bulk Upload: + • Allow users to upload student data in bulk using a CSV file. + • Validate and parse the data to add it to the table dynamically. + 4. Export Functionality: + • Provide an option to export the student records as a CSV file. + 5. Responsive Design: + • Ensure the application is fully responsive and works seamlessly across different screen sizes. + +Technical Requirements + +HTML + • Create a structured form for student input. + • Design a table to display the results with sortable and filterable columns. + +CSS + • Use advanced CSS features for a polished UI: + • Hover effects for table rows. + • Responsive layout with media queries. + • Styled buttons and modals for editing records. + +JavaScript + • Use JavaScript to: + • Perform calculations (Total, Percentage, Grade). + • Manage data (Add, Edit, Delete, Sort, Filter). + • Implement Local Storage for data persistence. + • Handle file uploads and exports. + +Assignment Deliverables + 1. A fully functional Student Marksheet Application with: + • Add, edit, delete, sort, and filter functionalities. + • Local Storage implementation. + • CSV upload and export features. + 2. Code Structure: + • Organize the code into separate files: + • index.html: For the structure. + • styles.css: For styling. + • script.js: For JavaScript logic. + 3. Code Documentation: + • Include comments in your code to explain the logic and functionality. + +Grading Criteria + +Task Marks +Proper HTML structure 10 +Advanced CSS styling 15 +JavaScript for dynamic calculations 15 +Add, Edit, Delete functionality 20 +Sort and Filter functionalities 20 +Local Storage for data persistence 10 +File Upload and Export 10 + +Example Scenarios + 1. Scenario 1: + • Add a student named “John Doe” with Roll Number “101” and marks: Math = 85, Science = 78, English = 92. + • The application calculates Total Marks = 255, Percentage = 85%, Grade = A. + 2. Scenario 2: + • Edit John Doe’s Science marks to 88. + • Total Marks and Percentage are recalculated dynamically. + 3. Scenario 3: + • Filter the table to display only students with a grade of “A+”. + 4. Scenario 4: + • Upload a CSV file with student data. + • Validate the data, calculate results, and display them in the table. + 5. Scenario 5: + • Export the current table records as a CSV file. + +Advanced Challenges (Optional) + 1. Add a Graphical Representation: + • Use a JavaScript chart library (e.g., Chart.js) to display a bar chart showing the distribution of grades. + 2. Add Authentication: + • Implement a basic login system to secure the application. + 3. Add Dark Mode: • Provide a toggle option for dark mode. \ No newline at end of file diff --git a/Task/student mark sheet assignment question.js b/Task/student mark sheet assignment question.js index 61b1ff0..e2dc878 100644 --- a/Task/student mark sheet assignment question.js +++ b/Task/student mark sheet assignment question.js @@ -1,242 +1,242 @@ -/** - * Advanced Student Marksheet Management System - * Comprehensive Implementation - */ -class StudentMarksheet { - /** - * Constructor to initialize student details - * @param {string} name - Full name of the student - * @param {number} studentId - Unique student identifier - * @param {Object} subjects - Object containing subject names and marks - */ - constructor(name, studentId, subjects) { - this.validateStudentData(name, studentId, subjects); - - this.name = name; - this.studentId = studentId; - this.subjects = subjects; - } - - /** - * Comprehensive data validation method - * @param {string} name - * @param {number} studentId - * @param {Object} subjects - * @throws {Error} For invalid input - */ - validateStudentData(name, studentId, subjects) { - // Name validation - if (typeof name !== 'string' || name.trim().split(' ').length < 2) { - throw new Error('Name must be at least two words'); - } - - // Student ID validation - if (typeof studentId !== 'number' || - !Number.isInteger(studentId) || - studentId < 100000 || - studentId > 999999) { - throw new Error('Student ID must be a 6-digit positive number'); - } - - // Subjects validation - if (!subjects || typeof subjects !== 'object' || Object.keys(subjects).length < 5) { - throw new Error('Minimum of 5 subjects required'); - } - - // Subject marks validation - for (const [subject, mark] of Object.entries(subjects)) { - if (typeof mark !== 'number' || mark < 0 || mark > 100) { - throw new Error(`Invalid mark for ${subject}. Marks must be between 0-100`); - } - } - } - - /** - * Generate comprehensive performance report - * @returns {Object} Performance analytics - */ - generatePerformanceReport() { - const subjects = this.subjects; - const totalMarks = Object.values(subjects).reduce((sum, mark) => sum + mark, 0); - const averageMarks = totalMarks / Object.keys(subjects).length; - - return { - name: this.name, - studentId: this.studentId, - totalMarks: totalMarks, - averageMarks: averageMarks.toFixed(2), - highestMark: Math.max(...Object.values(subjects)), - lowestMark: Math.min(...Object.values(subjects)), - grade: this.calculateGrade(averageMarks), - subjectPerformance: subjects - }; - } - - /** - * Calculate performance grade - * @param {number} averageMarks - * @returns {string} Grade - */ - calculateGrade(averageMarks) { - if (averageMarks >= 90) return 'A+'; - if (averageMarks >= 80) return 'A'; - if (averageMarks >= 70) return 'B'; - if (averageMarks >= 60) return 'C'; - if (averageMarks >= 50) return 'D'; - return 'F'; - } - - /** - * Calculate weighted average with subject weights - * @param {Object} weightedSubjects - Subjects with weights - * @returns {number} Weighted average score - */ - calculateWeightedAverage(weightedSubjects = {}) { - // Default weights if not provided - const defaultWeights = { - 'Mathematics': 1.2, - 'Science': 1.1, - 'English': 1.0, - 'History': 1.0, - 'Computer Science': 1.1 - }; - - const weights = { ...defaultWeights, ...weightedSubjects }; - let totalWeightedMarks = 0; - let totalWeight = 0; - - for (const [subject, mark] of Object.entries(this.subjects)) { - const weight = weights[subject] || 1.0; - totalWeightedMarks += mark * weight; - totalWeight += weight; - } - - return (totalWeightedMarks / totalWeight).toFixed(2); - } - - /** - * Generate detailed performance report - * @returns {string} Formatted report - */ - generateDetailedReport() { - const report = this.generatePerformanceReport(); - const motivationalMessage = this.getMotivationalMessage(report.grade); - - return ` -===== Student Performance Report ===== -Name: ${report.name} -Student ID: ${report.studentId} - -Performance Metrics: -- Total Marks: ${report.totalMarks} -- Average Marks: ${report.averageMarks} -- Highest Mark: ${report.highestMark} -- Lowest Mark: ${report.lowestMark} -- Overall Grade: ${report.grade} - -Subject Breakdown: -${Object.entries(this.subjects).map(([subject, mark]) => - `- ${subject}: ${mark}` -).join('\n')} - -${motivationalMessage} -==================================== - `; - } - - /** - * Generate motivational message based on grade - * @param {string} grade - * @returns {string} Motivational message - */ - getMotivationalMessage(grade) { - const messages = { - 'A+': 'Outstanding performance! Keep up the excellent work!', - 'A': 'Excellent results! You\'re on the path to success!', - 'B': 'Good job! There\'s room for improvement.', - 'C': 'You\'re making progress. Stay focused and keep studying!', - 'D': 'You can do better. Seek help and stay motivated!', - 'F': 'Don\'t be discouraged. Every setback is a chance to learn.' - }; - return messages[grade] || 'Keep working hard!'; - } - - /** - * Compare multiple students and rank them - * @param {Array} students - Array of StudentMarksheet instances - * @returns {Array} Ranked list of students - */ - static compareStudents(students) { - if (!Array.isArray(students) || students.length === 0) { - throw new Error('Invalid input. Provide an array of students.'); - } - - // Sort students by total marks in descending order - return students - .map(student => ({ - name: student.name, - studentId: student.studentId, - totalMarks: Object.values(student.subjects).reduce((sum, mark) => sum + mark, 0) - })) - .sort((a, b) => b.totalMarks - a.totalMarks) - .map((student, index) => ({ - ...student, - rank: index + 1 - })); - } - - /** - * Export marksheet to JSON - * @returns {string} JSON representation of marksheet - */ - exportToJSON() { - return JSON.stringify({ - name: this.name, - studentId: this.studentId, - subjects: this.subjects, - performanceReport: this.generatePerformanceReport() - }, null, 2); - } -} - -// Demonstration and Testing -function demonstrateMarksheetSystem() { - try { - // Create students - const student1 = new StudentMarksheet("John Doe", 123456, { - "Mathematics": 85, - "Science": 92, - "English": 78, - "History": 88, - "Computer Science": 95 - }); - - const student2 = new StudentMarksheet("Jane Smith", 654321, { - "Mathematics": 90, - "Science": 88, - "English": 85, - "History": 92, - "Computer Science": 87 - }); - - // Generate and display reports - console.log(student1.generateDetailedReport()); - console.log(student1.calculateWeightedAverage()); - - // Compare students - const rankedStudents = StudentMarksheet.compareStudents([student1, student2]); - console.log("Student Rankings:", rankedStudents); - - // Export to JSON - console.log("JSON Export:", student1.exportToJSON()); - - } catch (error) { - console.error("Marksheet System Error:", error.message); - } -} - -// Run the demonstration -demonstrateMarksheetSystem(); - -// Export the class for potential module usage +/** + * Advanced Student Marksheet Management System + * Comprehensive Implementation + */ +class StudentMarksheet { + /** + * Constructor to initialize student details + * @param {string} name - Full name of the student + * @param {number} studentId - Unique student identifier + * @param {Object} subjects - Object containing subject names and marks + */ + constructor(name, studentId, subjects) { + this.validateStudentData(name, studentId, subjects); + + this.name = name; + this.studentId = studentId; + this.subjects = subjects; + } + + /** + * Comprehensive data validation method + * @param {string} name + * @param {number} studentId + * @param {Object} subjects + * @throws {Error} For invalid input + */ + validateStudentData(name, studentId, subjects) { + // Name validation + if (typeof name !== 'string' || name.trim().split(' ').length < 2) { + throw new Error('Name must be at least two words'); + } + + // Student ID validation + if (typeof studentId !== 'number' || + !Number.isInteger(studentId) || + studentId < 100000 || + studentId > 999999) { + throw new Error('Student ID must be a 6-digit positive number'); + } + + // Subjects validation + if (!subjects || typeof subjects !== 'object' || Object.keys(subjects).length < 5) { + throw new Error('Minimum of 5 subjects required'); + } + + // Subject marks validation + for (const [subject, mark] of Object.entries(subjects)) { + if (typeof mark !== 'number' || mark < 0 || mark > 100) { + throw new Error(`Invalid mark for ${subject}. Marks must be between 0-100`); + } + } + } + + /** + * Generate comprehensive performance report + * @returns {Object} Performance analytics + */ + generatePerformanceReport() { + const subjects = this.subjects; + const totalMarks = Object.values(subjects).reduce((sum, mark) => sum + mark, 0); + const averageMarks = totalMarks / Object.keys(subjects).length; + + return { + name: this.name, + studentId: this.studentId, + totalMarks: totalMarks, + averageMarks: averageMarks.toFixed(2), + highestMark: Math.max(...Object.values(subjects)), + lowestMark: Math.min(...Object.values(subjects)), + grade: this.calculateGrade(averageMarks), + subjectPerformance: subjects + }; + } + + /** + * Calculate performance grade + * @param {number} averageMarks + * @returns {string} Grade + */ + calculateGrade(averageMarks) { + if (averageMarks >= 90) return 'A+'; + if (averageMarks >= 80) return 'A'; + if (averageMarks >= 70) return 'B'; + if (averageMarks >= 60) return 'C'; + if (averageMarks >= 50) return 'D'; + return 'F'; + } + + /** + * Calculate weighted average with subject weights + * @param {Object} weightedSubjects - Subjects with weights + * @returns {number} Weighted average score + */ + calculateWeightedAverage(weightedSubjects = {}) { + // Default weights if not provided + const defaultWeights = { + 'Mathematics': 1.2, + 'Science': 1.1, + 'English': 1.0, + 'History': 1.0, + 'Computer Science': 1.1 + }; + + const weights = { ...defaultWeights, ...weightedSubjects }; + let totalWeightedMarks = 0; + let totalWeight = 0; + + for (const [subject, mark] of Object.entries(this.subjects)) { + const weight = weights[subject] || 1.0; + totalWeightedMarks += mark * weight; + totalWeight += weight; + } + + return (totalWeightedMarks / totalWeight).toFixed(2); + } + + /** + * Generate detailed performance report + * @returns {string} Formatted report + */ + generateDetailedReport() { + const report = this.generatePerformanceReport(); + const motivationalMessage = this.getMotivationalMessage(report.grade); + + return ` +===== Student Performance Report ===== +Name: ${report.name} +Student ID: ${report.studentId} + +Performance Metrics: +- Total Marks: ${report.totalMarks} +- Average Marks: ${report.averageMarks} +- Highest Mark: ${report.highestMark} +- Lowest Mark: ${report.lowestMark} +- Overall Grade: ${report.grade} + +Subject Breakdown: +${Object.entries(this.subjects).map(([subject, mark]) => + `- ${subject}: ${mark}` +).join('\n')} + +${motivationalMessage} +==================================== + `; + } + + /** + * Generate motivational message based on grade + * @param {string} grade + * @returns {string} Motivational message + */ + getMotivationalMessage(grade) { + const messages = { + 'A+': 'Outstanding performance! Keep up the excellent work!', + 'A': 'Excellent results! You\'re on the path to success!', + 'B': 'Good job! There\'s room for improvement.', + 'C': 'You\'re making progress. Stay focused and keep studying!', + 'D': 'You can do better. Seek help and stay motivated!', + 'F': 'Don\'t be discouraged. Every setback is a chance to learn.' + }; + return messages[grade] || 'Keep working hard!'; + } + + /** + * Compare multiple students and rank them + * @param {Array} students - Array of StudentMarksheet instances + * @returns {Array} Ranked list of students + */ + static compareStudents(students) { + if (!Array.isArray(students) || students.length === 0) { + throw new Error('Invalid input. Provide an array of students.'); + } + + // Sort students by total marks in descending order + return students + .map(student => ({ + name: student.name, + studentId: student.studentId, + totalMarks: Object.values(student.subjects).reduce((sum, mark) => sum + mark, 0) + })) + .sort((a, b) => b.totalMarks - a.totalMarks) + .map((student, index) => ({ + ...student, + rank: index + 1 + })); + } + + /** + * Export marksheet to JSON + * @returns {string} JSON representation of marksheet + */ + exportToJSON() { + return JSON.stringify({ + name: this.name, + studentId: this.studentId, + subjects: this.subjects, + performanceReport: this.generatePerformanceReport() + }, null, 2); + } +} + +// Demonstration and Testing +function demonstrateMarksheetSystem() { + try { + // Create students + const student1 = new StudentMarksheet("John Doe", 123456, { + "Mathematics": 85, + "Science": 92, + "English": 78, + "History": 88, + "Computer Science": 95 + }); + + const student2 = new StudentMarksheet("Jane Smith", 654321, { + "Mathematics": 90, + "Science": 88, + "English": 85, + "History": 92, + "Computer Science": 87 + }); + + // Generate and display reports + console.log(student1.generateDetailedReport()); + console.log(student1.calculateWeightedAverage()); + + // Compare students + const rankedStudents = StudentMarksheet.compareStudents([student1, student2]); + console.log("Student Rankings:", rankedStudents); + + // Export to JSON + console.log("JSON Export:", student1.exportToJSON()); + + } catch (error) { + console.error("Marksheet System Error:", error.message); + } +} + +// Run the demonstration +demonstrateMarksheetSystem(); + +// Export the class for potential module usage export default StudentMarksheet; \ No newline at end of file diff --git a/Tutorials/01 Variable.md b/Tutorials/01 Variable.md new file mode 100644 index 0000000..e69de29