Angular один из самых популярных фреймворков для Frontend разработки. Он используется в огромном количестве крупных enterprise компаний, которые занимаются разработкой web приложений.
Начиная от банковской сферы, заканчивая маркетплейсами.
В процессе обучения вы получите комплексные знания и навыки.Модуль 1Введение в Angular
Тема 1. Введение в Angular
Тема 2. Знакомство с Angular: Структура проекта. Файлы конфигурации
Тема 3. TypeScript, CSS препроцессор SASS (SCSS синтаксис)
Тема 4. Angular. Компоненты и модули
Модуль 2Основы Angular
Тема 5. Привязка к данным, привязка к событию, двустороннее связывание
Тема 6. Взаимодействие между компонентами
Тема 7. Жизненный цикл компонента. Шаблонные переменные
Тема 8. Компоненты. Взаимодействие между модулями. Общий модуль
Тема 9. Директивы. Встроенные
Тема 10. Директивы. Пользовательские
Тема 11. Директивы ng-content, ng-container и ng-template. Декораторы HostListener и HostBinding
Тема 12. Сервисы, Dependency Injection
Тема 13. HTTP запросы, REST API, Angular HTTP Client
Модуль 3Расширенный Angular
C 27 сентября
Тема 14. Работа с формами
Тема 15. Реактивные формы
Тема 16. Маршрутизация
Тема 17. Маршрутизация: Guards and Resolvers
Тема 18. Pipes
Тема 19. Change Detection
Тема 20. Testing
Модуль 4 Продвинутый Angular
Тема 21. Ленивая загрузка модулей и компонентов. Standalone компоненты
Тема 22. Observables и основы потокового программирования. Часть 1: Знакомство с RxJS
Тема 23. Observables и основы потокового программирования. Часть 2: Операторы
Тема 24. Observables и основы потокового программирования. Часть 3: Использование RxJS в Angular
Тема 25. Store (Redux)
Тема 26. Store (Redux). Часть 2
Тема 27. Store (Redux). Часть 3
Тема 28. Локализация
Модуль 5 Проектный модуль
Тема 29. Выбор темы и организация проектной работы
Тема 30. Консультация по проектам и домашним заданиям
Тема 31. Защита проектных работ
Освойте профессию, станьте Junior-специалистом или развивайтесь до уровня Middle на онлайн-консультациях с экспертом. Вас ждёт практика на основе реальных кейсов. Обучение на платформе можно приравнять к году работы.
Срок обучения — 10 месяцев
Научитесь писать код для сайтов и станете фронтендером с нуля за 10 месяцев
CSS HTML Первый код CSS-свойства
6 недель
2. HTML и CSS: лейаут, доступность и интерактив
БЭМ Atomic Вёрстка Кодстайл Семантика Bash и Git Grid Layout Шрифты и типографика Псевдоклассы и псевдоэлементы
+2 проекта в портфолио
Проект «Оно тебе надо»
Вы создадите полноценный одностраничный сайт
Проект «Посмотрите в окно»
Сверстаете медиаконтент для ещё одного небольшого сайта
6 недель
3. Дизайн, адаптивная вёрстка и декорирование
Адаптивность Основы дизайна Модальные окна 3D-трансформации Кастомные переменные Анимации и декорирование Препроцессоры и постпроцессоры
+2 проекта в портфолио
Проект «Концентрацию не теряй»
Вы сделаете адаптивный сайт с несколькими цветовыми темами
Проект «Мудборд»
Сверстаете веб-приложение для создания доски настроения
4 недели
4. Базовый JavaScript
Условия и циклы Введение в JavaScript Функции, массивы и объекты Объектная модель документа (DOM)
+1 проект в портфолио
Проект Mesto — часть 1
Начнёте работу над интерактивным веб-сервисом с возможностью размещать фотографии. На первом этапе сверстаете сайт и напишете часть логики на JavaScript.
3 недели
5. Продвинутый JavaScript
Webpack Работа с API Асинхронность Модули в JavaScript Формы и их валидация Работа с браузерными событиями
+1 проект в портфолио
Проект Mesto — часть 3
Вы улучшите код. Настроите связи между разными частями приложения и сборку. Подключите проект к серверу, и приложение станет полноценным: все изменения данных будут сохраняться, а другие люди смогут им пользоваться.
6 недель
6. TypeScript и ООП
ООП TypeScript Работа с окружением Принципы разработки ПО
3 недели
7. Основы React
Концепция SPA Синтаксис JSX React DevTools useState и useEffect CRA: настройка и сборка проекта
+1 проект в портфолио
Проект Stellar Burger — часть 1
Вы напишете фундамент учебного приложения для заказа еды с главной страницей, личным кабинетом и лентой заказов
3 недели
8. Роутинг и авторизация
React Router Библиотека Redux
+1 проект в портфолио
Проект Stellar Burger — часть 2
Вы продолжите работу над приложением и создадите Redux-хранилище, а также реализуете роутинг и авторизацию
3 недели
9. Тестирование React-приложений
Научитесь ускорять работу React-приложений, проводить их тестирование, выводить в продакшен и релизить на собственном удалённом сервере.
Jest Cypress
+1 проект в портфолио
Проект Stellar Burger — часть 3
Вы покроете приложение юнит-тестами, а также интеграционными тестами с помощью библиотек Jest и Cypress
Проектный месяц
Вам предстоит поработать в команде над задачей от заказчика. Вы создадите и опубликуете приложение с использованием знаний, которые получили ранее.
Софтскиллы для разработчиков
Узнаете, как организовать учебный процесс, адаптироваться в новой среде и работать в команде. Теория и учебные задания помогут сделать учёбу и будущую работу легче и осознаннее.
Рефлексия Целеполагание Работа в команде Стрессоустойчивость Планирование и реализация
Программа трудоустройства
Составите резюме, соберёте портфолио, напишете мотивационное письмо. С нашей поддержкой разработаете стратегию поиска и подготовитесь к интервью.
Резюме Портфолио Рынок труда Мотивационное письмо Развитие в веб-разработке
Программа акселерации
Будете подаваться на вакансии, писать сопроводительные письма, делать тестовые и ходить на собеседования. Мы вместе будем анализировать отказы и ошибки, чтобы улучшить результаты. Этот этап заканчивается, когда вы получаете предложение о работе, на которое согласны.
Собеседования Реалии рынка труда Адаптация артефактов Подготовка к интервью Стратегии поиска работы Поиск работы в столице и в регионах
Курсы разработки на Angular ежедневно обновляются. Мы выбираем курсы по множеству факторов, но основной критерий выбора – отзывы учеников и соотношение цена – качества. Выбирая курс у нас вы можете быть уверены что приобретаете максимально полезный учебный материал по максимально возможной выгодной цене.
Мы отбираем курсы разработки на Angular не только как полезный учебный материал, но так же с возможностью трудоустройства после прохождения. Все крупные онлайн-школы, такие как Яндекс Практикум, Skillbox и остальные сотрудничают с множеством компаний, которые отбирают учеников на стажировку.
Все курсы разработки на Angular доступны в удобном онлайн-формате. Благодаря этому вы сможете учиться в удобное для Вас время, несколько раз в неделю.
Все записи курсов разработки на Angular остаются с вами. Даже после прохождения обучения вы сможете возвращаться к учебным материалам.
Все курсы разработки на Angular ведут только топовые программисты. Вы можете быть уверены что все кураторы и преподаватели проходят серьезный отбор, чтобы вы могли учиться у лучших представителей и спикеров отрасли.
Angular – это современный фреймворк для разработки веб-приложений, разработанный и поддерживаемый командой Angular в Google. Он отличается от AngularJS, который является его предшественником, в том, что Angular использует современные подходы, такие как компонентная архитектура, TypeScript и сильную типизацию, а также предоставляет более эффективную и масштабируемую разработку.
Для начала разработки приложения на Angular вам понадобится установить Angular CLI (Command Line Interface) и создать новый проект с помощью команды ng new
. Затем вы можете создавать компоненты, модули, сервисы и другие элементы приложения с использованием Angular CLI команд.
В Angular компоненты являются основными строительными блоками приложения. Они представляют отдельные части пользовательского интерфейса и содержат свою логику и шаблоны. Компоненты могут взаимодействовать друг с другом через свойства и события, а также могут быть вложены друг в друга для создания сложных интерфейсов.
В Angular вы можете использовать сервисы для управления данными и их передачи между компонентами. Сервисы предоставляют методы для получения, изменения и обновления данных, а также могут выполнять HTTP-запросы к серверу для работы с удаленными данными. Вы также можете использовать реактивное программирование с помощью RxJS для работы с асинхронными данными.
В Angular вы можете использовать модуль маршрутизации (RouterModule
) для определения маршрутов в приложении. Вы можете определить пути URL, связать их с компонентами и настроить параметры маршрутизации, такие как защита маршрутов, передача параметров и т. д.
В Angular вы можете использовать синтаксис привязки событий, такой как (event)="handler()"
, чтобы обрабатывать события в компонентах. Вы также можете использовать директиву `@Host
Обновлено 22 августа, 2024 4:06 пп
Собрали для вас лучшие курсы для менеджеров по продажам. В подборку вошли курсы таких популярных…
Сделали для вас подборку лучших курсов финансы для руководителей. В подборку вошли как платные так…
Изучите искусство дизайна интерьера на курсах. В нашей подборке ТОП 30 лучшие курсы по дизайну…
ТОП 30 лучшие курсы Python (Пайтон или Питон) 2024 рейтинг, сравнение, цены, обзоры - платные…
Курс бухгалтер от онлайн-школы Skillbox - обучение бухгалтерии с нуля для начинающих и для тех…
Профессия Python-разработчик с нуля для начинающих от Skillbox - Узнайте о текущих скидках и акциях…