Vladilen vladilenm

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Rare html tags</title>

    <style>
      dialog::backdrop {

## LocalStorage.js
const myNumber = 42

localStorage.removeItem('number')
console.log(localStorage.getItem('number'))
localStorage.setItem('number', myNumber.toString())
console.log(localStorage.getItem('number'))
localStorage.clear()

const object = {
  name: 'Max',

## Destructuring.js
function calcValues(a, b) {
  return [
    a + b,
    a - b,
    a * b,
    a / b
  ]
}

const [sum, sub = 'Вычитания нет', mult, ...other] = calcValues(42, 10)

## Rest-Spread.js
const citiesRussia = ['Москва', 'Санкт-Петербург', 'Казань', 'Новосибирск']
const citiesEurope = ['Берлин', 'Прага', 'Париж']

const citiesRussiaWithPopulation = {
  Moscow: 20,
  SaintPetersburg: 8,
  Kazan: 5,
  Novosibirsk: 3
}

## Composition.js
function createProgrammer(name) {
  const programmer = {name}
  return {
    ...programmer,
    ...canCode(programmer)
  }
}

function canCode({ name }) {
  return {

## Как создать свой bind.js
const person = {
  name: 'Владилен'
}

function info(phone, email) {
  console.log(`Имя: ${this.name}, Тел.:${phone}, Email: ${email}`)
}

// Demo
// info.bind(person)('12345', 'v@mail.ru')

## JavaScript - Отладка и Дебаг.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  <title>JavaScript Debugging</title>

  <link
      rel="stylesheet"

## JS_Challenge_2.js
const day = d => moment(d, 'dddd').format('ddd')

const decimal = time => moment().startOf('d').add(time, 'h')

const interval = ({start, end}) => {
  const f = 'h:mm A'
  return `${decimal(start).format(f)} - ${decimal(end).format(f)}`
}

const toHTML = item => `<li>${item}</li>`

## JavaScript Fetch.js
const requestURL = 'https://jsonplaceholder.typicode.com/users'

function sendRequest(method, url, body = null) {
  const headers = {
    'Content-Type': 'application/json'
  }

  return fetch(url, {
    method: method,
    body: JSON.stringify(body),

## 18 способов сократить JS код.js
// 1
const num = 42
// let result
//
// if (num > 20) {
//   result = 'More than 20'
// } else {
//   result = 'Less than 20'
// }
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Rare html tags</title>

	<style>
	dialog::backdrop {
	const myNumber = 42

	localStorage.removeItem('number')
	console.log(localStorage.getItem('number'))
	localStorage.setItem('number', myNumber.toString())
	console.log(localStorage.getItem('number'))
	localStorage.clear()

	const object = {
	name: 'Max',
	function calcValues(a, b) {
	return [
	a + b,
	a - b,
	a * b,
	a / b
	]
	}

	const [sum, sub = 'Вычитания нет', mult, ...other] = calcValues(42, 10)
	const citiesRussia = ['Москва', 'Санкт-Петербург', 'Казань', 'Новосибирск']
	const citiesEurope = ['Берлин', 'Прага', 'Париж']

	const citiesRussiaWithPopulation = {
	Moscow: 20,
	SaintPetersburg: 8,
	Kazan: 5,
	Novosibirsk: 3
	}
	function createProgrammer(name) {
	const programmer = {name}
	return {
	...programmer,
	...canCode(programmer)
	}
	}

	function canCode({ name }) {
	return {
	const person = {
	name: 'Владилен'
	}

	function info(phone, email) {
	console.log(`Имя: ${this.name}, Тел.:${phone}, Email: ${email}`)
	}

	// Demo
	// info.bind(person)('12345', 'v@mail.ru')
	const day = d => moment(d, 'dddd').format('ddd')

	const decimal = time => moment().startOf('d').add(time, 'h')

	const interval = ({start, end}) => {
	const f = 'h:mm A'
	return `${decimal(start).format(f)} - ${decimal(end).format(f)}`
	}

	const toHTML = item => `<li>${item}</li>`
	const requestURL = 'https://jsonplaceholder.typicode.com/users'

	function sendRequest(method, url, body = null) {
	const headers = {
	'Content-Type': 'application/json'
	}

	return fetch(url, {
	method: method,
	body: JSON.stringify(body),
	// 1
	const num = 42
	// let result
	//
	// if (num > 20) {
	// result = 'More than 20'
	// } else {
	// result = 'Less than 20'
	// }