{"id":21831741,"url":"https://github.com/nil369/akash_js_notes","last_synced_at":"2025-03-21T13:23:41.375Z","repository":{"id":217159091,"uuid":"743222076","full_name":"Nil369/Akash_JS_Notes","owner":"Nil369","description":"This My JS Coding Notes. I have made this to help others to grasp the basic \u0026 advance concept of JS as well as as revise VERY EASILY \u0026 systematically.I have included 2 projects to make users understand the application of JS","archived":false,"fork":false,"pushed_at":"2024-01-20T10:42:29.000Z","size":67,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-27T06:17:39.598Z","etag":null,"topics":["advance-js","akash-halder","akash-js-notes","basic-js","js","js-projects"],"latest_commit_sha":null,"homepage":"https://github.com/Nil369/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Nil369.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2024-01-14T17:38:30.000Z","updated_at":"2024-01-20T10:27:23.000Z","dependencies_parsed_at":"2024-01-20T11:32:14.027Z","dependency_job_id":"84dba041-f8be-4664-8915-1705564946a7","html_url":"https://github.com/Nil369/Akash_JS_Notes","commit_stats":null,"previous_names":["nil369/akash_js_notes"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nil369%2FAkash_JS_Notes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nil369%2FAkash_JS_Notes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nil369%2FAkash_JS_Notes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nil369%2FAkash_JS_Notes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nil369","download_url":"https://codeload.github.com/Nil369/Akash_JS_Notes/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244804198,"owners_count":20513065,"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","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":["advance-js","akash-halder","akash-js-notes","basic-js","js","js-projects"],"created_at":"2024-11-27T19:15:02.579Z","updated_at":"2025-03-21T13:23:41.346Z","avatar_url":"https://github.com/Nil369.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![image](https://github.com/Nil369/Akash_JS_Notes/assets/148447931/f2d7799b-bb45-49f0-b621-024e4df18a10)\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/akash_js_notes\"\u003e\n  \u003cimg alt=\"Release Version\" src=\"https://img.shields.io/badge/Release-v1.0.0-blue\"\u003e\u003c/a\u003e\n  \n\u003c/p\u003e\n\n# This is my JS notes\n## Author : AKASH HALDER\n\nAs we all know that JavaScript is a versatile programming language commonly used to enhance interactivity in web browsers. It enables developers to create dynamic and engaging user interfaces.\n\n\u003cimg align=\"right\" height=\"450\" src=\"https://qph.cf2.quoracdn.net/main-qimg-6608bb7fcc848c44272af9c20765439e-lq\"\u003e\n\n1.Frontend:\n\nIn frontend development, JavaScript is primarily used to make web pages dynamic. It allows for real-time updates, interactive forms, and responsive user experiences. Frameworks like React, Angular, and Vue use JavaScript to build powerful frontend applications.\n\n2.Backend:\n\nOn the backend, JavaScript (with Node.js) is employed to handle server-side logic. It facilitates the creation of scalable and efficient server applications. With Node.js, JavaScript can manage server tasks, handle requests, and interact with databases, providing a full-stack development capability.\n\n\nIn This you will Find all the required essential knowledge for making Good Website =\u003e 1. FrontEnd 2.BackEnd(Kick start = async JS) | Here,I have focused more on frontend than backend.\n\nHere I have Included some Projects So that others can actually understand the application of Javscript in FrontEnd\n\n1. Learn the essential basics of Javascript\n2. Master some Advance Javscript Topics\n3. Apply your knowledge into some useful frontend Projects\n\n\n\n# JavaScript Topics Overview\n\nWelcome to this comprehensive guide on essential JavaScript topics. Below, you'll find a brief explanation of each topic along with a code example to help you grasp the concepts quickly.\n\n## Table of Contents\n\u003cimg align = \"right\" src=\"https://static.vecteezy.com/system/resources/previews/027/127/463/non_2x/javascript-logo-javascript-icon-transparent-free-png.png\" height=\"300\" width=\"300\"\u003e\n1. [Variables and Data Types](#1-variables-and-data-types)\n2. [Control Flow](#2-control-flow)\n3. [Functions](#3-functions)\n4. [Arrays](#4-arrays)\n5. [Objects](#5-objects)\n6. [Loops](#6-loops)\n7. [Conditions](#7-conditions)\n8. [Promises](#8-promises)\n9. [Async/Await](#9-asyncawait)\n10. [Event Handling](#10-event-handling)\n11. [DOM Manipulation](#11-dom-manipulation)\n\n### 1. Variables and Data Types\n\nJavaScript is dynamically typed, and variables can be declared using `var`, `let`, or `const`. Data types include numbers, strings, booleans, objects, arrays, and null.\n\n```javascript\nlet name = \"John\";\nlet age = 25;\nlet isStudent = true;\nconst PI = 3.14;\n```\n\n### 2. Control Flow\n\nControl flow statements include `if`, `else if`, `else`, `switch`, and the ternary operator (`? :`), enabling you to make decisions in your code.\n\n```javascript\nlet grade = 75;\n\nif (grade \u003e= 90) {\n  console.log(\"A\");\n} else if (grade \u003e= 80) {\n  console.log(\"B\");\n} else {\n  console.log(\"C\");\n}\n```\n\n### 3. Functions\n\nFunctions in JavaScript can be defined using the `function` keyword. Arrow functions provide a concise syntax.\n\n```javascript\nfunction greet(name) {\n  return `Hello, ${name}!`;\n}\n\nconst add = (a, b) =\u003e a + b;\n```\n\n### 4. Arrays\n\nArrays store multiple values. You can access, modify, and manipulate arrays using various methods.\n\n```javascript\nlet colors = [\"red\", \"green\", \"blue\"];\ncolors.push(\"yellow\");\nconsole.log(colors[2]); // Output: blue\n```\n\n### 5. Objects\n\nObjects represent key-value pairs and are widely used in JavaScript.\n\n```javascript\nlet person = {\n  name: \"Alice\",\n  age: 30,\n  isStudent: false,\n};\nconsole.log(person.name); // Output: Alice\n```\n\n### 6. Loops\n\nJavaScript supports `for`, `while`, and `do-while` loops for iterative tasks.\n\n```javascript\nfor (let i = 0; i \u003c 5; i++) {\n  console.log(i);\n}\n```\n\n### 7. Conditions\n\nTernary operators and logical operators (`\u0026\u0026`, `||`, `!`) help in handling conditions effectively.\n\n```javascript\nlet isLoggedIn = true;\nlet message = isLoggedIn ? \"Welcome back!\" : \"Please log in.\";\n```\n\n### 8. Promises\n\nPromises are used for asynchronous programming, representing the eventual completion or failure of an asynchronous operation.\n\n```javascript\nconst fetchData = new Promise((resolve, reject) =\u003e {\n  // Async operation\n  if (success) {\n    resolve(data);\n  } else {\n    reject(error);\n  }\n});\n```\n\n### 9. Async/Await\n\nAsync/await simplifies asynchronous code, making it more readable and easier to work with promises.\n\n```javascript\nasync function fetchData() {\n  try {\n    let response = await fetch('https://api.example.com/data');\n    let data = await response.json();\n    console.log(data);\n  } catch (error) {\n    console.error('Error fetching data:', error);\n  }\n}\n```\n\n### 10. Event Handling\n\nJavaScript handles events triggered by user actions. Common events include click, keyup, and submit.\n\n```javascript\ndocument.getElementById(\"myButton\").addEventListener(\"click\", function() {\n  alert(\"Button clicked!\");\n});\n```\n\n### 11. DOM Manipulation\n\nThe Document Object Model (DOM) allows you to manipulate the structure, style, and content of HTML documents.\n\n```javascript\ndocument.getElementById(\"myElement\").innerHTML = \"New content\";\n```\n\nFeel free to explore each topic in-depth and use the provided examples as a starting point for your JavaScript journey. Happy coding!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnil369%2Fakash_js_notes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnil369%2Fakash_js_notes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnil369%2Fakash_js_notes/lists"}