Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xenioushk/javascript_101
A dialy used javascript code repository
https://github.com/xenioushk/javascript_101
beginner-javascript javascript javascript-codes
Last synced: about 1 month ago
JSON representation
A dialy used javascript code repository
- Host: GitHub
- URL: https://github.com/xenioushk/javascript_101
- Owner: xenioushk
- Created: 2024-09-05T08:54:57.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-08T20:29:14.000Z (4 months ago)
- Last Synced: 2024-09-08T21:42:04.434Z (4 months ago)
- Topics: beginner-javascript, javascript, javascript-codes
- Homepage: https://bluewindlab.net
- Size: 2.93 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JavaScript 101
A dialy used javascript code repository
## Define functions (3 styles)
### Style 1
```javascript
// regular style.
function helloWorld() {
console.log("hello world")
}
// call the function
helloWorld()
```
### Style 2
```javascript
// assigned to a constant
const helloWorld = function () {
console.log("hello world")
}
// call the function
helloWorld()
```
### Style 3
This type of function declaration often use in react application.
```javascript
// arrow function.
const helloworld3 = () => {
console.log("hello world")
}
// call the function
helloWorld()
```
## Array map
**Example 1**
```javascript
const myArray = ["JS", "CSS", "HTML5", "PHP", "JAVA"]
myArray.map((value, index) => {
console.log(value)
console.log(index)
})
```
**Example 2**
```javascript
const myNumbers = [1, 2, 3, 4, 5, 6]
const newMyArray = myNumbers.map((val) => {
return val * 4
})
```
**Output:** [4,8,12,16,20,24]
## Template literals
**Example: 1**
If `isBlobUrl(url)` returns `true` then output class name will be `my-class-img is-loading`. Else, it outputs `my-class-img`
```javascript
```
## Conditional
**Example: 1**
If `isBlobUrl(url)` returns `true` then the `` component will be excuted.
```javascript
{
isBlob(url) &&
}
```
**Example: 2**
If the URL is true, then application will print `Do something here`.
```javascript
{
url &&
Do something here
}
```
## Acknowledgement:
[https://bluewindlab.net](https://bluewindlab.net)