В июле 2024 года завершился первый онлайн-курс на базе нашей новой образовательной платформы — “GRSE TalentLab”. Курс был посвящен основам технологии Angular. Для удобства он был разделен на две части: подготовительную и
основную.
Подготовительный курс
Цель подготовительного курса заключалась в том, чтобы освежить базовые знания учеников и синхронизировать их. Здесь участники узнавали и повторяли основные принципы веб-разработки, такие как HTML, CSS и JavaScript.
● HTML и CSS: Студенты создавали простой многостраничный сайт, используя ключевые особенности этих технологий. Это помогло им закрепить знания о структуре веб-страниц и основах стилизации.
● JavaScript: Участники выполняли логические задания, чтобы получить навыки работы с объектами, массивами и простейшими типами данных.
На занятиях мы детально обсуждали каждый кейс. Это позволило разобрать типичные ошибки и определить основные пробелы в знаниях, что помогло более эффективно подготовиться к основной части курса.
Основной курс по Angular
Основной курс был посвящен глубокому изучению фреймворка Angular и включал в себя следующие темы:
● TypeScript: Разбор основных особенностей и отличий от JavaScript.
● Компоненты: Основные правила работы и взаимодействия компонентов, стилизация и жизненный цикл.
● Директивы: Основные виды, принципы работы и создание кастомных директив.
● Сервисы: Внедрение зависимостей (dependency injection) и использование сервисов для межкомпонентного взаимодействия.
● Навигация: Основы программной навигации, защитные механизмы путей (guard-ы) и обработка данных.
● Observables: Применение в Angular, основные операторы и задания для домашней работы.
● Формы: Template-driven и reactive формы, работа с их состоянием.
● Pipes: Использование для трансформации отображаемых значений и параметризированные pipes.
● Firebase: Создание проекта, работа с базой данных и интеграция в приложение.
● HTTP и REST запросы: Подгрузка данных, обработка ответов сервера и использование Firebase.
● Аутентификация и Авторизация: Теоретическая база, различия и создание аутентификации с помощью Firebase.
● Продвинутые особенности Angular: Динамические компоненты, lazy loading и оптимизация приложений.
Итоговый проект
В завершение курса студенты представили свои итоговые проекты — полноценные приложения для формирования рецептов и составления списков покупок на основе ингредиентов. Каждый проект был подробно рассмотрен, и участники получили развернутый обратную связь по своей работе.
Особенно понравилось, как мы изучали компоненты, директивы и сервисы. Эти знания позволили создать функциональное приложение для рецептов. Я научилась работать с формами, настраивать маршруты и взаимодействовать с сервером через REST API и Firebase.
Преподавательский материал и примеры, которые я неоднократно пересматривала после занятий, очень помогли мне в обучении.”
И конечно, ждем новые таланты для участия в курсах GRSE TalentLab!