{"id":28700926,"url":"https://github.com/theamnabb/javascript","last_synced_at":"2025-08-11T09:12:26.303Z","repository":{"id":261975744,"uuid":"859385264","full_name":"theamnabb/JavaScript","owner":"theamnabb","description":"Repository containing my journey of JavaScript practice, from basic concepts to advanced techniques. ","archived":false,"fork":false,"pushed_at":"2024-11-11T12:39:46.000Z","size":14882,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-14T11:45:10.333Z","etag":null,"topics":["html-css-javascript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/theamnabb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-09-18T15:14:32.000Z","updated_at":"2024-11-11T12:39:49.000Z","dependencies_parsed_at":"2025-06-01T11:25:10.705Z","dependency_job_id":null,"html_url":"https://github.com/theamnabb/JavaScript","commit_stats":null,"previous_names":["aamna-ansari/javascript","theamnabb/javascript"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/theamnabb/JavaScript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theamnabb%2FJavaScript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theamnabb%2FJavaScript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theamnabb%2FJavaScript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theamnabb%2FJavaScript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/theamnabb","download_url":"https://codeload.github.com/theamnabb/JavaScript/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/theamnabb%2FJavaScript/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269857564,"owners_count":24486395,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-11T02:00:10.019Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html-css-javascript"],"created_at":"2025-06-14T11:41:42.971Z","updated_at":"2025-08-11T09:12:26.295Z","avatar_url":"https://github.com/theamnabb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JavaScript\n# A Coding Practice Repository\n\n## Folder Structure\n\n### 01_basics\n\n#### 01_variables.js\n- Added variable declaration examples for better understanding.\n\n#### 02_data-types.js\n- Introduced various JavaScript data types with practical examples.\n\n#### 03_conversion-operations.js\n- Demonstrated type conversion operations in JavaScript.\n\n#### 04_data-types-summary.js\n- Summarized key points about JavaScript data types.\n\n#### 05_string.js\n- Added string manipulation examples and exercises.\n\n#### 06_nums_and_math.js\n- Explained numeric data types and basic math operations.\n\n#### 07_dates_in_JS.js\n- Covered Date object and all date related operations in JS.\n\n  ---\n  \n\n### 02_basics\n\n#### 01_arrays.js\n- Illustrated array creation and manipulation examples.\n\n#### 02_arrays.js\n- Introduced advanced array operations and methods.\n#### 03_objects.js\n- Explained object creation and manipulation in JavaScript.\n\n#### 04_objects.js\n- Added advanced object-related examples and use cases.\n\n---\n### 03_basics\n\n#### 01_functions.js\n- Added examples illustrating JavaScript functions and their usage.\n\n#### 02_scopes.js\n- Introduced concepts of variable scopes in JavaScript.\n\n#### 03_arrow.js\n- Added examples showcasing arrow functions and their advantages.\n\n#### 04_IIFE.js\n- Implemented Immediately Invoked Function Expressions (IIFE) for encapsulation.\n\n---\n\n### 04_control_flow\n\n#### one.js\n- Added examples demonstrating the use of control flow statements in JavaScript.\n\n#### switch.js\n- Illustrated the implementation of switch statements for better code organization.\n\n#### truthy_and_falsy.js\n- Explained truthy and falsy values in JavaScript, showcasing their impact on control flow.\n\n---\n### 05_iterations_or_loops\n\n#### 01_one.js\n- Added examples illustrating the use of the 'for' loop in JavaScript.\n\n#### 02_two.js\n- Introduced the 'while' loop with practical code examples.\n\n#### 03_three.js\n- Demonstrated the versatility of the 'do-while' loop in various scenarios.\n\n#### 04_four.js\n- Added examples showcasing the 'for...in' loop for iterating over object properties.\n\n#### 05_five.js\n- Implemented the 'for...of' loop for iterating over iterable objects like arrays.\n\n#### 06_six.js\n- Showcased the use of the 'forEach' loop for iterating over arrays.\n\n#### 07_seven.js\n- Illustrated the 'map' function for transforming elements in an array.\n\n#### 08_eight.js\n- Added examples demonstrating the use of the 'filter' function for array filtering.\n\n#### summary_loop_practice.js\n- Consolidated all loop types, including 'for', 'while', 'do-while', 'for...in', 'for...of', 'forEach', 'map', and 'filter' for comprehensive loop practice.\n\n---\n\n### 06_DOM\n\n#### 01_one.html\n- Added the initial HTML structure for practicing DOM manipulation.\n\n#### 02_two.html\n- Created a new HTML file to explore additional DOM manipulation scenarios.\n\n#### 03_three.html\n- Implemented HTML code for further DOM manipulation exercises.\n\n#### 04_four.html\n- Added HTML content to extend the practice of working with the Document Object Model (DOM).\n\n#### DOM Diagram.png\n- Included a visual representation of the DOM structure for reference and learning.\n\n#### DOM1.PNG \u0026 DOM2.PNG\n- Output \n---\n\n### 07_projects\n\n#### 01_project1\n- **Name:** Color Switcher\n- **Description:** Implement a color switcher that allows users to change the background color dynamically.\n\n---\n\n\n#### 02_project2\n- **Name:** BMI Calculator\n- **Description:** Develop a BMI (Body Mass Index) calculator to help users calculate their BMI based on input height and weight.\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./JavaScript/07_projects/02_project2/BMICalculator.gif\" alt=\"BMICalculator\"\u003e\n\u003c/p\u003e\n\n---\n\n#### 03_project3\n- **Name:** Digital Clock\n- **Description:** Create a digital clock that displays the current time and updates in real-time.\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./JavaScript/07_projects/03_project3/timer.gif\" alt=\"DigitalCalculator\"\u003e\n\u003c/p\u003e\n\n---\n\n#### 04_project4\n- **Name:** Number Guessing Game\n- **Description:** Build a number guessing game where users try to guess a randomly generated number within a specified range.\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./JavaScript/07_projects/04_project4/guessNumber.gif\" alt=\"GuessNumber\"\u003e\n\u003c/p\u003e\n\n---\n\n#### 05_project5\n- **Name:** Background Color Changer\n- **Description:** Implement a feature where clicking a \"Start\" button changes the background color of the body each time.\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./JavaScript/07_projects/05_project5/BgColorchangeTime.gif\" alt=\"BgTimer\"\u003e\n\u003c/p\u003e\n\n---\n\n#### 06_project6\n- **Name:** Key Magic\n- **Description:** Create a project that prints the name and key code of a pressed key when any key is pressed on the keyboard.\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./JavaScript/07_projects/06_project6/Capture.PNG\" alt=\"KeyMagic\"\u003e\n\u003c/p\u003e\n\n---\n\n### 08_events\n\n#### event_basics.js\n- **Name:** Event Basics JavaScript\n- **Description:** Basic JavaScript file for practicing event handling.\n\n#### 01_one.html\n- **Name:** Event Practice 1\n- **Description:** HTML file for practicing JavaScript events.\n\n#### 02_two.html\n- **Name:** Cena Event\n- **Description:** HTML file featuring an image of John Cena, linked to an event in the JavaScript file.\n\n#### 03_three.html\n- **Name:** Lesnar Event\n- **Description:** HTML file featuring an image of Brock Lesnar, linked to an event in the JavaScript file.\n\n#### Images:\n- **cena.png:** Image of John Cena used in Cena Event.\n- **lesnar.png:** Image of Brock Lesnar used in Lesnar Event.\n- **masha.png:** Image of masha (description needed).\n- **masha2.png:** Image of masha (description needed).\n\n---\n\n### 09_API\n\n#### apiRequest.html\n- **Name:** API Request\n- **Description:** HTML file demonstrating the usage of XHR for making asynchronous requests to an API.\n\n#### apiRequestAssignment.html\n- **Name:** API Request Assignment\n- **Description:** HTML file showcasing an assignment or project related to making asynchronous requests using XHR.\n\n---\n\n### 10_promises\n\n#### 01_promises.js\n- **Name:** Promises Implementation\n- **Description:** JavaScript file implementing promise functionality in depth.\n\n---\n### 11_classes_and_OOP\n\n#### OOP.js\n- **Name:** OOP JavaScript\n- **Description:** General overview of Object-Oriented Programming (OOP) in JavaScript.\n\n#### bind.html\n- **Name:** Binding HTML\n- **Description:** HTML file related to binding in JavaScript.\n\n#### call.js\n- **Name:** Call JavaScript\n- **Description:** JavaScript file demonstrating the use of the `call` method.\n\n#### inheritance.js\n- **Name:** Inheritance JavaScript\n- **Description:** Illustration of inheritance in JavaScript.\n\n#### mathPi.js\n- **Name:** Math.PI JavaScript\n- **Description:** Usage of the `Math.PI` constant.\n\n#### myClass.js\n- **Name:** MyClass JavaScript\n- **Description:** Implementation of a custom class.\n\n#### notes.md\n- **Name:** Notes Markdown\n- **Description:** Documentation notes covering the topics in this folder.\n\n#### staticProp.js\n- **Name:** Static Property JavaScript\n- **Description:** Usage of static properties in classes.\n---\n\n### 12_localStorage\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./JavaScript/12_LocalStorage/localStorage.gif\" alt=\"LocalStorage\"\u003e\n\u003c/p\u003e\n\n---\n\n## Getting Started\n\nTo make the most out of this repository, follow these steps:\n\n1. Clone the repository to your local machine:\n\n   ```bash\n   git clone https://github.com/aamna-ansari/JavaScript.git","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheamnabb%2Fjavascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftheamnabb%2Fjavascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheamnabb%2Fjavascript/lists"}