Angular Developer

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

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

  • 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 синтаксис). Часть 1

Тема 4: TypeScript, CSS препроцессор SASS (SCSS синтаксис). Часть 2

Тема 5: Компоненты. Организация структуры проекта / ДЗ #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

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

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

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

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

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

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

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

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

Тема 7: 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: основы и практические навыки
Оставьте заявку, чтобы получить доступ ко всем записям прошедших мероприятий. Записи всех мероприятий появятся в этом блоке

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

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 необходимо сдать проект. Кроме того, проект необязательно защищать перед аудиторией, а можно сдать в чате с преподавателем.
Я могу вернуть деньги?
Да, вы можете сделать возврат средств пропорционально оставшимся месяцам обучения.