Несмотря на обилие различных фреймворков и способов разработки фронтенд приложений, существуют фундаментальные принципы, которые используются повсеместно и практически не меняются. Они касаются разбиения приложения на слои (например, MVC), выделения состояния и его организации, работы с текстами, контроля данных форм. Этот курс рассказывает о том, как строить архитектуру приложения без привязки к конкретным решениям и их особенностям.
Чему вы научитесь:
- Создавать модульные и легко расширяемые фронтенд-приложения
- Правильно разделять приложения на слои и строить зависимости между ними
- Структурировать состояние приложения оптимальным способом
- Использовать теорию автоматов для описания происходящих процессов в коде
Уроки курса
-
2
Состояние приложения
Научиться видеть состояние приложения и выделять его. Познакомиться с тем, как разделять фронтенд на модули. -
3
Процессы и автоматы, их описывающие
Научиться видеть корневые процессы и строить состояние на их основе -
7
Организация текстов интерфейса
Научиться правильно хранить, обрабатывать и выводить надписи и тексты на сайте -
8
Инициализация приложения
Узнать как правильно разделять приложения на различные стадии работытесты
Испытания
Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки.
| # | Задание | % завершений |
|---|---|---|
| 1 | Состояние формы | 54% |
Автор
Сооснователь и CEO образовательного проекта Хекслет. Программирую с 2007 года. За это время прошёл путь от разработчика до технического директора и управляющего отдельным подразделением (филиалом). Управлял командами, в которых больше 50 разработчиков.
- Программирую на языках: Elixir, Clojure, JavaScript, PHP, Ruby.
- Соорганизатор конференции Nastachku.ru.
- Вимер.
- Топлю за DevOps и автоматизированные тесты.
Впечатления
В очередной раз пришлось изрядно посидеть, по-перебирать варианты, переписать. Задание в целом показалось проще предыдущего за исключением того, что наибольшая сложность оказалась именно в том, что прежде всего необходимо было понять, что именно необходимо хранить в библиотеке i18next и уже традиционно - как корректно оформить state, чтобы можно было реализовать логику.
С оформлением state видимо необходимо решить множество подобных задач и посмотреть много чужого кода, чтобы понят наилучшие подходы по его организации. Т.к. у меня с этим по прежнему проблемы.
В целом спасибо за курс. Он оказался достаточно требовательным в плане времени и усидчивости и научил - в немного стрессовом режиме искать варианты решения, перечитывать, спрашивать, прокручивать в голове разные варианты, подходы, практики, иногда даже отбрасывать последовательность и логичность и писать любой код "лишь бы просто сработало как нужно")
Чего не хватало? - Больше теории о том, как правильно подходить к организации state, потому что всё остальное уже много раз практиковалось.
https://ru.hexlet.io/code_reviews/245227 (если возможно получить обратную связь или указание на самые проблемные места, буду крайне благодарен).
А теперь нужно внимательно изучить решение учителя :)
Упражнение супер! Да и весь этот курс. Для меня, как новичка, стало понятно, что программирование фронтенда - это прям весьма и весьма не просто. С выделением состояния конечно нелегко. Наверное нужно больше практики. Спасибо!
Два дня после работы решал это задание и вот уже 22:30, пора ложиться спать, из последних сил заканчиваю, перечитываю задание, проверяю все в браузере вроде работает правильно, первый раз отправляю на проверку и все тесты прошли!
Это просто офигенное ощущение! Завтра буду изучать решение учитателя а пока что огромное Спасибо!
З.Ы. Ревью
Задание - огонь!
Эта задача не сложная алгоритмически, но довольно объемная. На решение потребуется время и это хорошая прокачка.
Глубоко осознал вступление к заданию:). Работал 2 дня, чтобы сделать черновой вариант, который пройдет все тесты. Было интересно.
Обязательно рассмотрю решение учителя и модернизирую функционально свой черновик на 160 строчек:))
Уфф! Курс совсем не «перышко», как на картинке. Меняете сознание, заставляете думать даже ) Очень круто! Спасибо огромное!
