JavaScript - Гостевой режим

1

Базовый синтаксис

let, const, if, for, while, function

1

Практика: синтаксис 3

2

Операторы

===, &&, ||, ??, тернарный оператор

1

===

2

!==

3

==

4

&&

5

||

6

!

7

??

8

? :

9

+=

10

-=

11

++

12

typeof

13

instanceof

14

void 0

15

in

16

Практика: операторы 1

17

Практика: операторы 2

18

Практика: операторы 3

3

Строки

Кавычки, методы строк, шаблонные литералы

1

"hello"

2

'world'

3

`text`

4

конкатенация +

5

.length

6

.toUpperCase()

7

.toLowerCase()

8

.includes()

9

.startsWith()

10

.endsWith()

11

.slice()

12

.trim()

13

.split()

14

.replace()

15

`${name}`

16

`Hello, ${name}!`

17

Практика: строки 1

18

Практика: строки 2

19

Практика: строки 3

4

Массивы

Создание, методы, итерация, spread

1

[]

2

[1, 2, 3]

3

.push()

4

.pop()

5

.shift()

6

.unshift()

7

.includes()

8

.indexOf()

9

.slice()

10

.splice()

11

.map()

12

.filter()

13

.reduce()

14

.find()

15

.some(), .every()

16

spread [...arr]

17

Array.from()

18

Практика: массивы 1

19

Практика: массивы 2

20

Практика: массивы 3

5

Объекты

Литералы, доступ, деструктуризация, spread

1

{}

2

{ name: "x" }

3

obj.key

4

obj["key"]

5

shorthand { name }

6

computed key

7

Object.keys()

8

Object.values()

9

Object.entries()

10

const { name } = user

11

const { a, b } = obj

12

const [first] = arr

13

...obj spread

14

?. optional chaining

15

?? с ?.

16

delete obj.key

17

Практика: объекты 1

18

Практика: объекты 2

19

Практика: объекты 3

6

Функции

Объявления, стрелки, параметры, rest/spread

1

function fn() {}

2

function add(a, b)

3

const fn = function()

4

() => {}

5

x => x * 2

6

(a, b) => a + b

7

default params

8

rest ...args

9

spread fn(...arr)

10

callback

11

.bind()

12

.call()

13

.apply()

14

IIFE

15

return implicit

16

Практика: функции 1

17

Практика: функции 2

18

Практика: функции 3

7

Классы

class, constructor, extends, static

1

class User {}

2

constructor()

3

method()

4

extends

5

super()

6

static

7

getter

8

setter

9

#private

10

new User()

11

this.

12

instanceof

13

Практика: классы 1

14

Практика: классы 2

15

Практика: классы 3

8

Асинхронность

Promise, async/await, fetch

1

new Promise()

2

.then()

3

.catch()

4

.finally()

5

Promise.resolve()

6

Promise.reject()

7

async function

8

await

9

try/catch async

10

Promise.all()

11

Promise.race()

12

setTimeout()

13

setInterval()

14

fetch()

15

.json()

16

Практика: async 1

17

Практика: async 2

18

Практика: async 3

9

Модули и JSON

import, export, JSON, localStorage

1

import

2

import { x }

3

import * as

4

export

5

export default

6

export { x }

7

dynamic import()

8

JSON.parse()

9

JSON.stringify()

10

localStorage.setItem

11

localStorage.getItem

12

sessionStorage

13

Практика: модули 1

14

Практика: модули 2

15

Практика: модули 3

10

DOM и события

querySelector, classList, addEventListener

1

querySelector()

2

getElementById()

3

querySelectorAll()

4

.textContent

5

.innerHTML

6

.classList.add()

7

.classList.remove()

8

.classList.toggle()

9

.addEventListener()

10

.removeEventListener()

11

.preventDefault()

12

.stopPropagation()

13

createElement()

14

appendChild()

15

Практика: DOM 1

16

Практика: DOM 2

17

Практика: DOM 3

11

TypeScript

type, interface, generics, as, enum

1

type alias

2

interface

3

: string

4

: number

5

: boolean

6

?: optional

7

readonly

8

as type

9

<T> generic

10

Array<T>

11

Record<K,V>

12

enum

13

implements

14

extends interface

15

Partial<T>

16

Pick<T,K>

17

Практика: TS 1

18

Практика: TS 2

19

Практика: TS 3

12

Практические паттерны

Реальные фрагменты JS/TS кода

1

filter + map

2

reduce sum

3

destructure + default

4

optional chain

5

async fetch

6

Promise chain

7

event handler

8

state update

9

array find

10

guard clause

11

template render

12

TS typed fn

13

Практика: паттерны 1

14

Практика: паттерны 2

15

Клавиатурный тренажёр: JavaScript

Базовый синтаксис

let x = 0

const x = 1

var x = 2

if, else

if, else if

for (let i = 0; i < n; i++)

while

for...of

for...in

function fn()

return

true, false, null

break, continue

switch, case

do...while

Практика: синтаксис 1

Практика: синтаксис 2

Практика: синтаксис 3

Операторы

===

!==

==

&&

||

!

??

? :

+=

-=

++

typeof

instanceof

void 0

in

Практика: операторы 1

Практика: операторы 2

Практика: операторы 3

Строки

"hello"

'world'

`text`

конкатенация +

.length

.toUpperCase()

.toLowerCase()

.includes()

.startsWith()

.endsWith()

.slice()

.trim()

.split()

.replace()

`${name}`

`Hello, ${name}!`

Практика: строки 1

Практика: строки 2

Практика: строки 3

Массивы

[]

[1, 2, 3]

.push()

.pop()

.shift()

.unshift()

.includes()

.indexOf()

.slice()

.splice()

.map()

.filter()

.reduce()

.find()

.some(), .every()

spread [...arr]

Array.from()

Практика: массивы 1

Практика: массивы 2

Практика: массивы 3