https://github.com/skywalkersam/js-101
JavaScript 101
https://github.com/skywalkersam/js-101
101 introduction javascript typescript
Last synced: 10 months ago
JSON representation
JavaScript 101
- Host: GitHub
- URL: https://github.com/skywalkersam/js-101
- Owner: skywalkerSam
- Created: 2024-12-06T08:13:34.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-30T18:43:36.000Z (10 months ago)
- Last Synced: 2025-03-30T19:33:15.547Z (10 months ago)
- Topics: 101, introduction, javascript, typescript
- Language: JavaScript
- Homepage:
- Size: 9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# [Introduction to JavaScript](https://www.youtube.com/watch?v=DHjqpvDnNGE)
Everything that can be written in JavaScript will be written in JavaScript.)
`P.S.` You'll get it soon enough...
## [JavaScript Data Types & Data Structures](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures)
### Data Types ( Primitive )
Everything that's not a primitive datatype, is an `Object` in ...JavaScript!
1. string
2. number
3. bigint
4. boolean
5. undefined
6. symbol
7. null
### [Data Structures](https://www.freecodecamp.org/news/data-structures-in-javascript-with-examples/)
`Primitive`
- Arrays ( list )
- Multidimensional array
- Objects ( map, dictionary, or hash-table )
- Key-Value pairs
`Non-primitive`
- Stacks
- Queues
- Linked lists
- Trees
- Graphs
- Roundup
## [Comparison Operators](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators)
- `!==`
- `!=`
- `===`
- `==`
- `>=`
- `<=`
- `>`
- `<`
## Variables
Variables are containers for storing data values
- `var`
- `let` ( ES6 )
- `const` ( ES6 )
## Variable naming conventions
- `camelCase`: JavaScript
- `CONSTANTS`: Immutable, Shouldn't be modified...!
- `snake_case`: Python
- `PascalCase`: C/C++
## Conditionals
- `if`
- `else if`
- `else`
- `switch`-`case`
- Ternary Operators ( `?` `:` )
## Logical Operators
- `&&`: and
- `||`: or
- `!`: not!
## Functions
A function() must `return` something
- const x = function name() {}
- `function name() {}`
- [Arrow Functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) ( ES6 ): `() => {}`
## Loops
- `for`
- `forEach` ( ES6 )
- `do`
- `while`
## Some Common Functions
- `alert()`
- `prompt()`
- `clear()`
- `print()`: Print the webpage, not like python...!
## The adventures await...
## Calculations with Numbers & Strings
### 3 + "6"
- `"36"`
### 9 - "6"
- `3`
### 9 % 3
- `0`
### "Java" + "Script"
- `"JavaScript"`
### " " + " "
- `''`
### " " + 0
- `'0'`
### true + true
- `2`
### true + false
- `1`
### false + true
- `1`
### true - false
- `1`
### false - true
- `-1`
### 6 - 9
- `-3`
### "Starboy" - "Sam"
- `NaN`
### 9 >= 6
- `true`
### 0 === 1
- `false`
### 9 <= 6
- `false`
### 0 !== 0
- `false`
### "A" > "B"
- `false`
### "B" < "C"
- `true`
### "a" > "A"
- `true`
### "b" < "A"
- `false`
### true === false
- `false`
### true != true
- `false`
## Make a String
"Hi There! It's sunny out" by using the + sign.
- "Hi There! " + "It\'s \"sunny\" out"
Or, just use the `'`/`"` interchangeably...
## JavaScript in a nutshell
## Special Keywords
- break
- case
- catch
- class
- const
- continue
- debugger
- default
- delete
- do
- else
- export
- extends
- finally
- for
- function
- if
- import
- in
- instanceof
- new
- return
- super
- switch
- this
- throw
- try
- typeof
- var
- void
- while
- with
- yield
## At last, Please don't confuse JavaScript with Java.)
`P.S` Get it?
## Introduction to Vanilla "JavaScript".)
`NOTE:` Try to just *NEVER* write Vanilla, or you'll end up creating your own little JS Framework, and the last thing this world needs is another JavaScript Framework.)
## JavaScript starter pack.)
`P.S.` You'll get this soon enough too.)
Until next time.)