👍5❤3🔥3
Только что отсмотрел драфт подкаста и для первого раза получилось вполне убедительно, хотя в паре мест я бы перезаписал ответы, видимо не смог побороть волнение и затупил😬
В любом случае опыт крайне интересный, ждемс выпуск!
В любом случае опыт крайне интересный, ждемс выпуск!
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤8🔥2🥰1
Forwarded from Стародубцев x IT-ХОЗЯЕВА (Александр Стародубцев)
Делюсь картинкой!) Выпуск будет уже на следующей неделе
1❤13🔥8😍2👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Новый Angular вас удивит! Лучший framework для первой работы. Олег Щеголев
📍Делимся экспертизой в TG-канале, подпишись: https://t.me/+Tnx59iQxQ0ZmNThi
📍 Хабр Cloud․ru, подпишись: https://clck.ru/3A9zCC
☁️ Попробуй наше облако бесплатно https://clck.ru/3AABkJ
Ведущий:
Саша Стародубцев @AlexStarodubcev
📺 TG: https://t.me/strdub…
📍 Хабр Cloud․ru, подпишись: https://clck.ru/3A9zCC
☁️ Попробуй наше облако бесплатно https://clck.ru/3AABkJ
Ведущий:
Саша Стародубцев @AlexStarodubcev
📺 TG: https://t.me/strdub…
3🔥31👍3❤2
❤10🔥6
Где учить этот Angular? #1 👩💻
Этот вопрос я слышу постоянно — особенно после того, как на одном дыхании рассказываю, какой новый Angular классный. Поэтому решил пробежаться по своим бесконечным закладкам и заметкам, вспомнить, с чего сам начинал, и сделать серию постов о том, как же все-таки учить этот фреймворк. Будут курсы, статьи, YouTube-каналы — все, что может быть полезно как новичкам, так и опытным разработчикам. Разумеется, это будут только проверенные источники, которыми я сам пользовался (и продолжаю пользоваться). Начнем с курсов.
*️⃣ База базовая, учитель всех учителей. Иногда кажется, что Udemy был создан исключительно для этого великолепного преподавателя — Максими́лиана Шварцмюллера. Курс, который я купил в самом начале пути, до сих пор актуален: автор каждый год бесплатно обновляет программу. Очень рекомендую — фреймворк разобран полностью, затронуты все важные темы для быстрого и уверенного старта.
🔗 The Complete Guide to Angular
*️⃣ Мастодонты в мире курсов по Angular — Angular University. Здесь есть курсы по современному Angular с сигналами, TypeScript, RxJS и многому другому. Можно купить пожизненный доступ ко всем материалам за очень приятную цену. Но начать стоит с бесплатного курса для новичков.
🔗 Angular For Beginners
🔗 Все курсы Angular University
*️⃣ Для фанатов текстового формата — курс от Josh Morony, Angular GDE и активного блогера. Материал полностью состоит из текстовых модулей с пошаговыми инструкциями. Есть открытые (бесплатные) главы, так что можно попробовать и понять, подходит ли такая форма подачи.
🔗 Angular Start
🧪 Рубрика "Эксперименты"
Для разработчиков, которые уже владеют каким-то фреймворком и хотят расширить границы или сменить стек, есть интересный бесплатный проект Playful Programming от Corbin Crutchley. Он позволяет изучать сразу три фреймворка параллельно: Angular, React и Vue. Каждый сниппет кода снабжен тремя вкладками, так что можно сразу переключаться и смотреть: "А как это сделано там?" В начале года вышла первая часть курса (основы), а вскоре ожидаются модули про экосистемы и внутреннюю работу инструментов.
🔗 Playful Programming - The Framework Field Guide
В дополнение к формату выше подходит сайт Component Party, который позволяет сравнивать реализацию концепций в разных фреймворках. Помимо Angular, React и Vue, тут есть Svelte, Solid, Lit, Alpine и другие.
🔗 Component Party
🇬🇧 English? Не проблема
Все предложенные курсы платные, но на специальных сайтах можно найти их для ознакомительного прохождения.
Что касается языка: английский в курсах довольно простой, у авторов хорошая дикция и темп речи. Но если английский вызывает трудности, есть лайфхак:
🟢 берем курс для ознакомления и загружаем его в облако (список поддерживаемых сервисов)
🟢 скачиваем Tampermonkey для своего браузера
🟢 устанавливаем скрипт, который добавляет нейроперевод Яндекс.Браузера в нужный браузер (отдельное спасибо автору расширения)
🟢 запускаем видео для ознакомления в облаке и включаем нейроперевод
🟢 вы великолепны!
Данный способ я попробовал на облаках Mail и Яндекс, все работает отлично.
Если проходили и знаете хорошие курсы, пишите об этом в комментариях!
@summon_the_coder
#angular #course
Этот вопрос я слышу постоянно — особенно после того, как на одном дыхании рассказываю, какой новый Angular классный. Поэтому решил пробежаться по своим бесконечным закладкам и заметкам, вспомнить, с чего сам начинал, и сделать серию постов о том, как же все-таки учить этот фреймворк. Будут курсы, статьи, YouTube-каналы — все, что может быть полезно как новичкам, так и опытным разработчикам. Разумеется, это будут только проверенные источники, которыми я сам пользовался (и продолжаю пользоваться). Начнем с курсов.
🔗 The Complete Guide to Angular
🔗 Angular For Beginners
🔗 Все курсы Angular University
🔗 Angular Start
🧪 Рубрика "Эксперименты"
Для разработчиков, которые уже владеют каким-то фреймворком и хотят расширить границы или сменить стек, есть интересный бесплатный проект Playful Programming от Corbin Crutchley. Он позволяет изучать сразу три фреймворка параллельно: Angular, React и Vue. Каждый сниппет кода снабжен тремя вкладками, так что можно сразу переключаться и смотреть: "А как это сделано там?" В начале года вышла первая часть курса (основы), а вскоре ожидаются модули про экосистемы и внутреннюю работу инструментов.
🔗 Playful Programming - The Framework Field Guide
В дополнение к формату выше подходит сайт Component Party, который позволяет сравнивать реализацию концепций в разных фреймворках. Помимо Angular, React и Vue, тут есть Svelte, Solid, Lit, Alpine и другие.
🔗 Component Party
🇬🇧 English? Не проблема
Все предложенные курсы платные, но на специальных сайтах можно найти их для ознакомительного прохождения.
Что касается языка: английский в курсах довольно простой, у авторов хорошая дикция и темп речи. Но если английский вызывает трудности, есть лайфхак:
Данный способ я попробовал на облаках Mail и Яндекс, все работает отлично.
Если проходили и знаете хорошие курсы, пишите об этом в комментариях!
@summon_the_coder
#angular #course
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤17👍12❤🔥3
Всем привет! Сегодня нашелся отличный повод выйти в онлайн. В 19:00 будет проходить Angular Day by Frontend Nation. Судя по программе должно быть интересно. Будем посмотреть на стриме.
Twitch
Twitch
1👍3❤2🔥1
🔥8❤1
1👍5
В прошлом году я присоединился к команде преподавателей в Otus. Вместе со студентами мы ангулярим, изучаем фронтенд и очень продуктивно проводим время на занятиях. Тут вышел пост-знакомство с моим участием, где я кратко рассказал о себе и поделился несколькими рекомендациями, что посмотреть/почитать в свободное время. Выкладываю этот пост у себя для тех, кто хочет поближе познакомиться с моим подходом и опытом.
1🔥21❤2
Где учить этот Angular? #2 👩💻
Часть 1
Продолжаю серию постов по обучению фреймворку — сегодня поговорим о книгах. Обычно книги по конкретному фреймворку — вещь спорная. Они быстро устаревают, часто повторяют официальную документацию, только в более растянутой форме. Но эта подборка — особенная. Все книги в списке регулярно обновляются и остаются актуальными даже с выходом новых версий фреймворка. А еще мы знаем, что по Angular и так немного хороших ресурсов, так что собираем в охапку все, что может быть полезным.
📘 Become a Ninja with Angular
Название уже продает книгу — ну кто не хочет стать ниндзя, особенно в Angular? Книга сначала проводит через основы JavaScript и TypeScript, затем постепенно переходит к концепциям самого фреймворка и разбирает все ключевые модули, подходы и API. Абсолютный мастхэв для обучения. На текущий момент книга актуальна для версии 19.2.4 (включая resource, httpResource и прочие новинки).
📘 The Ultimate Guide To Angular Evolution
Работа команд House of Angular и Angular.love. По сути — чейнджлог и роадмап Angular в формате книги. От версии 14 до последней 19: что добавили, зачем добавили и какую проблему решали. Книга содержит много ретроспективы, сравнений и объяснений.
Финальная глава — это вообще взгляд в будущее: сигнальные формы, zoneless, selectorless-компоненты, streamed SSR.
А если вы давно гребете в лодке с названием Angular, будет приятно осознать, какой огромный путь проделал любимый инструмент.
📘 Серия книг от ANGULARarchitects
Manfred Steyer — легенда в Angular-сообществе. В его книгах доступно изложен практический и архитектурный опыт.
🔗 Modern Angular
Книга полностью про современный Angular: как работать со Standalone API, мигрировать существующие приложения, использовать signals, control flow, defer и другие фичи.
🔗 Enterprise Angular: Micro Frontends and Moduliths with Angular
Более хардкорная книга — архитектура в больших приложениях. Среди тем: Domain-Driven Design, Nx, Sheriff для разграничения модулей, Module Federation, монорепозитории и микрофронты. Данную книгу можно рекомендовать на вырост, потому что с начальными знаниями и без опыта написания реальных приложений совершенно не понятно, а какую такую проблему пытается решить автор столь монструозными, на первый взгляд, решениями.
📘 Modern Angular от GDE Армена Варданяна
Да да, снова modern, и снова Angular :D. Книга будет полезна тем, кто хочет разобраться, как правильно мигрировать на новые фичи Angular. Формат следующий: сначала показывается старый подход, потом — новый, плюс рекомендации по миграции. Отличный вариант, если у вас "завис" проект на старом Angular, и вы не знаете, с чего начать обновление. Из особенностей, нужен как минимум средний уровень знаний, новичкам будет тяжеловато.
📘 Reactive Patterns with RxJS and Angular Signals
Фокус книги — реактивная парадигма: работа со стримами в RxJS, обработка ошибок, трансформации и комбинирование потоков. Показаны подходы с использованием сигналов, как интегрировать сигналы и стримы с помощью интеропа. Отдельно отмечу, что есть главы по не самым простым темам - мультикастинг и перформанс. Подходит как для освоения основ реактивного программирования, так и для расширения уже имеющихся знаний.
Если кто-то уже читал или читает в данный момент какую-то из книг, то жду отзывы в комментариях🤓
@summon_the_coder
#angular #books #learning
Часть 1
Продолжаю серию постов по обучению фреймворку — сегодня поговорим о книгах. Обычно книги по конкретному фреймворку — вещь спорная. Они быстро устаревают, часто повторяют официальную документацию, только в более растянутой форме. Но эта подборка — особенная. Все книги в списке регулярно обновляются и остаются актуальными даже с выходом новых версий фреймворка. А еще мы знаем, что по Angular и так немного хороших ресурсов, так что собираем в охапку все, что может быть полезным.
📘 Become a Ninja with Angular
Название уже продает книгу — ну кто не хочет стать ниндзя, особенно в Angular? Книга сначала проводит через основы JavaScript и TypeScript, затем постепенно переходит к концепциям самого фреймворка и разбирает все ключевые модули, подходы и API. Абсолютный мастхэв для обучения. На текущий момент книга актуальна для версии 19.2.4 (включая resource, httpResource и прочие новинки).
📘 The Ultimate Guide To Angular Evolution
Работа команд House of Angular и Angular.love. По сути — чейнджлог и роадмап Angular в формате книги. От версии 14 до последней 19: что добавили, зачем добавили и какую проблему решали. Книга содержит много ретроспективы, сравнений и объяснений.
Финальная глава — это вообще взгляд в будущее: сигнальные формы, zoneless, selectorless-компоненты, streamed SSR.
А если вы давно гребете в лодке с названием Angular, будет приятно осознать, какой огромный путь проделал любимый инструмент.
📘 Серия книг от ANGULARarchitects
Manfred Steyer — легенда в Angular-сообществе. В его книгах доступно изложен практический и архитектурный опыт.
🔗 Modern Angular
Книга полностью про современный Angular: как работать со Standalone API, мигрировать существующие приложения, использовать signals, control flow, defer и другие фичи.
🔗 Enterprise Angular: Micro Frontends and Moduliths with Angular
Более хардкорная книга — архитектура в больших приложениях. Среди тем: Domain-Driven Design, Nx, Sheriff для разграничения модулей, Module Federation, монорепозитории и микрофронты. Данную книгу можно рекомендовать на вырост, потому что с начальными знаниями и без опыта написания реальных приложений совершенно не понятно, а какую такую проблему пытается решить автор столь монструозными, на первый взгляд, решениями.
📘 Modern Angular от GDE Армена Варданяна
Да да, снова modern, и снова Angular :D. Книга будет полезна тем, кто хочет разобраться, как правильно мигрировать на новые фичи Angular. Формат следующий: сначала показывается старый подход, потом — новый, плюс рекомендации по миграции. Отличный вариант, если у вас "завис" проект на старом Angular, и вы не знаете, с чего начать обновление. Из особенностей, нужен как минимум средний уровень знаний, новичкам будет тяжеловато.
📘 Reactive Patterns with RxJS and Angular Signals
Фокус книги — реактивная парадигма: работа со стримами в RxJS, обработка ошибок, трансформации и комбинирование потоков. Показаны подходы с использованием сигналов, как интегрировать сигналы и стримы с помощью интеропа. Отдельно отмечу, что есть главы по не самым простым темам - мультикастинг и перформанс. Подходит как для освоения основ реактивного программирования, так и для расширения уже имеющихся знаний.
Если кто-то уже читал или читает в данный момент какую-то из книг, то жду отзывы в комментариях🤓
@summon_the_coder
#angular #books #learning
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤22🔥10👍2🏆1
Angular + AI = ❤️
У команды Angular Courses Lab вышел новый инструмент — Angular Docs AI, он же Angie (про другие инструменты можно почитать здесь). Angie — это AI-ассистент для работы с Angular-документацией.
Ассистент создан для упрощения изучения и использования Angular: он отвечает на вопросы о функционале, API и лучших практиках фреймворка. Спрашивать можно как на русском, так и на английском.
Angie не ограничивается только официальной документацией — он умеет гуглить: ходит по внешним источникам и собирает информацию оттуда тоже. Вопросы типа «сравни observables vs promises vs signals» или «дай best practice, как сделать функционал X» для него не проблема.
После каждого ответа отображается список источников, откуда бралась информация. Удобно, можно сразу перейти в нужный раздел документации и покопаться подробнее.
Почему я не написал про ассистента сразу после релиза? Решил сначала попользоваться и составить собственное мнение. И вот — спустя примерно неделю использования могу уверенно сказать, что это супер удобный инструмент для повседневной разработки. Он серьезно ускоряет работу с документацией и, думаю, будет особенно полезен тем, кто только начинает работать с Angular.
Лично у меня постоянно путаются разделы Templates и Components, но с Angie об этом вообще забываешь. Всем рекомендую попробовать!
Angular Docs AI
@summon_the_coder
#angular #ai #docs
У команды Angular Courses Lab вышел новый инструмент — Angular Docs AI, он же Angie (про другие инструменты можно почитать здесь). Angie — это AI-ассистент для работы с Angular-документацией.
Ассистент создан для упрощения изучения и использования Angular: он отвечает на вопросы о функционале, API и лучших практиках фреймворка. Спрашивать можно как на русском, так и на английском.
Angie не ограничивается только официальной документацией — он умеет гуглить: ходит по внешним источникам и собирает информацию оттуда тоже. Вопросы типа «сравни observables vs promises vs signals» или «дай best practice, как сделать функционал X» для него не проблема.
После каждого ответа отображается список источников, откуда бралась информация. Удобно, можно сразу перейти в нужный раздел документации и покопаться подробнее.
Почему я не написал про ассистента сразу после релиза? Решил сначала попользоваться и составить собственное мнение. И вот — спустя примерно неделю использования могу уверенно сказать, что это супер удобный инструмент для повседневной разработки. Он серьезно ускоряет работу с документацией и, думаю, будет особенно полезен тем, кто только начинает работать с Angular.
Лично у меня постоянно путаются разделы Templates и Components, но с Angie об этом вообще забываешь. Всем рекомендую попробовать!
Angular Docs AI
@summon_the_coder
#angular #ai #docs
2🔥22❤7👍6
Aaww yes, вышла двадцатка! Из интересного: стабилизировали api по сигналам, ssr фичи переехали в dev preview, zoneless теперь можно включать при создании приложения, добавили много удобства при создании динамических компонентов (можно привязывать inputs, outputs, two-way binding, директивы). Также команда представила тесную интеграцию с Chrome Dev Tools, и во вкладке performance для Angular приложений появился отдельный трек для профилирования. Go go!🔥
В ближайшие дни планирую все это посмотреть и обсудить на стриме!
#angular #release
В ближайшие дни планирую все это посмотреть и обсудить на стриме!
#angular #release
1🔥20❤4❤🔥2
Forwarded from Grandgular [Angular]
🎉🎉🎉 Angular v20 is here! 🎉🎉🎉
As of May 29, 2025, the stable release of Angular 20 is officially out!
🆕 Highlights (from the article):
- Promoting reactivity features to stable
- New, experimental APIs
- Promoting Zoneless to developer preview
- Solidifying Angular on the server
- and many more...
Useful Links:
🔗 Angular v20 Release on GitHub
https://github.com/angular/angular/releases/tag/20.0.0
📝 Official Release Blog
https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301
📆 Release & Support Schedule
https://angular.dev/reference/releases
📦 Angular CLI v20 Release Notes
https://www.gitclear.com/open_repos/angular/angular-cli/release/20.0.0-next.0
I’ll follow up with a detailed article soon — with code examples, use cases, and migration tips. Stay tuned!
#angular #angular20 #webdev #frontend #JavaScript #TypeScript
As of May 29, 2025, the stable release of Angular 20 is officially out!
🆕 Highlights (from the article):
- Promoting reactivity features to stable
- New, experimental APIs
- Promoting Zoneless to developer preview
- Solidifying Angular on the server
- and many more...
Useful Links:
🔗 Angular v20 Release on GitHub
https://github.com/angular/angular/releases/tag/20.0.0
📝 Official Release Blog
https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301
📆 Release & Support Schedule
https://angular.dev/reference/releases
📦 Angular CLI v20 Release Notes
https://www.gitclear.com/open_repos/angular/angular-cli/release/20.0.0-next.0
I’ll follow up with a detailed article soon — with code examples, use cases, and migration tips. Stay tuned!
#angular #angular20 #webdev #frontend #JavaScript #TypeScript
1🔥9❤🔥3❤2🎉1