Подборка материалов для погружения в Angular: выбор сотрудников Selectel
Попросили коллег порекомендовать ресурсы для изучения фреймворка Angular. Сохраняйте подборку в закладки: пригодится и начинающим, и опытным специалистам.
Зачастую для изучения фреймворка достаточно документации — она структурная, емкая и понятная. Собрали эту подборку, чтобы было, чем разнообразить процесс.
Все ресурсы, которые рекомендуют наши сотрудники, — иностранные. Поэтому подборка будет актуальна и тем, кто хочет подтянуть свой английский.
Навигация по статье:
Книга: Become a ninja with Angular
Книга, в которой собраны теория и примеры из практики ее создателей. У нее есть большой плюс: постоянно обновляется в соответствии с текущей версией Angular.
Все рассматриваемые в книге темы, например, основы TypeScript, маршрутизаций или тестирования приложений, дополнены подробными листингами с кодом. Сложно оценить, чего в этой книге больше — текста или примеров.
Источник → официальную версию можно купить тут, но в сети есть и бесплатные варианты.
Статья: Learn to combine RxJS
Работа с Angular не вызывает особых проблем, чаще они возникают со встроенной библиотекой RxJS. В тексте автор подробно рассказывает о работе с потоками и их комбинациями, а также визуализирует их.
Когда приложение разрастается и начинает работать с несколькими источниками данных, нужно использовать комбинации потоков. Они позволяют создавать сложные запросы, объединяя соответствующие потоки в один.
В RxJS есть много операторов, которые могут с этим помочь. Несмотря на то, что они концептуально сложны, материал понятен за счет интерактивных диаграмм.
Источник → погрузиться в RxJS можно по ссылке.
Хотите стать частью нашей команды разработчиков? Следите за вакансиями на нашем сайте и в Telegram-канале.
Канал: Decoded Frontend
Автор простым языком рассказывает про сложные и не очень темы, показывает подробные примеры, освещает новинки в фреймворке. Отдельно могу выделить плейлист Angular Design Patterns.
Канал подойдет как начинающим, так и опытным разработчикам. Кроме введения в Angular, есть плейлисты по работе с RxJS и паттернами проектирования. Интересен также и формат shorts-видео, в которых автор рассказывает про основные конструкции, структуры и фишки в работе с Angular. Их можно использовать в качестве шпаргалок.
Источник → запаситесь попкорном и смотрите видео по ссылке.
Статья: The Best Way To Unsubscribe RxJS
Недавно наткнулся на основательную статью по утечкам памяти при использовании RxJS. Рекомендую: там разобраны, наверное, все нюансы отписок от потоков в Angular.
В своей статье Томас Траян, эксперт-разработчик из Google, подробно рассказал об особенностях работы с subscribe- и unsubscribe-методами, еще — об утечках памяти о том, как с ними бороться.
В блоге Томаса есть и другие полезные материалы. Среди них — статьи о разработке расширений для Chrome, профессиональные советы по оптимизации.
Источник → статья доступна по ссылке.
Другие источники
Коллеги из корпоративного центра обучения Selectel посоветовали еще несколько материалов для погружения в Angular.
Туториал How To Use Reactive Forms in Angular
По умолчанию Angular предоставляет два способа работы с формами — шаблонный и реактивный. Последний полезен, когда нужно описать специфические правила для валидации потока ввода и динамически добавлять новые поля.
В материале авторы из DigitalOcean рассказывают, как подготовить проект и интегрировать реактивные формы.
Источник → читайте туториал на сайте.
Статья Introduction to Observables (RxJS)
Еще один материал про потоки в RxJS — на этот раз, разбитый на части. В статье авторы рассказывают основное: о создании наблюдаемых объектов, подписках, потоках, про асинхронную и синхронную работу с Observables и другое.
Источник → статья доступна по ссылке.
Подпишитесь на блог Selectel, чтобы не пропустить новые обзоры книг, новости и кейсы из мира IT и технологий.
Читать также:
Angular использует там, где проект уже на нём был написан до появления Vue :)
Или если это не пет-проект…
Пацаны, а зачем погружаться в angular? )
Добрый день! Angular нужен не всем, как и любой другой инструмент. Но его до сих пор активно используют в работе. Помимо этого, он уже включает в себя все необходимые модули — нет необходимости разбираться с дополнительными плагинами, которые необходимо подключать для полноценной работы приложения.
К тому же этот фреймворк изначально был написал на Typescript. Поэтому изучив его, можно подтянуть и знания по одному из самых трендовых языков в мире фронтенд-разработки :)
Умирающий, но все ещё в топ-3 фреймворк для веба - работы полно
Затем что он функциональнее и удобнее, чем реакт или вуе. Если вам надо делать что-то не на коленке, Ангуляр будет зачастую лучшим выбором.
Комментарий недоступен
А во что перспективно?
Vue, React
🤣 ага, вуе особенно
а, что, хотите сказать невостребованный?
Комментарий недоступен
Судя по комменту, это не я макака)
А Питонщики селектелу нужны?
Добрый день! Ищем коллег с разными компетенциями, с Python в том числе :) Актуальные вакансии тут: https://selectel.ru/careers/all/
Интересно сравнить скорость разработки на ангуляр и на js + jquery)
Смотря что разрабатывать. Крупные веб-приложения никому не пожелаю на jQuery разрабатывать. А вот на Ангуляре - вполне себе пожелаю.
зачем?
Есть ощущение, что на ангуляре из за того, что появляются внутренние проблемы разработки на ангуляре будет сильно медленнее разрабатывать.
А нормальную архитектуру можно и на js сделать при желании.
Смотря что вы хотите сделать. Большое веб приложение делать с 0 смысла нет никакого. И в таком случае фреймворк облегчит работу.
Если вы ангуляр впервые в жизни видите, то наверное да. А если освоили в соответствии с требуемой для задачи квалификацией, то скорее нет.
Ваш ответ выглядит как: Зачем брать готовую архитектуру, в которой могут быть проблемы, если при желании можно сделать хорошую с нуля. То есть написать собственный фреймворк. И на нём разрабатывать будет быстрее, и проблем у него никаких не будет.
может я конечно не до конца разобрался да с ангуляром. но мне на js + jquery было проще и быстрее разрабатывать, чем на ангуляре
Ангуляр, конечно, не самый простой фреймворк, но сложное приложение разрабатывать на jQuery неприятно. Да и в целом не нужен jQuery теперь, достаточно встроенных возможностей.
Комментарий удален модератором
Надо сравнивать не скорость изначальной разработки (без внимания к архитектуре, раз, два и в продакшн), поскольку тут вообще всех победит Copilot, а скорость внесения изменений, а точнее, снижение этой скорости со временем.
Нормальную архитектуру можно сделать на чем угодно, только в итоге вы потратите пару месяцев на переизобретение компонентного фреймворка (куда менее мощного и куда более забагованного).