JavaScript. Архитектура клиентских приложений от Html Academy

    Html Academy
    Стоимость курса
    28 900 Р
    Длительность
    2 месяца
    Сертификат
    Да
    Начало курса
    22 апреля 2024
    Трудоустройство
    Нет

    Кому подойдет

    • Веб разработчикам

    Программа обучения

    Single Page Application (SPA)

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

    Организационные вопросы.

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

    SPA.

    Архитектура.

    • Разбор основ паттерна MV*.

    Модули.

    • Как работают модули в ES20xx.
    • Циклические зависимости.

    Инфраструктура.

    • Сборка приложения при помощи webpack.
    • Карты исходников (source map).

    Структуры данных

    Узнаем, зачем нужны структуры данных frontend-разработчику и как их применять в своих проектах.

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

    ООП. Введение

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

    Объекты в JavaScript.

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

    Иммутабельность.

    Компонентный подход.

    • Объектно-ориентированное программирование.
    • Какие проблемы решает ООП.
    • Особенности ООП в JavaScript.
    • Классы, типы в JavaScript.
    • Инкапсуляция.

    ООП. Наследование и полиморфизм

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

    ООП.

    • Принципы ООП.
    • Полиморфизм.
    • Наследование.
    • Абстрактные классы.
    • Контекст.

    Контекст.

    • Потеря и привязка контекста (apply, bind, call).
    • Контекст стрелочных функций.

    MVP. Presenter

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

    Датабиндинг.

    • Схемы связывания компонентов в паттерне MV*.
    • Односторонняя связь.

    MVP. View

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

    • Состояние компонентов.
    • Способы реализации интерактивности компонентов.

    MVP. Model

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

    Датабиндинг.

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

    Работа с сетью

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

    • Протокол HTTP.
    • REST.
    • Промисы.
    • Fetch API.

    Защита проекта

    Проверка проекта проверяющим наставником по критериям качества, его улучшение и защита.

    Финал

    Подведём итоги курса.

    Отзывы о школе 2

    5 из 5
    2
    0
    0
    0
    0
    Сортировать:
    Дате публикации
    • Дата публикации
    • Популярности
    • Сначала положительные
    • Сначала отрицательные
    • Георгий 13 августа 2023

      Пройдя курсы по верстке и JavaScript в академии (1 и 2 уровней соответственно), я получил возможность стажироваться в компании "Лига А" в течение полугода, что положительно повлияло на мою карьеру. После окончания стажировки я сразу устроился верстальщиком в IT-компанию, а уже через 4 месяца перешел в довольно крупную компанию, где работаю на должности frontend-разработчика, используя фреймворк Vue. Во-первых, хочу отметить высокое качество обучения верстке в академии. На сегодняшний день на рынке очень много кандидатов со знаниями на поверхностном уровне, которые сразу начинают изучение фреймворков и JavaScript, пропуская этап углубленного изучения основ (HTML и CSS). Но выпускники академии же имеют в своем арсенале глубокие знания верстки, что позволяет им выгодно выделяться на рынке труда. Во-вторых, чтобы работать на коммерческих проектах необходимы не только знания языка программирования (в том числе, JavaScript), но также знания подходящих инструментов, например Webpack, GIT, GULP и т.д. Академия предоставляет доступное и практичное обучение по этим инструментам, что помогает студентам ознакомиться с ними. Если же вы успешно проходите стажировку в "Лиге А", то вы быстро погрузитесь в настоящий рабочий процесс, который не отличается от любой другой фирме или может даже лучше многих из них. В-третьих, я заметил, что уровень преподавателей может незначительно различаться. Однако академия предоставляет возможность менять куратора уже прямо в процессе вашего обучения, если он вам не подходит по каким-то причинам. Если вы ищете лучшие курсы, которые содействуют Вам начать и структурировать обучение, то академию я рекомендую с уверенностью. Вы точно не найдете ничего лучше на рынке.

      Был ли отзыв полезен?
    • Лариса 4 июня 2023

      Когда я впервые попала на сайт Html academy, меня поразило изобилие доступной информации на технические темы. Здесь все полезное, без воды и лишних слов. Никаких проблем с поиском и анализом информации - все уже готово к изучению. Один из основных плюсов обучения - это возможность общаться с наставником, который профессионально применяет полученные знания. Общение стимулирует к углублению в тему, а наставник помогает выявлять и исправлять свои ошибки. Но самое важное - это тренажеры, где можно решать разнообразные задачи и получать практические навыки. Чувствуешь, как твои знания растут с каждым выполненным заданием. Адекватные коллеги - это еще один плюс курса. Общение с ними помогает расширить свой кругозор и находить новых друзей, с которыми можно обсуждать интересные технические вопросы и находить решения проблем. Если говорить о самом курсе, то он помог мне выявить свои пробелы в знаниях и систематизировать полученную информацию. Мне не составило большого труда изучать материалы, в среднем я уделяла изучению по 3 часа в день. Итак, я могу с уверенностью сказать, что курс на Html academy подходящий выбор для тех, кто хочет получить профессиональные навыки и увеличить свои знания в сфере IT.

      Был ли отзыв полезен?
    Посмотреть все отзывы о Html Academy