https://github.com/nomandhoni-cs/myjavascriptjourney
In this repository I will share the JavaScript code from my Beginning, You can follow this for revise your JS concepts.
https://github.com/nomandhoni-cs/myjavascriptjourney
docs documentation javascript snippets
Last synced: about 1 year ago
JSON representation
In this repository I will share the JavaScript code from my Beginning, You can follow this for revise your JS concepts.
- Host: GitHub
- URL: https://github.com/nomandhoni-cs/myjavascriptjourney
- Owner: nomandhoni-cs
- Created: 2022-02-05T08:12:15.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-09-29T17:45:34.000Z (over 3 years ago)
- Last Synced: 2025-02-14T20:53:43.474Z (over 1 year ago)
- Topics: docs, documentation, javascript, snippets
- Language: JavaScript
- Homepage:
- Size: 76.2 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# myJavaScript
In this repository I will share the JavaScript code from my Beginning
## A huge thanks to GitHub Copilot to helping me to comment inside of code
### Table of Contents
**[Introduction to JavaScript](#introduction-to-javascript)**
**[JavaScript Fundamentals](#javascript-fundamentals)**
**[Apply JavaScript Concepts](#apply-javascript-concepts)**
**[JavaScript topics learned from LWS](#javascript-topics-learned-from-lws)**
**[JavaScript Coding Problems](#javascript-coding-problems)**
**[Problem Solving Assignment](#problem-solving-assignment)**
**[Serious Web Developer Tips And Tricks](#serious-web-developer-tips-and-tricks)**
**[How JavaScripts Works DOM](#how-javascripts-works-dom)**
**[Function addEventListener Event Bubble](#function-addeventlistener-event-bubble)**
**[Noman Dhoni Bank Limited](#noman-dhoni-bank-limited)**
**[Modern JavaScript](#modern-javascript)**
## Introduction to JavaScript
### Topics:
- Data Types **
Line 1 to Line 58**
[IntroductionToJavaScript.js](https://github.com/nomandhoni-cs/myJavaScriptJourney/blob/master/introductionToJavaScript/IntroductiontoJavaScript.js)
- String
1. UPPER CASE: `.toUpperCase()` by this you can make a normal string to Upper Case.
2. lower case: `.toLowerCase()` by this you can make a normal string to Lower Case.
3. Find the location of a word: `.indexOf()` by this you can find the index of string.
- Boolean Variable
- Number Variable
- Operators
- Random Number
```
// to get a random integer numeber between 100
var randomInteger = Math.random() * 100;
var randomInteger = Math.round(randomInteger);
console.log(randomInteger); //84 Some random number
```
- JavaScript Time Clock
```
// JavaScript Time- Clock
var date = new Date();
var hour = date.getHours();
var minute = date.getMinutes();
var sec = date.getSeconds();
var ms = date.getMilliseconds();
var day = date.getDay();
console.log(date + " " + hour + ":" + minute + ":" + sec + ":" + ms + " " + day);
//Mon Sep 26 2022 21:16:08 GMT+0600 (Bangladesh Standard Time) 21:16:8:98 1
```
## JavaScript Fundamentals
### Topics:
- [javaScriptFundamentals.js](https://github.com/nomandhoni-cs/myJavaScriptJourney/blob/master/javaScriptFundamentals/jsfundamentals.js)
- Array
1. `.indexOf("Items from Array")`
By this you can find what is the index of that element
```
var friendsName = ["Sabbir", "Noman", "Mridul", "Sakib", "Faysal"];
//Find the index in an array
var posiotion = friendsName.indexOf("Sakib");
console.log(posiotion);// 3
```
2. `.length`
By this you can find what is the length of an array.
```
friendsAge = [20, 21, 22, 23, 24];
console.log(friendsAge.length);// 5
```
3. `.pop(existingElement)` and `.push(newElement)`
By these you can Insert a new Item to an array and Delete item from an array.
```
// .pop() will remove last element
friendsAge.pop();
console.log(friendsAge);// 20 21 22 23
friendsAge.push(25);
console.log(friendsAge);// 20 21 22 23 25
```
4. `.shift()` and `.unshift(newElement)`
By `.shift()` we can remove the first element from the array.
By `.unshift(newElement)` can insert element in the begining of an array.
```
friendsAge.shift();
console.log(friendsAge); // 21 22 23 25
friendsAge.unshift(30);
console.log(friendsAge); // 30 21 22 23 25
```
## Apply JavaScript Concepts
### Topics:
- Prime Numbers
- Factorial (Regular, While-Loop, Minus for loop, Minus While Loop, Recursive)
- Use of "const" and "let"
- Even number Generator
- Fibonacci (Regular, Recursive, Full series Recursive, While-Loop)
- Inch to Feet
- Leap Year
- Odd Number Series
- Sum of Series
## JavaScript topics learned from LWS
### Topics :
- ```setInterval(functionName, 5)``` to run a function after a specific time. Here after 5 mill sec
- ```stopInterval(variableNameAssignedAsInterval)``` to stop the interval. Otherwise the Interval will run forever.
- ```=>``` The arrow function.
## JavaScript Coding Problems
### Topics:
- Maximum value from an Array
- Sum of an Array
- Sum of an Array by using Function
- Ludo Dice by Using Math.random()
- Maximum and Minimum variable
- Swap value between variable
- Count word in a Sentence / String
- Reverse a Sentence
- Find duplicate from an Array
## Problem Solving Assignment
### Questions:
- Convert Feet into Mile
- 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.
- 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.
- List your friends name in an Array. Now make a function that will return from that Array, which name is smaller.
## Serious Web Developer Tips And Tricks
#### Learning Resources
- Stack Overflow
- Read Article from Medium
- JavaScript Weekly, HTML Weekly, CSS Weekly
#### Snippets
- ! => to bring Basic HTML5 Snippet
- div.row =>
`
`
- .row*3>h1+p+btn =>
```
```
- span#userName =>
`...`
- Google Emmet Cheat Sheet
#### Extensions
- Live Server
- Code Spell Checker
- JavaScript ES6 Code Snippets
- ES Lint
- Prettier
#### Learn Using Shortcuts
- CTRL + SHIFT + P to Open Command Prompt
- ALT + SHIFT + => (Arrow key to select whole word)
- Learn VS Code Keyboard Shortcuts
#### Improve Typing Speed
- Typing.com is a Great Resource for Learn Typing
- Typing Master Desktop APP
- Test Typing Speed from Various Website
## How JavaScripts Works DOM
### Interview Questions
- Definition of Java Script
- Sequence of Script file
- ```.appendChild(element```) => to insert a child into a parent
- ```.getElementById/Class/Tag name``` => to select an element
- ```.createElement``` => to create an element
- ```.innerHTML``` => insert HTML inside of an element
## Function addEventListener Event Bubble
### Topics :
##### Argument
- Argument is an array like Object
##### Function
- There are four types of functions
##### ```.addEventListener()```
##### Event Bubble
## Noman Dhoni Bank Limited
### Project : [Noman Dhoni Bank](https://nomandhoni-cs.github.io/NomanDhoniBank)
##### Topics:
- parseFloat() to make a string into Float number
### Lessons :
- Firstly understand the work details from your client or higher authority
- Breakdown a big problem into step by step
- Commit and Pull the git after a step done
- After solve the problem try to remove multiple line by using function
##### You can contribute to my bank website Noman Dhoni Bank Ltd.
## Modern JavaScript
### Topics :
##### Default function
- You can assign some default parameter
```
function add(inputOne, inputTwo = 10) {
let sum = inputOne + inputTwo;
return sum;
}
let output = add(15); // 25
console.log(output);
```
##### Template
- You also use any type of one line function inside of `${}` like `${2+3}`.
```
const firstName = "Noman";
const lastName = "Dhoni";
const fullName = firstName + " " + lastName;
console.log(fullName); // Noman Dhoni
const fullName2 = `${firstName} ${lastName} is a Developer.`;
console.log(fullName2); // Noman Dhoni is a Developer.
const multiLine = "I am\n" + "Noman";
console.log(multiLine);
// I am
// Noman
const multiLine2 = `I am
Noman`;
console.log(multiLine2);
// I am
// Noman
```
##### Arrow Function
- One Parameter: You can set parameter withour `()`.
```
const add = num => num + 2;
console.log(add(2)); // 4
```
- No Parameter: You have to use `()` must.
```
const number = () => 5;
console.log(number()); // 5
```
- Multiple Parameter: You can set them like this `(x, y)`
```
const multiple = (x, y) => x * y;
console.log(multiple(2, 3)); // 6
```
- Multiple Operation: You have to use `{}` and `return`.
```
const bigFunc = (x, y) => {
x = x + 2
y = y + 2
const sum = x + y;
return sum;
}
console.log(bigFunc(2, 3)); // 9
```
##### Three Dots (Spread Operator)
- `.concut()` Use it to combine array elements
```
const friendsAge = [20 , 23, 24, 21];
const cousinAge = [31, 42, 34, 12];
const parentsAge = [54, 53, 52, 64];
const combinedAge = friendsAge.concat(cousinAge).concat(parentsAge);
console.log(combinedAge); // [20, 23, 24, 21, 31, 42, 34, 12, 54, 53, 52, 64 ]
```
- `...` by this you can also do the same thing as avobe.
```
const combinedAge2 = [...friendsAge, ...cousinAge, ...parentsAge];
console.log(combinedAge2);// [20, 23, 24, 21, 31, 42, 34, 12, 54, 53, 52, 64 ]
```
- Maximum
```
const maximum = Math.max(...friendsAge, ...cousinAge, ...parentsAge);
console.log(maximum); // 64
```