{"id":15880637,"url":"https://github.com/nomandhoni-cs/myjavascriptjourney","last_synced_at":"2025-04-02T05:23:31.558Z","repository":{"id":103342726,"uuid":"455813001","full_name":"nomandhoni-cs/myJavaScriptJourney","owner":"nomandhoni-cs","description":"In this repository I will share the JavaScript code from my Beginning, You can follow this for revise your JS concepts.","archived":false,"fork":false,"pushed_at":"2022-09-29T17:45:34.000Z","size":78,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-14T20:53:43.474Z","etag":null,"topics":["docs","documentation","javascript","snippets"],"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/nomandhoni-cs.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}},"created_at":"2022-02-05T08:12:15.000Z","updated_at":"2024-06-18T07:51:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"67bb63a3-3862-4a24-b250-dc7d13fc487b","html_url":"https://github.com/nomandhoni-cs/myJavaScriptJourney","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nomandhoni-cs%2FmyJavaScriptJourney","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nomandhoni-cs%2FmyJavaScriptJourney/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nomandhoni-cs%2FmyJavaScriptJourney/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nomandhoni-cs%2FmyJavaScriptJourney/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nomandhoni-cs","download_url":"https://codeload.github.com/nomandhoni-cs/myJavaScriptJourney/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246759974,"owners_count":20829192,"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":["docs","documentation","javascript","snippets"],"created_at":"2024-10-06T03:20:31.599Z","updated_at":"2025-04-02T05:23:31.534Z","avatar_url":"https://github.com/nomandhoni-cs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# myJavaScript\n\nIn this repository I will share the JavaScript code from my Beginning\n\n## A huge thanks to GitHub Copilot to helping me to comment inside of code\n\n### Table of Contents\n\n**[Introduction to JavaScript](#introduction-to-javascript)**\u003cbr\u003e\n**[JavaScript Fundamentals](#javascript-fundamentals)**\u003cbr\u003e\n**[Apply JavaScript Concepts](#apply-javascript-concepts)**\u003cbr\u003e\n**[JavaScript topics learned from LWS](#javascript-topics-learned-from-lws)**\u003cbr\u003e\n**[JavaScript Coding Problems](#javascript-coding-problems)**\u003cbr\u003e\n**[Problem Solving Assignment](#problem-solving-assignment)**\u003cbr\u003e\n**[Serious Web Developer Tips And Tricks](#serious-web-developer-tips-and-tricks)**\u003cbr\u003e\n**[How JavaScripts Works DOM](#how-javascripts-works-dom)**\u003cbr\u003e\n**[Function addEventListener Event Bubble](#function-addeventlistener-event-bubble)**\u003cbr\u003e\n**[Noman Dhoni Bank Limited](#noman-dhoni-bank-limited)**\u003cbr\u003e\n**[Modern JavaScript](#modern-javascript)**\u003cbr\u003e\n\n## Introduction to JavaScript\n\n### Topics:\n\n- Data Types **\u003cbr\u003e\n  \u003ckbd\u003eLine 1\u003c/kbd\u003e to \u003ckbd\u003eLine 58\u003c/kbd\u003e**\u003cbr\u003e[IntroductionToJavaScript.js](https://github.com/nomandhoni-cs/myJavaScriptJourney/blob/master/introductionToJavaScript/IntroductiontoJavaScript.js)\n- String \u003cbr\u003e\n1. UPPER CASE: `.toUpperCase()` by this you can make a normal string to Upper Case. \u003cbr\u003e\n2. lower case: `.toLowerCase()` by this you can make a normal string to Lower Case.\n3. Find the location of a word: `.indexOf()` by this you can find the index of string.\n- Boolean Variable\n- Number Variable\n- Operators\n- Random Number\n```\n// to get a random integer numeber between 100\nvar randomInteger = Math.random() * 100;\nvar randomInteger = Math.round(randomInteger);\nconsole.log(randomInteger); //84 Some random number\n```\n- JavaScript Time Clock\n``` \n// JavaScript Time- Clock\nvar date = new Date();\nvar hour = date.getHours();\nvar minute = date.getMinutes();\nvar sec = date.getSeconds();\nvar ms = date.getMilliseconds();\nvar day = date.getDay();\nconsole.log(date + \" \" + hour + \":\" + minute + \":\" + sec + \":\" + ms + \" \" + day);\n//Mon Sep 26 2022 21:16:08 GMT+0600 (Bangladesh Standard Time) 21:16:8:98 1\n```\n\n## JavaScript Fundamentals\n\n### Topics:\n\n- [javaScriptFundamentals.js](https://github.com/nomandhoni-cs/myJavaScriptJourney/blob/master/javaScriptFundamentals/jsfundamentals.js)\n- Array\n1. `.indexOf(\"Items from Array\")`\nBy this you can find what is the index of that element\n```\nvar friendsName = [\"Sabbir\", \"Noman\", \"Mridul\", \"Sakib\", \"Faysal\"];\n//Find the index in an array\nvar posiotion = friendsName.indexOf(\"Sakib\");\nconsole.log(posiotion);// 3\n```\n2. `.length`\nBy this you can find what is the length of an array.\n```\nfriendsAge = [20, 21, 22, 23, 24];\nconsole.log(friendsAge.length);// 5\n```\n3. `.pop(existingElement)` and `.push(newElement)` \u003cbr\u003e \nBy these you can Insert a new Item to an array and Delete item from an array.\n```\n// .pop() will remove last element\nfriendsAge.pop();\nconsole.log(friendsAge);// 20 21 22 23\nfriendsAge.push(25);\nconsole.log(friendsAge);// 20 21 22 23 25\n```\n4. `.shift()` and `.unshift(newElement)` \u003cbr\u003e\nBy `.shift()` we can remove the first element from the array. \u003cbr\u003e\nBy `.unshift(newElement)` can insert element in the begining of an array.\n```\nfriendsAge.shift();\nconsole.log(friendsAge); // 21 22 23 25\nfriendsAge.unshift(30);\nconsole.log(friendsAge); // 30 21 22 23 25\n```\n\n## Apply JavaScript Concepts\n\n### Topics:\n\n- Prime Numbers\n- Factorial (Regular, While-Loop, Minus for loop, Minus While Loop, Recursive)\n- Use of \"const\" and \"let\"\n- Even number Generator\n- Fibonacci (Regular, Recursive, Full series Recursive, While-Loop)\n- Inch to Feet\n- Leap Year\n- Odd Number Series\n- Sum of Series\n\n## JavaScript topics learned from LWS\n### Topics :\n- ```setInterval(functionName, 5)``` to run a function after a specific time. Here after 5 mill sec  \n- ```stopInterval(variableNameAssignedAsInterval)``` to stop the interval. Otherwise the Interval will run forever.\n- ```=\u003e``` The arrow function.\n## JavaScript Coding Problems\n\n### Topics:\n\n- Maximum value from an Array\n- Sum of an Array\n- Sum of an Array by using Function\n- Ludo Dice by Using Math.random()\n- Maximum and Minimum variable\n- Swap value between variable\n- Count word in a Sentence / String\n- Reverse a Sentence\n- Find duplicate from an Array\n\n## Problem Solving Assignment\n\n### Questions:\n\n- Convert Feet into Mile\n- 1 cubic foot wood needed to make 1 Chair, 3 cubic foot wood needed to make 1 Table, 5 cubic foot wood needed to make 1 Bed. Now make a function to calculate from 3 inputs and return.\n- 1st to 10th floor of a building is 15 feet tall. 11th to 20th floor of a building is 12 feet tall. Above 20th floor all floor is 10 feet tall. 1000 Bricks needed to build 1 feet of Building. Now make a function to calculate amount of Bricks if only the Building floor is given.\n- List your friends name in an Array. Now make a function that will return from that Array, which name is smaller.\n\n## Serious Web Developer Tips And Tricks\n\n#### Learning Resources\n\n- Stack Overflow\n- Read Article from Medium\n- JavaScript Weekly, HTML Weekly, CSS Weekly\n\n#### Snippets\n\n- ! =\u003e to bring Basic HTML5 Snippet\n- div.row =\u003e\u003cbr\u003e `\u003cdiv class =\"row\"\u003e \u003c/div\u003e`\n- .row*3\u003eh1+p+btn =\u003e\n  ```\n  \u003cdiv class =\"row\"\u003e\n      \u003ch1\u003e\u003c/h1\u003e\n      \u003cp\u003e\u003c/p\u003e\n      \u003cbutton\u003e\u003c/button\u003e\n  \u003c/div\u003e\n  \u003cdiv class =\"row\"\u003e\n      \u003ch1\u003e\u003c/h1\u003e\n      \u003cp\u003e\u003c/p\u003e\n      \u003cbutton\u003e\u003c/button\u003e\n  \u003c/div\u003e\n  \u003cdiv class =\"row\"\u003e\n      \u003ch1\u003e\u003c/h1\u003e\n      \u003cp\u003e\u003c/p\u003e\n      \u003cbutton\u003e\u003c/button\u003e\n  \u003c/div\u003e\n  ```\n- span#userName =\u003e \u003cbr\u003e`\u003cspan id=\"userName\"\u003e...\u003c/span\u003e`\n- Google Emmet Cheat Sheet\n\n#### Extensions\n\n- Live Server\n- Code Spell Checker\n- JavaScript ES6 Code Snippets\n- ES Lint\n- Prettier\n\n#### Learn Using Shortcuts\n\n- \u003ckbd\u003eCTRL\u003c/kbd\u003e + \u003ckbd\u003eSHIFT\u003c/kbd\u003e + \u003ckbd\u003eP\u003c/kbd\u003e to Open Command Prompt\n- \u003ckbd\u003eALT\u003c/kbd\u003e + \u003ckbd\u003eSHIFT\u003c/kbd\u003e + \u003ckbd\u003e=\u003e\u003c/kbd\u003e (Arrow key to select whole word)\n- Learn VS Code Keyboard Shortcuts\n\n#### Improve Typing Speed\n\n- Typing.com is a Great Resource for Learn Typing\n- Typing Master Desktop APP\n- Test Typing Speed from Various Website\n\n## How JavaScripts Works DOM\n\n### Interview Questions\n- Definition of Java Script\n- Sequence of Script file\n- ```.appendChild(element```) =\u003e to insert a child into a parent  \n- ```.getElementById/Class/Tag name``` =\u003e to select an element \n- ```.createElement``` =\u003e to create an element \n- ```.innerHTML``` =\u003e insert HTML inside of an element \n\n## Function addEventListener Event Bubble\n### Topics :\n##### Argument\n- Argument is an array like Object\n\n##### Function\n- There are four types of functions\n\n##### ```.addEventListener()```\n\n##### Event Bubble\n![Event Bubbling JavaScript](https://javascript.info/article/bubbling-and-capturing/eventflow.svg)\n## Noman Dhoni Bank Limited\n\n### Project : [Noman Dhoni Bank](https://nomandhoni-cs.github.io/NomanDhoniBank)\n##### Topics:\n- parseFloat() to make a string into Float number\n\n### Lessons :\n- Firstly understand the work details from your client or higher authority\n- Breakdown a big problem into step by step\n- Commit and Pull the git after a step done\n- After solve the problem try to remove multiple line by using function\n\n##### You can contribute to my bank website Noman Dhoni Bank Ltd.\n\n## Modern JavaScript\n\n### Topics :\n\n#####  Default function\n- You can assign some default parameter\n```\nfunction add(inputOne, inputTwo = 10) {\n  let sum = inputOne + inputTwo;\n  return sum;\n}\nlet output = add(15); // 25\nconsole.log(output);\n```\n##### Template\n- You also use any type of one line function inside of `${}` like `${2+3}`.\n```\nconst firstName = \"Noman\";\nconst lastName = \"Dhoni\";\nconst fullName = firstName + \" \" + lastName;\nconsole.log(fullName); // Noman Dhoni\nconst fullName2 = `${firstName} ${lastName} is a Developer.`;\nconsole.log(fullName2); // Noman Dhoni is a Developer.\n\nconst multiLine = \"I am\\n\" + \"Noman\";\nconsole.log(multiLine);\n// I am\n// Noman\nconst multiLine2 = `I am \nNoman`;\nconsole.log(multiLine2);\n// I am\n// Noman\n``` \n##### Arrow Function\n- One Parameter: You can set parameter withour `()`.\n```\nconst add = num =\u003e num + 2;\nconsole.log(add(2)); // 4\n```\n- No Parameter: You have to use `()` must.\n```\nconst number = () =\u003e 5;\nconsole.log(number()); // 5\n```\n- Multiple Parameter: You can set them like this `(x, y)`\n```\nconst multiple = (x, y) =\u003e x * y;\nconsole.log(multiple(2, 3)); // 6\n```\n- Multiple Operation: You have to use `{}` and `return`.\n```\nconst bigFunc = (x, y) =\u003e {\n    x = x + 2\n    y = y + 2\n    const sum = x + y;\n    return sum;\n}\nconsole.log(bigFunc(2, 3)); // 9\n```\n##### Three Dots (Spread Operator)\n- `.concut()` Use it to combine array elements\n```\nconst friendsAge = [20 , 23, 24, 21];\nconst cousinAge = [31, 42, 34, 12];\nconst parentsAge = [54, 53, 52, 64];\nconst combinedAge = friendsAge.concat(cousinAge).concat(parentsAge);\nconsole.log(combinedAge); // [20, 23, 24, 21, 31, 42, 34, 12, 54, 53, 52, 64 ]\n```\n- `...` by this you can also do the same thing as avobe.\n```\nconst combinedAge2 = [...friendsAge, ...cousinAge, ...parentsAge];\nconsole.log(combinedAge2);// [20, 23, 24, 21, 31, 42, 34, 12, 54, 53, 52, 64 ]\n```\n- Maximum \n```\nconst maximum = Math.max(...friendsAge, ...cousinAge, ...parentsAge);\nconsole.log(maximum); // 64\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnomandhoni-cs%2Fmyjavascriptjourney","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnomandhoni-cs%2Fmyjavascriptjourney","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnomandhoni-cs%2Fmyjavascriptjourney/lists"}