JS: Архитектура фронтенда

Включено в курс

Чему вы научитесь

• Создавать модульные и легко расширяемые фронтенд-приложения
• Правильно разделять приложения на слои и строить зависимости между ними
• Структурировать состояние приложения оптимальным способом
• Использовать теорию автоматов для описания происходящих процессов в коде

Описание

На этом курсе вы изучите фундаментальные принципы, которые используются в разработке фронтенд-приложений. Вы узнаете, как разбивать приложение на слои (MVC), выделять состояние и правильно его организовывать. Вы научитесь работать с текстами, формами и узнаете, как правильно выделять процессы. Курс пригодится, если вы решите научиться создавать легко расширяемые веб-приложения. Знания из этого курса помогут выстроить архитектуру веб-приложения без привязки к конкретным веб-фреймворкам и их особенностям.

Для прохождения курса требуются знания JS и понимание работы DOM API. рекомендуем пройти курсы JS: DOM API, JS: Функции

Программа курса

• 1

  Введение

  Знакомимся с курсом и его целями

  теория
• 2

  Состояние приложения

  Знакомимся с концепцией отделения данных программы от представления (внешнего вида страницы)

  теория

  тесты

  упражнение

• 3

  Комплексное состояние

  Изучаем лучшие практики по организации структуры сложного состояния

  теория

  тесты

  упражнение

• 4

  Отрисовка (рендеринг) состояния

  Рассматриваем разные стратегии обновления представления на основе данных

  теория

  тесты

  упражнение

• 5

  Состояние отображения (UI State)

  Знакомимся с UI-состоянием и учимся правильно его организовывать, не смешивая с данными приложения

  теория

  тесты

  упражнение

• 6

  Программирование с явно выделенным состоянием

  Научиться правильно выделять процессы и описывать их состояния

  теория

  тесты

  упражнение

• 7

  Нормализация данных

  Знакомимся с базовыми принципами нормализации данных

  теория

  тесты

  упражнение

• 8

  MVC

  Знакомимся с архитектурой Model-View-Controller

  теория

  тесты

  упражнение

• 9

  Состояние форм

  Знакомимся с разными способами контроля состояния формы

  теория

  тесты

  упражнение

• 10

  Организация текстов интерфейса

  Учимся правильно хранить, обрабатывать и выводить надписи и тексты на сайте

  теория

  тесты

  упражнение

• 11

  Инициализация приложения

  Обсуждаем, как правильно разделять приложения на различные стадии работы

  теория

  тесты

  упражнение

• 12

  Дополнительные материалы

  Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса

Формат обучения

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже