Рендер страницы в JavaScript

Постановка задачи. Переход от классического серверного рендеринга HTML-страниц на построение DOM через JavaScript. Отделение данных от представления. Побочные эффекты и чистые функции.

  • 00:00:36 - Вопрос работы с фронтендом
  • 00:01:57 - Статическая страница
  • 00:04:16 - Корневой элемент
  • 00:04:53 - Создание логотипа в JavaScript
  • 00:07:31 - Генерация шапки сайта
  • 00:08:10 - Вывод текущего времени
  • 00:09:26 - Группировка состояния страницы
  • 00:10:56 - Вывод лотов
  • 00:14:03 - Проблема неструктурированного кода
  • 00:14:36 - Декомпозиция на компоненты
  • 00:16:13 - Всплытие определений в JavaScript
  • 00:17:12 - Концепция чистой функции
  • 00:21:15 - Группировка аргументов функции
  • 00:23:37 - Раздельный вывод лотов
  • 00:25:30 - Компонент приложения
  • 00:25:58 - Процедура рендерига
Скрытый контент
Комментарии (10)
Анатолий
2020-08-13 19:05

Простой урок, но при этом полезная тема про распаковку структур. Очень ждал что-нибудь про React или vue

Ответить
Руслан
2020-08-14 08:13

Спасибо!

Ответить
Yevhenii Lykholai
2020-08-16 10:35

Спасибо.

Ответить
Григорий
2020-08-21 08:49

Отличный материал, давно задавался вопросом от чего отталкиваться при работе с фронтендом, и очень помогла проведённая аналогия бекендом. Спасибо!

Ответить
Кирилл
2020-08-22 08:25

За временнЫе метки - респект!

Ответить
Paul
2020-08-29 08:29

Спасибо, очень интересно!

Возник вопрос, почему в современном js так любят использовать const вместо переменных? Разве это не противоречит самой сути констант?

Ответить
Дмитрий Елисеев
2020-09-03 08:33

Вместо var теперь рекомендуется использовать let для переопределяемых значений и const для привязанных навсегда.

Константу const a=5 или const b={amount:3} нельзя позже переопределить на новое значение a=6 или b={amount:7}. В константе будет постоянно храниться указатель на первоначальный объект. Но на сам объект при этом никакое ограничение не накладывается, поэтому можно поменять любое его поле напрямую через b.amount=7.

Это противоречит сути констант из классических компилируемых языков, в которых константе можно присвоить только скалярное значение и потом компилятор везде в код подставляет напрямую это значение вместо константы.

В JS в константу можно присвоить что угодно. Даже изменяемый объект. Поэтому и получаем, что константа по сути остаётся константой, храня неизменяемую ссылку на объект, но сам этот объект можно модифицировать.

Ответить
Paul
2020-09-03 21:40

Дмитрий, спасибо за ответ!

Ответить
Александр Кулик
2020-09-03 06:55

Супер. Очень доходчиво

Ответить
<CatCode/>
2020-09-11 06:10

Материал на высшем уровне!

Ответить
Зарегистрируйтесь или войдите чтобы оставить комментарий