[HTML Academy] JavaScript. Архитектура клиентских приложений (2023)

  • Автор темы Автор темы Rayhorn
  • Дата начала Дата начала

Rayhorn

Модератор
Команда форума
Модератор
Сообщения
3.716
Реакции
3.279
1737527052962.png


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

Что вас ждёт на обучении
  • Глубокая теория
    Сначала вы изучаете теорию: проходите тренажёры, смотрите лекции, экспериментируете с интерактивными демонстрациями и изучаете учебник.
  • Практика
    Затем вы выполняете домашние задания, в котором работаете над своим проектом и закрепляете учебный материал.
  • Ревью кода
    Наставник будет проверять качество выполнения заданий и делиться опытом, как можно сделать лучше.
Подходит ли вам этот курс
  • Обучение рассчитано на выпускников курса «JavaScript. Профессиональная разработка веб-интерфейсов» или для разработчиков, желающих поднять свои навыки.
  • Объём заданий подобран так, чтобы даже занятые и работающие люди успевали выполнять их в срок, работая в комфортном режиме.
Программа курса

1) Single Page Application (SPA)


Рассмотрим схему работы на курсе и узнаем, какие инструменты нам понадобятся. Познакомимся с понятием модульности и рассмотрим, как устроены модули в последних версиях стандарта ECMAScript и как собирать такие модули сборщиком.

Организационные вопросы.
  • Обзор проектов.
  • Схема работы на курсе.
SPA.

Архитектура.
  • Разбор основ паттерна MV*.
Модули.
  • Как работают модули в ES20xx.
  • Циклические зависимости.
Инфраструктура.
  • Сборка приложения при помощи webpack.
  • Карты исходников (source map).
2) Структуры данных

Узнаем, зачем нужны структуры данных frontend-разработчику и как их применять в своих проектах.
  • Классические структуры данных.
  • Структуры данных ES2015: Map, Set, Iterable.
  • Возможности ES2015 для работы с массивами и объектами.
  • Оператор spread и rest.
  • Копирование объектов.
3) ООП. Введение

Познакомимся с объектами в JavaScript и рассмотрим новый способ их создания — с помощью классов. Поговорим про (не)изменяемость данных и разберём основы ООП.

Объекты в JavaScript.
  • Способы создания объектов.
  • Свойства и методы.
  • Динамические имена свойств.
  • Геттеры и сеттеры.
Иммутабельность.

Компонентный подход.
  • Объектно-ориентированное программирование.
  • Какие проблемы решает ООП.
  • Особенности ООП в JavaScript.
  • Классы, типы в JavaScript.
  • Инкапсуляция.
4) ООП. Наследование и полиморфизм

Продолжаем знакомиться с ООП в JavaScript. Разберём понятия полиморфизма и наследования. Подчиним магический this (контекст). Попрактикуемся в написании компонентов многоразового использования.

ООП.
  • Принципы ООП.
  • Полиморфизм.
  • Наследование.
  • Абстрактные классы.
Контекст.
  • Контекст.
  • Потеря и привязка контекста (apply, bind, call).
  • Контекст стрелочных функций.
5) MVP. Presenter

Начнём детальный разбор составляющих MVP. С помощью презентера (presenter, англ.) установим связь между компонентом и структурой данных: обновление данных при взаимодействии пользователя с компонентами.

Датабиндинг.
  • Схемы связывания компонентов в паттерне MV*.
  • Односторонняя связь.
6) MVP. View

Продолжим детальный разбор составляющих MVP. Рассмотрим способы реализации интерактивных компонентов, которые должны реагировать на действия пользователя без обновления данных.
  • Состояние компонентов.
  • Способы реализации интерактивности компонентов.
7) MVP. Model

Завершим детальный разбор составляющих MVP. Установим обратную связь: обновление компонентов при изменении данных.

Датабиндинг.
  • Разбор схем связывания компонентов в паттерне MV*.
  • Двусторонняя связь.
8) Работа с сетью

Вспомним, как работает протокол HTTP. Узнаем, что такое REST и REST API. Разберёмся с объектом Promise и узнаем, как он помогает отправлять и обрабатывать HTTP-запросы. Разберём, как проектировать интерфейсы, в которых есть асинхронный код так, чтобы пользователю было удобно.

Протокол HTTP.

REST.

Промисы.

Fetch API.


 
Другу отправлю, пусть изучает. он шарит за джаву
 
Сколько уже будет этих курсов для айтишников???
 

Похожие темы

Слив курса Тотальный ООП на Python Квинтесенция объектно-ореинтерованного подхода. От мусорного кода, попахивающего дерьмом, до уверенных навыков кодинга и понимания паттернов проектирования за три месяца. Херня. Опять ты втираешь мне какую-то дичь, скажешь ты. Но позволь тебе возразить...
Ответы
1
Просмотры
496
Слив курса Осознанный Python — ООП [stepik] [Buddha IT] Погружайтесь в мир Объектно-Ориентированного Программирования с нашим увлекательным курсом на языке Python! Легко усваивайте материал благодаря простым объяснениям, множеству практических примеров и интересных заданий. Ощутите поддержку...
Ответы
2
Просмотры
918
JavaScript: самый быстрый курс [Stepik] [Alex Erofeev] Перед Вами самый быстрый курс по JavaScript, тут есть все что нужно чтобы начать программировать на JS. Для тех кому некогда, но очень надо выучить JS или подтянуть базу перед собеседованием. Мы отвечаем на все ваши комментарии и вопросы в...
Ответы
0
Просмотры
715
Базовый курс по современному JavaScript в 2025 году для начинающих. С нуля до проекта на реальных примерах и упражнениях После прохождения курса вы сможете: Писать полноценные web приложения на JavaScript Разбираться в основах JavaScript Работать с функциями, массивами, строками и объектами...
Ответы
3
Просмотры
JavaScript Продвинутый уровень (2023) [stepik] [Sergey Romanenko] Этот курс представляет следующий этап вашего путешествия в мире разработки приложений на JavaScript. Если вы владеете основами и стремитесь глубже освоить продвинутые концепции и методы, то этот курс именно для вас. Обширные...
Ответы
3
Просмотры
897
Назад
Сверху Снизу