курс

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

2654 студента 2972 сообщения
Последнее обновление: 28 ноября 2022
Курс JS: Архитектура фронтенда
3 900 ₽ в месяц
за все курсы Хекслета
Зарегистрироваться
  • Тренажер с практикой
  • Бессрочный доступ к теории
  • Асинхронный формат обучения

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

11 уроков (видео и/или текст)
12 упражнений в тренажере
19 проверочных тестов
Помощь в «Обсуждениях»
Доступ к остальным курсам платформы

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

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

Описание

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

Уроки курса

Продолжительность 14 часов

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

Испытания

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

#
Задание
% завершений

Отзывы

Аватар пользователя Yurii Sudarskii
Yurii Sudarskii 09 апреля 2020

В очередной раз пришлось изрядно посидеть, по-перебирать варианты, переписать. Задание в целом показалось проще предыдущего за исключением того, что наибольшая сложность оказалась именно в том, что прежде всего необходимо было понять, что именно необходимо хранить в библиотеке i18next и уже традиционно - как корректно оформить state, чтобы можно было реализовать логику.

С оформлением state видимо необходимо решить множество подобных задач и посмотреть много чужого кода, чтобы понят наилучшие подходы по его организации. Т.к. у меня с этим по прежнему проблемы.

В целом спасибо за курс. Он оказался достаточно требовательным в плане времени и усидчивости и научил - в немного стрессовом режиме искать варианты решения, перечитывать, спрашивать, прокручивать в голове разные варианты, подходы, практики, иногда даже отбрасывать последовательность и логичность и писать любой код "лишь бы просто сработало как нужно")

Чего не хватало? - Больше теории о том, как правильно подходить к организации state, потому что всё остальное уже много раз практиковалось.

https://ru.hexlet.io/code_reviews/245227 (если возможно получить обратную связь или указание на самые проблемные места, буду крайне благодарен).

А теперь нужно внимательно изучить решение учителя :)


Аватар пользователя Евгений Панин
Евгений Панин 06 апреля 2020

Упражнение супер! Да и весь этот курс. Для меня, как новичка, стало понятно, что программирование фронтенда - это прям весьма и весьма не просто. С выделением состояния конечно нелегко. Наверное нужно больше практики. Спасибо!


Аватар пользователя Muhamed Odilov
Muhamed Odilov 04 сентября 2022

Потратил почти весь день но всё таки решил. Я сначало совсем отчаялся и думал просто посмотреть решение , но сейчас я очень доволен, я много чего понял по ходу задания. Вот моё решение https://ru.hexlet.io/code_reviews/702003# Я знаю что не очень коректно использовал состояния но я вижу места для разширения и улучшение програмы. Спасибо команде Хекслета за такие упражнения


Аватар пользователя Александр Кремнёв
Александр Кремнёв 01 декабря 2020

Это было что-то, так долго я еще не мучился))

Только один вопрос: почему не написали, как в ридми к другим упражнениям, что будет очень много кода .... и он будет похож на программу запуска космического корабля)))

С виду показалось все просто: получил данные, отсортировал, отрисовал грид, получил селектор для прослушки, кликнул для отрисовки новой сортировки и .... (упс!) .... началось самое интересное...

Зато теперь на всю жизнь запомню куда можно ставить лисенер и как рисовать грид, ну и танцы с сортировкой "host" / "hostname" тоже в копилку опыта и знаний.

В общем, круто! Через боль и унижение - к знаниям!)) Спасибо автору за задание, а участникам - за комменты, очень помогли в поиске решения.


Аватар пользователя Mikhail
Mikhail 17 ноября 2020

Два дня после работы решал это задание и вот уже 22:30, пора ложиться спать, из последних сил заканчиваю, перечитываю задание, проверяю все в браузере вроде работает правильно, первый раз отправляю на проверку и все тесты прошли!

Это просто офигенное ощущение! Завтра буду изучать решение учитателя а пока что огромное Спасибо!

З.Ы. Ревью

Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
с нуля
Разработка фронтенд-компонентов для веб-приложений
8 декабря 10 месяцев
Иконка программы Онлайн-буткемп. Фронтенд-разработчик
Профессия
Новый с нуля
Интенсивное обучение профессии в режиме полного дня
15 декабря 4 месяца
Иконка программы Fullstack-разработчик
Профессия
с нуля
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
8 декабря 16 месяцев