JS 기초 문법 순서 - Study roadmap

인스타에서 찾은 @code.foreveryone님의 javascript 추천 공부 roadmap입니다. 

 

 

 

 

 

 

Instagram에서 이 게시물 보기

 

 

 

 

 

 

 

 

 

 

 

Code.Abhijit || Web developer ||🎯10k(@code.foreveryone)님의 공유 게시물

 

---

💠Basic   👈

 

ECMA script

 

JS versions

 

Static and dynamic Language (정적 언어와 동적 언어)

 

Get familiar about the places where JS in using

 

 

---

 

💠Running JS

 

Script tag

 

Link external file ( 외부 파일 링크 )  

 

Browser console

 

---

 

💠Variables

var / let / const

 

scope (global, function, block)

 

How lexical scope works

 

Hoisting

 

Terminal Dead Zone

---

 

💠DataTypes and Data structure

primitive type ( undefined, null, boolean, number, BigInt, String, Symbol )

 

non-primitive type ( Objects & Array )

 

Data Structure ( Array, Map/Weak map, set/Weak set, Date )

 

type of operator 

---

 

💠Type Conversion (타입 변환)

Explicit Conversion ( 명시적 타입 변환 )

 

Implicit Conversion ( 암묵적 타입 변환 )

 

== & === (Equality)

---

 

💠Built-In methods

string methods

 

array methods

---

 

💠Loops

for, while, do-while, break/continue, for...in, for...of

---

 

💠Perators

Assignment

 

Arithmetic

 

Logical

 

Conditional

 

Comparison

 

Relational

 

Bitwise

 

String

 

Comma

 

Unary

 

---

 

💠Functions

Function declarations

 

Function expressions

 

Calling Functions

 

Parameters and arguments

 

Scope

 

arrow functions

 

Anonymous function

 

Immediately Invoked Function Expression (IIFE)

 

Higher Order Function (map, reduce, filter)Function Currying

---

 

💠this

How this works in JS

 

Implict Binding

 

new binding

 

Lexical Binding

 

Default Binding

 

"this" in case of Arrow Functions

 

Explict Binding ( call, apply and bind )

---

 

💠Prototype

what is Prototype in JS

 

Prototype Chain

 

Prototypes and inheritance

 

class

 

Iterators

 

Generators

 

Event Loop

---

 

💠Asynchoronous JS

setTimeout

 

setInterval

 

callbacks

 

Promises

 

async / await

 

---

 

💠Few More Concepts

template literals

 

Spread operators

 

Rest operators

 

Array and Object destracturning

 

extends keyword

 

Stric Mode

 

Regular Expressions

---

 

💠Module System

Import / Export

 

Default and Named Exports

---

 

💠NPM

basic understanding about npm

 

how to install and import packages