Angular Developer

Фреймворк для строгой, модульной и масштабируемой Frontend-разработки

31 июля

5 месяцев

Онлайн

Вт/Чт 20:00 Мск

Для кого этот курс?

  • JavaScript-разработчиков с уверенными знаниями HTML/CSS

  • Backend-разработчиков, стремящихся освоить Frontend и стать Fullstack

  • Начинающих Frontend-разработчиков, желающих изучить строгий и структурированный фреймворк

Что вам даст этот курс?

Angular один из самых популярных фреймворков для Frontend разработки. Он используется в огромном количестве крупных enterprise компаний, которые занимаются разработкой web приложений.
Начиная от банковской сферы, заканчивая маркетплейсами.

Frontend — это лишь часть web-приложения, но как отмечают многие Frontend-разработчики самая интересная, так как вы в реальном времени видите визуальный и интерактивный результат своей работы на вашем экране. В тоже время это одна из самых высокооплачиваемых областей на существующем рынке разработки программного обеспечения.

А Angular — это фреймворк в котором, при знании лучших практик написания кода, можно писать хорошо структурированное, легко поддерживаемое и расширяемое приложение. Этот фреймворк обладает более строгими правилами, чем его конкуренты и это важный плюс, так как благодаря этому код веб-приложения в будущем можно будет проще поддерживать и масштабировать.

Курс ориентирован на практику, поэтому в большей части уроков мы будем узнавать лучшие варианты подходов написания кода и сразу их практиковать.

В фреймоворк Angular встроена библиотека реактивной разработки RxJS, соответственно мы освоим ее на этом курсе и будем активно использовать в коде наших компонентов. Благодаря этому вы будете знать как писать потокобразный реактивный код, который является сейчас одним из самых популярных   способов описания логики. Такой код легко читаем и дополняем, содержит значительно меньше ошибок.

После курса вы сможете:
 
  • Создавать SPA приложения на фреймворке Angular согласно лучшим практикам;
  • Писать качественный типизированный код на языке TypeScript;
  • Обладать глубокими, а не поверхностными знаниями фреймворка Angular для Frontend разработки;
  • Освоить технологии RxJs observables и Redux store;
  • Оптимизировать производительность Angular приложений;
  • Правильно закладывать структуру приложения с распределением всей логики на отдельные модули;

Преимущества изучения Angular

 
Angular позволяет создавать масштабируемые и поддерживаемые веб-приложения с четкой архитектурой. Благодаря использованию TypeScript, строгой структуре и встроенным инструментам — таким как маршрутизация, формы и HTTP-клиент — разработка становится предсказуемой и организованной. Подходит как для корпоративных решений, так и для комплексных SPA. Широкая экосистема и официальная документация упрощают обучение и развитие.

Процесс обучения

Занятия в OTUS — это не заранее отснятый материал. Вебинары проходят в режиме реального времени, где преподаватели-практики рассказывают об актуальных кейсах и инструментах, которые нужны им в работе сейчас. Вы сможете активно участвовать голосом, практиковаться, задавать вопросы и получать обратную связь. Такой формат дает реальный результат.

А если вы не смогли посетить занятие в реальном времени, то сможете посмотреть его в записи и задать вопрос преподавателю в закрытом Telegram-чате.

Портфолио

Индивидуальная разработка проектной работы

Эксперты

Ревью кода от практикующих специалистов

Оптимальная нагрузка

Возможность совмещать учебу с работой

Партнеры

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

  • Получите помощь с оформлением резюме, портфолио и сопроводительного письма
  • Разместите свое резюме в базе OTUS и сможете получать приглашения на собеседования от партнеров
  • Пройдете карьерную консультацию с нашим HR-специалистом
  • Получите рекомендации, как искать работу, и советы по прохождению собеседования
Формат обучения

Интерактивные вебинары

2 онлайн-трансляции по 2 ак.часа в неделю. Доступ к записям и материалам остается навсегда

Практика

Усильте своё портфолио и компетенции с помощью домашних заданий, проектной работы и интерактивных тренажёров с автопроверкой

Активное комьюнити

Общайтесь с преподавателями голосом на вебинарах, в закрытом чате Telegram и при проверке домашних заданий

Программа

Введение в Angular

Сформировать понимание структуры рабочего пространства Angular фреймворка. Базовое понимание Typescript, SASS. Понимание структуры приложения на основе модулей и компонентов.

Тема 1: Введение в Angular

Тема 2: Знакомство с Angular

Тема 3: TypeScript, CSS препроцессор SASS (SCSS синтаксис)

Тема 4: Компоненты. Организация структуры проекта / ДЗ #1

Основы Angular

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

Тема 1: Привязка к данным, привязка к событию, двустороннее связывание

Тема 2: Signals

Тема 3: Взаимодействие между компонентами / ДЗ #2

Тема 4: Жизненный цикл компонента. Шаблонные переменные / ДЗ #3

Тема 5: Директивы. Встроенные

Тема 6: Директивы. Пользовательские / ДЗ #4

Тема 7: Директивы ng-content, ng-container и ng-template. Декораторы HostListener и HostBinding

Тема 8: Сервисы, Dependency Injection / ДЗ #5

Тема 9: HTTP запросы, REST API, Angular HTTP Client

Расширенный Angular

Обработка и валидация пользовательских данных из форм. Отображение компонентов и модулей в зависимости от маршрута. Тестирование компонентов. Понимание работы Change Detection.

Тема 1: Observables и основы потокового программирования. Часть 1: Знакомство с RxJS

Тема 2: Работа с формами / ДЗ #6

Тема 3: Реактивные формы

Тема 4: Маршрутизация / ДЗ #7

Тема 5: Маршрутизация: Guards and Resolvers

Тема 6: Change Detection

Продвинутый Angular

Тема 1: Base Testing

Тема 2: Testing TDD

Тема 3: Observables и основы потокового программирования. Часть 2: Операторы / ДЗ #8

Тема 4: Observables и основы потокового программирования. Часть 3: Использование RxJS в Angular / ДЗ #9

Тема 5: Хранение данных. Часть 1

Тема 6: Хранение данных (NgRx). Часть 2

Тема 7: Хранение данных (NgSx, Akita). Часть 3

Тема 8: Локализация / ДЗ #10

Тема 9: Организация архитектуры приложения

Тема 10: Разработка приложения

Проектный модуль

Заключительный месяц курса посвящен проектной работе. Свой проект — это то, что интересно писать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.

Тема 1: Выбор темы и организация проектной работы

Тема 2: Консультация по проектам и домашним заданиям

Тема 3: Защита проектных работ

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

Каждый семестр завершается финальным проектом, который предстоит защитить перед преподавателями и командой. Вам будет, что обсудить на собеседовании!

Вы можете выбрать одну из предложенных преподавателем тем или реализовать свою идею.

Преподаватели

Сергей Кошельников

Full-Stack Developer

Виктор Березин

Елена Сычева

Team Lead Full Stack Developer

Arcadia

Николай Лапшин

Technical Lead

Power Tech

Дамир Рысаев

Technical Lead

Здравсити

Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания

Ближайшие мероприятия

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

Первый шаг в Angular - создаем приложение с нуля
Илья Платонов
Вводное знакомство с Angular - современным
фреймворком для разработки веб-приложений.
Мы расскажем о его основных концепциях,
структуре и возможностях....
...
10 июля в 17:00
Открытый вебинар
Реактивное программирование в Angular
Олег Щеголев
Современный Angular предоставляет два
подхода к реактивному программированию: RxJS
и Signals. На открытом уроке мы разберём оба
подхода, покажем, в чём их ра...
...
24 июля в 17:00
Открытый вебинар

Прошедшие
мероприятия

Сергей Кошельников
Открытый вебинар
Angular Framework. Dependency Injection
Сергей Кошельников
Открытый вебинар
Angular Framework: работа с Компонентами
Для доступа ко всем прошедшим мероприятиям необходимо пройти входное тестирование
Возможность пройти вступительное тестирование повторно появится только через 3 дня
Результаты тестирования будут отправлены вам на email, указанный при регистрации.
Тест рассчитан на 30 минут, после начала тестирования отложить тестирование не получится!

Корпоративное обучение для ваших сотрудников

OTUS помогает развивать высокотехнологичные команды. Почему нам удаётся это делать успешно:
  • Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
  • Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
  • OTUS проверяет знания студентов перед стартом обучения и после его завершения
  • Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
  • Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
  • OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год

Отзывы

Вячеслав Мельников

06.02.2025
Курс и преподавательский состав - высший балл! Повезло, что курс попал на крутые изменения в Angular. Охват курса от версий < 16 до 18-й, Angular 19 тоже обсуждали. Поменялась структура Angular, поменялся подход в архитектурных решениях. Не смотря на то, что я работаю в серьёзном проекте, некоторый практический опыт преподавателей стал открытием. Курсом очень доволен, очень помог в работе, для учёбы - просто идеально! Спасибо!
Читать целиком

Анастасия Иваныкина

23.01.2025
Я работаю Lead QA. Компания направила меня на обучение, поскольку есть такая потребность. На курсе понравилось, что материал современный, были темы, которые включались прямо на лету в связи с новыми апдейтами Ангуляра, очень отзывчивые преподаватели, хорошее ревью. Обучение мне дало необходимые навыки для работы над задачами в рамках моей текущей работы, что приведет к существенному росту как в скиллах в будущем, так и в зп.
Читать целиком

Подтверждение знаний и навыков

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

После обучения:

  • Удостоверение о повышении квалификации: если вы успешно защитили выпускной проект
    и готовы предоставить копию документа о высшем или среднем профессиональном образовании
  • Доступ к учебным материалам курса
  • Ваш личный проект, который поможет проходить собеседования

Частые вопросы

Что, если в середине курса я не смогу продолжать обучение?
У вас есть право одного бесплатного трансфера в другую группу
Обязательно ли защищать выпускной проект?
Для получения сертификата OTUS необходимо сдать проект. Кроме того, проект необязательно защищать перед аудиторией, а можно сдать в чате с преподавателем.
Я могу вернуть деньги?
Да, вы можете сделать возврат средств пропорционально оставшимся месяцам обучения.