Javascript архитектура клиентских приложений

htmlacademy/taskmanager-demo

Use Git or checkout with SVN using the web URL.

Work fast with our official CLI. Learn more.

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

Readme.md

Учебный демо-проект от HTML Academy для 18 потока профессионального онлайн‑курса «JavaScript. Архитектура клиентских приложений».

Как пользоваться репозиторием

Второй вариант, изучать коммиты локально. Для этого нужно:

Склонировать репозиторий на свой компьютер. Именно склонировать, а не скачать архив.

Открыть папку репозитория в терминале, который поддерживает Git.

Убедиться, что ветка master .

С помощью команды git log —oneline посмотреть список коммитов. Коммиты идут сверху вниз от новых к старым, выглядит это примерно вот так:

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

Встать на нужный коммит с помощью команды git checkout хэш_коммита . Например, вот так git checkout c0ea9d8 .

Всё, изучайте код конкретного коммита. Чтобы вернуть всё как было, используйте команду git checkout master .

Будьте внимательны, если вы внесёте изменения в момент, когда изучаете коммиты, при попытке вернуться обратно, Git потребует от вас либо откатить изменения, либо закоммитить их. Пока вы не сделаете это, вернуться на master-ветку у вас не выйдет.

• Приписка WIP в названии коммита означает, что код в этом коммите может частично или полностью не работать, вызывать ошибки линтера, ломать сборку ( npm run build ) или не запускаться в режиме разработки ( npm run start ). Это нормально, потому что WIP — это аббревиатура Work In Progress , что дословно означает «работа в процессе». То есть такой коммит отражает некое промежуточное состояние нашего проекта.
• Номер коммита A. [B. ]C расшифровывается, если не оговорено другое, следующим образом:
  • A. — номер модуля;
  • [B. ] — номер части домашнего задания. Квадратные скобки означают опциональность, потому что не все домашние задания даются в двух частях;
  • C. — порядковый номер. Исключительно для удобства.

About

Архив демо-проектов «Менеджер задач» с курса «JavaScript. Архитектура клиентских приложений»

Источник

Архитектура клиентских приложений #18

71 студент успешно закончил курс. Выпускники курса — стажёры-фронтендеры, готовые к работе на реальных проектах. Они понимают, что такое SPA, и способны настроить окружение для разработки: сборщик с транспайлером и локальный сервер.

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

• SPA — навык создания Single Page Application.
• ООП — навык создания JavaScript-приложений с объектно-ориентированный подход. Инкапсуляция, наследование, полиморфизм.
• MVP — навык создания JavaScript-приложений по шаблону проектирования Model-View-Presenter (MVP).
• Webpack — навык настройки сборки проекта.
• Применение паттернов (наблюдатель, адаптер, делегирование).

Обновления

Курсы Академии постоянно эволюционируют, поэтому на каждом потоке появляется что-то новое или изменяется старое. 18 поток «Архитектуры клиентских приложений» — не исключение.

• Добавили новый проект — «Большой путешествие (простой)».
• Запустили групповой тариф.

Наставники

После каждого потока студенты оценивают своих наставников по шкале от 1 до 10. Вот список наставников, которые получили две или более десяток от своих студентов: Алексей Хабиров, Юлия Корецкая, Глеб Клецков, Владимир Якушкин, Александр Конотоп, Сергей Рожков.

Отзывы выпускников

Курс «Архитектура клиентских приложений» — удачное логическое продолжение первого курса по JavaScript и, мне кажется, я стала гораздо лучше понимать и применять на практике концепции объектно-ориентированного программирования, а также «прокачала» навыки применения методов JavaScript.

После первого проекта, этот курс стал не то что новой ступенькой, а вершиной. Материала очень много, заданий тоже и даже при наличии проекта, в качестве примера, есть ещё над чем подумать. Я думаю, без проекта «менеджер задач» было бы крайне трудно сваять что-то достойное. Знаний получено очень много, что-то да задержится в голове, а это был очень интересный опыт в любом случае. Девять баллов, потому что меня чуть не убила девушка за сидение вечерами и ночами за проектом.

Сложный, но очень увлекательный курс. Сначала у меня было отрицание, я вообще не могла и шагу сделать без демо и скринкаста. Потом смирилась и решила, что так и буду делать. Шаг за шагом, по скринкасту и с открытым демо-проектом выполняла задания. Пыталась во всём разбираться. К концу поняла, что полностью ориентируюсь во всех связях и могу самостоятельно реализовать каждый из составляющих. Курс выстроен очень классно, перед тобой, как будто бы, медленно открывают занавес, и в конце, когда уже кирпичики собраны и вся архитектура выстроена, возникает восторг! Становится понятно что, зачем, как и для чего. Очень рекомендую.

Курс не из легких, но очень интересный, так как тут ООП, паттерны проектирования, лёгкий вход во фреймворки. Тут нужно немного попотеть, чтобы все сделать красиво и вовремя.

Источник

Стоимость курса «Профессиональный JavaScript. Архитектура клиентских приложений»
c 25 апреля по 27 июня 2022 года

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

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

Период оплаты	Стандартный тариф	Комфортный тариф
1. Для физических лиц
Стоимость участия	до 24 декабря 2021	23 900 руб.	35 900 руб.
	с 24 декабря 2021	24 400 руб.	36 400 руб.
	с 25 января 2022	24 900 руб.	36 900 руб.
	с 10 февраля 2022	25 400 руб.	37 400 руб.
	с 25 февраля 2022	25 900 руб.	37 900 руб.
	с 10 марта 2022	26 400 руб.	38 400 руб.
	с 25 марта 2022	26 900 руб.	38 900 руб.
Повторное участие	вне зависимости от срока оплаты	13 400 руб.	23 500 руб.
2. Для юридических лиц и индивидуальных предпринимателей
Стоимость участия	вне зависимости от срока оплаты	29 900 руб.	41 900 руб.

Оплачивая курс, вы подтверждаете своё согласие с условиями предоставления услуг:

Услуги не облагаются НДС на основании ст. 145.1. Налогового кодекса Российской Федерации.

Заказчику могут быть предоставлены скидки, как в рамках специальных предложений, так и в индивидуальном порядке. Размер скидок определяется по усмотрению Исполнителя.

Источник

Архитектура клиентских приложений #17

125 студентов успешно окончили курс «JavaScript. Архитектура клиентских приложений». Несмотря на то, что это наш самый сложный курс для джунов, процент успешных защит увеличился и это не может не радовать.

На курсе студенты получают важные навыки, которые нужны настоящему фронтенд-разработчику:

• SPA — навык создания Single Page Application.
• ООП — навык создания JavaScript-приложений с объектно-ориентированной архитектурой. Инкапсуляция, наследование, полиморфизм.
• MVP — навык создания JavaScript-приложений по шаблону проектирования Model-View-Presenter (MVP).
• Webpack — навык настройки сборки проекта.
• Применение паттернов (наблюдатель, адаптер, делегирование).
• Service Worker — навык обеспечения работы приложения в офлайне.
• localStorage , sessionStorage — работа с хранилищами браузера.

Обновления

1. Изменили программу и подачу демо-проекта, чтобы студентам не пришлось переписывать части приложения с каждой новой порцией знаний на курсе.
2. Добавили в проекты @babel/preset-env вместо отдельных плагинов. Заодно настроили .browserlist .
3. Снизили нагрузку в разделе про моки, изменив подачу материала: сначала даём хард-код. После рассказываем, как его «оживить» и сделать «более настоящим».
4. Добавили наглядности: на лайве больше используем точки останова для демонстрации работы кода, а в презентации пробуем добавить не абстрактные схемы, а со скриншотами реального проекта «Менеджер задач».

Наставники

15 наставников получили от выпускников высшую оценку в 10 баллов более одного раза:

Евгений Фаллер
Раиль Сахавиев
Сергей Андреев
Семён Якушев
Антон Попов
Алексей Хабиров
Анастасия Ничипорчук
Сергей Вохмянин

Максим Волков
Александр Тимоновский
Алексей Хапов
Евгений Казаков
Артём Рудов
Артур Галимов
Дмитрий Гуляев

Отзывы выпускников

Это сложный курс. Если кажется, что вам-то будет несложно, я повторю на всякий случай: это очень сложный курс. Советую запланировать побольше времени на прохождение.

Курс хорош тем, что сложная тема ООП доступно объяснена для тех, кто с ООП никогда не сталкивался. Сначала в теории, которую я с первого раза, наверное, ни разу не поняла, а потом на практике — тогда теория укладывается. Я пересматривала почти все лайвы по 2 раза.

Радует и смешит, что сами преподаватели говорят: «Если кажется, что у вас закипел мозг, и вы ничего не поняли — это нормально». Сразу становится полегче.

На мой взгляд, очень важно не отставать от лекций в течение курса. В середине курса нагрузка увеличивается, в конце надо очень поднажать. Классно валидировать код у наставника в течение проекта — тогда к концу курса вы не столкнётесь с тем, что приходится перекраивать какую-то часть проекта.

Была небольшая сложность в начале курса. Если работать и параллельно учиться, то будет немного сложно и не хватать времени. Но! Главное — не паниковать и не спешить, а делать всё размеренно. Не стоит спешить сделать домашку до нового лайва. По материалу курс насыщенный и, возможно, некоторым покажется нелегок для понимания. Понимание приходит не сразу, а только с практикой. А её на курсе достаточно. Отличные наставники, готовые всегда помочь, и доходчивые лайвы, которые можно посмотреть в записи.

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

Главное — не опускать руки, и уже смотря назад, курс покажется не таким уж сложным.

Курс интересный и полезный для знакомства с архитектурой приложений. Чувствуется, что есть подготовка к курсу Реакт — далее будет легче с этими вводными: написана небольшая библиотека, из которой используем уже написанный функционал. Интересный подход с учебником — всегда можно почитать и освежить теоретические знания, остальные материалы (демки, статьи) также полезны на курсе.

Курс сложный, но очень интересный.

Подача материала — понятна, смотрел лайвы в записи, и не возникало вообще вопросов. Учебный проект, конечно, тоже достаточно сложный, но по мере работы с ним, реально очень знатно прокачиваешься. В общем: для себя открыл очень много интересного. Интересно слушать про архитектурные паттерны, а потом их реализовывать.

Курс хорошо проработан и насыщен. На курс нужно идти осознанно и погружаться в процесс, потому что в некоторых темах сразу не разобраться, только через попытки, ошибки и повторения. Для себя я почерпнул много знаний и идей, которые можно применить в реальной практике.

Курс был сложный и интенсивный, но в то же время увлекательный и интересный. Во время курса разбиралось множество сложных и абстрактных понятий: Single Page Application, ООП, MVP, классы, полиморфизм, наследование, инкапсуляция, датабиндинг, паттерны программирования (Observer, Adapter), REST API и многое другое. Все эти слова вначале казались страшными и непонятными. Я бы никогда не подумала, что уже спустя две недели после старта курса буду писать классы на JavaScript и мне будут понятны такие слова как «инстанс», «заэкстендить», «приватные и защищенные свойства и методы», «абстрактный класс», «статический метод», а к концу курса будет чёткое представление о построении архитектуры сложных фронтенд-приложений, хранении состояния компонентов, обмене данными с помощью REST API и многих других сложных, на первый взгляд, приёмах и паттернах программирования.

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

Будущим студентам хочу сказать: не бойтесь изучать новое, хоть, на первый взгляд, и сложное, будьте настойчивы и упорны, и всё получится!

Источник